@commercetools/nimbus 0.0.0-canary-20251001071243 → 0.0.0-canary-20251001130410
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/{DatePicker-DOq_YUYb.es.js → DatePicker-DmiNa1e-.es.js} +2 -2
- package/dist/chunks/{DatePicker-DOq_YUYb.es.js.map → DatePicker-DmiNa1e-.es.js.map} +1 -1
- package/dist/chunks/{Dialog-BgV9Ur8E.es.js → Dialog-SvkYfu5i.es.js} +4 -4
- package/dist/chunks/{Dialog-BgV9Ur8E.es.js.map → Dialog-SvkYfu5i.es.js.map} +1 -1
- package/dist/chunks/{Header-LkbMVqUr.es.js → Header-CnkbxL1Z.es.js} +3 -3
- package/dist/chunks/{Header-LkbMVqUr.es.js.map → Header-CnkbxL1Z.es.js.map} +1 -1
- package/dist/chunks/{ListBox-BLYSfKWM.es.js → ListBox-CkDiOBnJ.es.js} +4 -4
- package/dist/chunks/{ListBox-BLYSfKWM.es.js.map → ListBox-CkDiOBnJ.es.js.map} +1 -1
- package/dist/chunks/{SelectionManager-DPe6sYkP.es.js → SelectionManager-CSt4dh97.es.js} +2 -2
- package/dist/chunks/{SelectionManager-DPe6sYkP.es.js.map → SelectionManager-CSt4dh97.es.js.map} +1 -1
- package/dist/chunks/{Separator-DOY-4i96.es.js → Separator-HDKQdp4v.es.js} +6 -6
- package/dist/chunks/{Separator-DOY-4i96.es.js.map → Separator-HDKQdp4v.es.js.map} +1 -1
- package/dist/chunks/{accordion-BSR4mSOu.es.js → accordion-1xPIt07g.es.js} +2 -2
- package/dist/chunks/{accordion-BSR4mSOu.es.js.map → accordion-1xPIt07g.es.js.map} +1 -1
- package/dist/chunks/{accordion-4Vh8MRHG.cjs.js → accordion-CdIEuDDs.cjs.js} +2 -2
- package/dist/chunks/{accordion-4Vh8MRHG.cjs.js.map → accordion-CdIEuDDs.cjs.js.map} +1 -1
- package/dist/chunks/{alert-C0YsaZz2.es.js → alert-Blp_hf9F.es.js} +2 -2
- package/dist/chunks/{alert-C0YsaZz2.es.js.map → alert-Blp_hf9F.es.js.map} +1 -1
- package/dist/chunks/{alert-cCy3Ka2E.cjs.js → alert-CZEBRJ9p.cjs.js} +2 -2
- package/dist/chunks/{alert-cCy3Ka2E.cjs.js.map → alert-CZEBRJ9p.cjs.js.map} +1 -1
- package/dist/chunks/{button-BAH2aLJh.cjs.js → button-BSWhqzIJ.cjs.js} +2 -2
- package/dist/chunks/{button-BAH2aLJh.cjs.js.map → button-BSWhqzIJ.cjs.js.map} +1 -1
- package/dist/chunks/{button-DSws4IjQ.es.js → button-tLehmoCt.es.js} +2 -2
- package/dist/chunks/{button-DSws4IjQ.es.js.map → button-tLehmoCt.es.js.map} +1 -1
- package/dist/chunks/{calendar-QYUcSSuy.es.js → calendar-B58zfVhs.es.js} +4 -4
- package/dist/chunks/{calendar-QYUcSSuy.es.js.map → calendar-B58zfVhs.es.js.map} +1 -1
- package/dist/chunks/{calendar-CNjZUyhZ.cjs.js → calendar-xPQsLl6L.cjs.js} +2 -2
- package/dist/chunks/{calendar-CNjZUyhZ.cjs.js.map → calendar-xPQsLl6L.cjs.js.map} +1 -1
- package/dist/chunks/{checkbox-BjhklyOp.cjs.js → checkbox-CLR3YHZW.cjs.js} +2 -2
- package/dist/chunks/{checkbox-BjhklyOp.cjs.js.map → checkbox-CLR3YHZW.cjs.js.map} +1 -1
- package/dist/chunks/{checkbox-BYw5k4jR.es.js → checkbox-D1Y9DVYF.es.js} +2 -2
- package/dist/chunks/{checkbox-BYw5k4jR.es.js.map → checkbox-D1Y9DVYF.es.js.map} +1 -1
- package/dist/chunks/{collapsible-motion-BASfX7dq.es.js → collapsible-motion-BvdtYGQE.es.js} +2 -2
- package/dist/chunks/{collapsible-motion-BASfX7dq.es.js.map → collapsible-motion-BvdtYGQE.es.js.map} +1 -1
- package/dist/chunks/{collapsible-motion-CKitPEjA.cjs.js → collapsible-motion-D3QM37Qz.cjs.js} +2 -2
- package/dist/chunks/{collapsible-motion-CKitPEjA.cjs.js.map → collapsible-motion-D3QM37Qz.cjs.js.map} +1 -1
- package/dist/chunks/{combobox-D0zYU4ZZ.cjs.js → combobox-B60AWpPC.cjs.js} +2 -2
- package/dist/chunks/{combobox-D0zYU4ZZ.cjs.js.map → combobox-B60AWpPC.cjs.js.map} +1 -1
- package/dist/chunks/{combobox-DmQUeFFT.es.js → combobox-BWJoplDo.es.js} +11 -11
- package/dist/chunks/{combobox-DmQUeFFT.es.js.map → combobox-BWJoplDo.es.js.map} +1 -1
- package/dist/chunks/{data-table-Cipv3jS9.cjs.js → data-table-BJVv7I8A.cjs.js} +2 -2
- package/dist/chunks/{data-table-Cipv3jS9.cjs.js.map → data-table-BJVv7I8A.cjs.js.map} +1 -1
- package/dist/chunks/{data-table-BKJDvxYT.es.js → data-table-D4e35rxu.es.js} +8 -8
- package/dist/chunks/{data-table-BKJDvxYT.es.js.map → data-table-D4e35rxu.es.js.map} +1 -1
- package/dist/chunks/date-input-CK3WtPkJ.cjs.js +2 -0
- package/dist/chunks/date-input-CK3WtPkJ.cjs.js.map +1 -0
- package/dist/chunks/date-input-Daj_CPWN.es.js +20 -0
- package/dist/chunks/date-input-Daj_CPWN.es.js.map +1 -0
- package/dist/chunks/{date-picker-BIvJI-6_.es.js → date-picker-BLb_IHhd.es.js} +9 -9
- package/dist/chunks/{date-picker-BIvJI-6_.es.js.map → date-picker-BLb_IHhd.es.js.map} +1 -1
- package/dist/chunks/{date-picker-BKudarck.cjs.js → date-picker-mE3ZgF5x.cjs.js} +2 -2
- package/dist/chunks/{date-picker-BKudarck.cjs.js.map → date-picker-mE3ZgF5x.cjs.js.map} +1 -1
- package/dist/chunks/{date-range-picker-4mZ19UM7.cjs.js → date-range-picker--g9Bzar4.cjs.js} +2 -2
- package/dist/chunks/{date-range-picker-4mZ19UM7.cjs.js.map → date-range-picker--g9Bzar4.cjs.js.map} +1 -1
- package/dist/chunks/{date-range-picker-DelR30zw.es.js → date-range-picker-B5KfWxe9.es.js} +9 -9
- package/dist/chunks/{date-range-picker-DelR30zw.es.js.map → date-range-picker-B5KfWxe9.es.js.map} +1 -1
- package/dist/chunks/{dialog-D0RnaoTx.cjs.js → dialog-Bech4WpU.cjs.js} +2 -2
- package/dist/chunks/{dialog-D0RnaoTx.cjs.js.map → dialog-Bech4WpU.cjs.js.map} +1 -1
- package/dist/chunks/{dialog-B-NKwVSi.es.js → dialog-Bx0O1gKI.es.js} +2 -2
- package/dist/chunks/{dialog-B-NKwVSi.es.js.map → dialog-Bx0O1gKI.es.js.map} +1 -1
- package/dist/chunks/{dialog.title-DyRR_xdZ.es.js → dialog.title-CfwJLUeB.es.js} +5 -5
- package/dist/chunks/{dialog.title-DyRR_xdZ.es.js.map → dialog.title-CfwJLUeB.es.js.map} +1 -1
- package/dist/chunks/{dialog.title-Co1QDiYA.cjs.js → dialog.title-RLHmO1dx.cjs.js} +2 -2
- package/dist/chunks/{dialog.title-Co1QDiYA.cjs.js.map → dialog.title-RLHmO1dx.cjs.js.map} +1 -1
- package/dist/chunks/{extractStyleProps-i_um9deg.es.js → extractStyleProps-DjVNA871.es.js} +2 -2
- package/dist/chunks/{extractStyleProps-i_um9deg.es.js.map → extractStyleProps-DjVNA871.es.js.map} +1 -1
- package/dist/chunks/{extractStyleProps-BIJocpXL.cjs.js → extractStyleProps-Q5HTdHwJ.cjs.js} +2 -2
- package/dist/chunks/{extractStyleProps-BIJocpXL.cjs.js.map → extractStyleProps-Q5HTdHwJ.cjs.js.map} +1 -1
- package/dist/chunks/field-errors-Dzmxsyfu.cjs.js +2 -0
- package/dist/chunks/field-errors-Dzmxsyfu.cjs.js.map +1 -0
- package/dist/chunks/{field-errors-CcQ1ssQj.es.js → field-errors-n9EuKYPI.es.js} +43 -37
- package/dist/chunks/field-errors-n9EuKYPI.es.js.map +1 -0
- package/dist/chunks/form-field-8JwWMQy1.cjs.js +11 -0
- package/dist/chunks/form-field-8JwWMQy1.cjs.js.map +1 -0
- package/dist/chunks/form-field-BBRdeEEq.es.js +341 -0
- package/dist/chunks/form-field-BBRdeEEq.es.js.map +1 -0
- package/dist/chunks/{icon-button-CBhvV2Ok.cjs.js → icon-button-BeIGRIFN.cjs.js} +2 -2
- package/dist/chunks/{icon-button-CBhvV2Ok.cjs.js.map → icon-button-BeIGRIFN.cjs.js.map} +1 -1
- package/dist/chunks/{icon-button-_9swBHc3.es.js → icon-button-CctfLs8I.es.js} +2 -2
- package/dist/chunks/{icon-button-_9swBHc3.es.js.map → icon-button-CctfLs8I.es.js.map} +1 -1
- package/dist/chunks/{icon-toggle-button-S56p30pP.es.js → icon-toggle-button-0s_KaTfe.es.js} +2 -2
- package/dist/chunks/{icon-toggle-button-S56p30pP.es.js.map → icon-toggle-button-0s_KaTfe.es.js.map} +1 -1
- package/dist/chunks/{icon-toggle-button-wPsxrI7v.cjs.js → icon-toggle-button-ONFPX0qS.cjs.js} +2 -2
- package/dist/chunks/{icon-toggle-button-wPsxrI7v.cjs.js.map → icon-toggle-button-ONFPX0qS.cjs.js.map} +1 -1
- package/dist/chunks/{index-L5KSWClG.cjs.js → index-SuWPp512.cjs.js} +14 -3
- package/dist/chunks/index-SuWPp512.cjs.js.map +1 -0
- package/dist/chunks/{index-DRb2wMPi.es.js → index-fjbcWgyz.es.js} +216 -65
- package/dist/chunks/{index-L5KSWClG.cjs.js.map → index-fjbcWgyz.es.js.map} +1 -1
- package/dist/chunks/localized-field-C2cbHq3g.es.js +471 -0
- package/dist/chunks/localized-field-C2cbHq3g.es.js.map +1 -0
- package/dist/chunks/localized-field-hQsX33XN.cjs.js +2 -0
- package/dist/chunks/localized-field-hQsX33XN.cjs.js.map +1 -0
- package/dist/chunks/{menu-CVO7gYdK.es.js → menu-BjwsANQd.es.js} +6 -6
- package/dist/chunks/{menu-CVO7gYdK.es.js.map → menu-BjwsANQd.es.js.map} +1 -1
- package/dist/chunks/{menu-BfwjSmIS.cjs.js → menu-CbBblVAx.cjs.js} +2 -2
- package/dist/chunks/{menu-BfwjSmIS.cjs.js.map → menu-CbBblVAx.cjs.js.map} +1 -1
- package/dist/chunks/money-input-CdGqdo4S.cjs.js +2 -0
- package/dist/chunks/money-input-CdGqdo4S.cjs.js.map +1 -0
- package/dist/chunks/{money-input-C1jSkjXo.es.js → money-input-Cs8XrifY.es.js} +119 -86
- package/dist/chunks/money-input-Cs8XrifY.es.js.map +1 -0
- package/dist/chunks/{multiline-text-input-_G6GcQrg.es.js → multiline-text-input-DGMceBRu.es.js} +19 -17
- package/dist/chunks/multiline-text-input-DGMceBRu.es.js.map +1 -0
- package/dist/chunks/multiline-text-input-n_bb3ViF.cjs.js +12 -0
- package/dist/chunks/multiline-text-input-n_bb3ViF.cjs.js.map +1 -0
- package/dist/chunks/{nimbus-provider-BDP4hXF7.es.js → nimbus-provider-BND7wasE.es.js} +2 -2
- package/dist/chunks/{nimbus-provider-BDP4hXF7.es.js.map → nimbus-provider-BND7wasE.es.js.map} +1 -1
- package/dist/chunks/{nimbus-provider-CyRDR7rD.cjs.js → nimbus-provider-ChYtQ95-.cjs.js} +2 -2
- package/dist/chunks/{nimbus-provider-CyRDR7rD.cjs.js.map → nimbus-provider-ChYtQ95-.cjs.js.map} +1 -1
- package/dist/chunks/{number-input-DnBbey5l.cjs.js → number-input-BQvDkOaw.cjs.js} +2 -2
- package/dist/chunks/{number-input-DnBbey5l.cjs.js.map → number-input-BQvDkOaw.cjs.js.map} +1 -1
- package/dist/chunks/{number-input-CI0DSniW.es.js → number-input-DVUK5Vqy.es.js} +30 -29
- package/dist/chunks/{number-input-CI0DSniW.es.js.map → number-input-DVUK5Vqy.es.js.map} +1 -1
- package/dist/chunks/{pagination-Bi6keZ3a.es.js → pagination-BOCer9DU.es.js} +4 -4
- package/dist/chunks/{pagination-Bi6keZ3a.es.js.map → pagination-BOCer9DU.es.js.map} +1 -1
- package/dist/chunks/{pagination-DdGULNPt.cjs.js → pagination-DtowryRO.cjs.js} +2 -2
- package/dist/chunks/{pagination-DdGULNPt.cjs.js.map → pagination-DtowryRO.cjs.js.map} +1 -1
- package/dist/chunks/{password-input-Lh2HHpnL.cjs.js → password-input-B-YRh6bw.cjs.js} +2 -2
- package/dist/chunks/{password-input-Lh2HHpnL.cjs.js.map → password-input-B-YRh6bw.cjs.js.map} +1 -1
- package/dist/chunks/{password-input-BC8qYtsr.es.js → password-input-Brdfp_j8.es.js} +3 -3
- package/dist/chunks/{password-input-BC8qYtsr.es.js.map → password-input-Brdfp_j8.es.js.map} +1 -1
- package/dist/chunks/popover-QYDVIaQN.cjs.js +2 -0
- package/dist/chunks/popover-QYDVIaQN.cjs.js.map +1 -0
- package/dist/chunks/popover-diWkZ07x.es.js +27 -0
- package/dist/chunks/popover-diWkZ07x.es.js.map +1 -0
- package/dist/chunks/{progress-bar-7H8xrBrA.es.js → progress-bar-hYGJlvcE.es.js} +2 -2
- package/dist/chunks/{progress-bar-7H8xrBrA.es.js.map → progress-bar-hYGJlvcE.es.js.map} +1 -1
- package/dist/chunks/{progress-bar-Cw9FWHlW.cjs.js → progress-bar-m6NsCg7W.cjs.js} +2 -2
- package/dist/chunks/{progress-bar-Cw9FWHlW.cjs.js.map → progress-bar-m6NsCg7W.cjs.js.map} +1 -1
- package/dist/chunks/{radio-input-CsIiU86R.cjs.js → radio-input-CVk4E1vl.cjs.js} +2 -2
- package/dist/chunks/{radio-input-CsIiU86R.cjs.js.map → radio-input-CVk4E1vl.cjs.js.map} +1 -1
- package/dist/chunks/{radio-input-BR53WuBU.es.js → radio-input-DpkravQW.es.js} +3 -3
- package/dist/chunks/{radio-input-BR53WuBU.es.js.map → radio-input-DpkravQW.es.js.map} +1 -1
- package/dist/chunks/{range-calendar-DFb9bsJ4.es.js → range-calendar-4rEdNmr4.es.js} +4 -4
- package/dist/chunks/{range-calendar-DFb9bsJ4.es.js.map → range-calendar-4rEdNmr4.es.js.map} +1 -1
- package/dist/chunks/{range-calendar-BH-2JsiF.cjs.js → range-calendar-BA_Ep3Zy.cjs.js} +2 -2
- package/dist/chunks/{range-calendar-BH-2JsiF.cjs.js.map → range-calendar-BA_Ep3Zy.cjs.js.map} +1 -1
- package/dist/chunks/{rich-text-input-BZ-Msa-L.cjs.js → rich-text-input-DxCnw4AP.cjs.js} +3 -3
- package/dist/chunks/rich-text-input-DxCnw4AP.cjs.js.map +1 -0
- package/dist/chunks/{rich-text-input-BmdxXmR4.es.js → rich-text-input-MyC1ucSo.es.js} +15 -7
- package/dist/chunks/rich-text-input-MyC1ucSo.es.js.map +1 -0
- package/dist/chunks/{select-kYdilBPV.cjs.js → select-ARr1JS_7.cjs.js} +2 -2
- package/dist/chunks/{select-kYdilBPV.cjs.js.map → select-ARr1JS_7.cjs.js.map} +1 -1
- package/dist/chunks/{select-CTbgnj8L.es.js → select-Du-L0KgJ.es.js} +10 -10
- package/dist/chunks/{select-CTbgnj8L.es.js.map → select-Du-L0KgJ.es.js.map} +1 -1
- package/dist/chunks/{separator-BPbw-2l_.cjs.js → separator-CqI23She.cjs.js} +2 -2
- package/dist/chunks/{separator-BPbw-2l_.cjs.js.map → separator-CqI23She.cjs.js.map} +1 -1
- package/dist/chunks/{separator-kuEDe6AG.es.js → separator-DgdTy5cy.es.js} +3 -3
- package/dist/chunks/{separator-kuEDe6AG.es.js.map → separator-DgdTy5cy.es.js.map} +1 -1
- package/dist/chunks/{split-button-OxOyRI3k.cjs.js → split-button-I1ltM4Vj.cjs.js} +2 -2
- package/dist/chunks/{split-button-OxOyRI3k.cjs.js.map → split-button-I1ltM4Vj.cjs.js.map} +1 -1
- package/dist/chunks/{split-button-VbEC4QmQ.es.js → split-button-R-totPZa.es.js} +5 -5
- package/dist/chunks/{split-button-VbEC4QmQ.es.js.map → split-button-R-totPZa.es.js.map} +1 -1
- package/dist/chunks/{switch-BtgfHCUU.cjs.js → switch-CWUuLZOP.cjs.js} +2 -2
- package/dist/chunks/{switch-BtgfHCUU.cjs.js.map → switch-CWUuLZOP.cjs.js.map} +1 -1
- package/dist/chunks/{switch-Cqlh-hxo.es.js → switch-DZ8nNXLD.es.js} +3 -3
- package/dist/chunks/{switch-Cqlh-hxo.es.js.map → switch-DZ8nNXLD.es.js.map} +1 -1
- package/dist/chunks/{tag-group-Dd6RDJ85.es.js → tag-group-85VbFf5V.es.js} +6 -6
- package/dist/chunks/{tag-group-Dd6RDJ85.es.js.map → tag-group-85VbFf5V.es.js.map} +1 -1
- package/dist/chunks/{tag-group-BiHCKIBb.cjs.js → tag-group-B5zBt0aa.cjs.js} +2 -2
- package/dist/chunks/{tag-group-BiHCKIBb.cjs.js.map → tag-group-B5zBt0aa.cjs.js.map} +1 -1
- package/dist/chunks/text-input-CaBBSE9c.cjs.js +2 -0
- package/dist/chunks/{text-input-NqDP9nsj.cjs.js.map → text-input-CaBBSE9c.cjs.js.map} +1 -1
- package/dist/chunks/text-input-iDHRgozX.es.js +49 -0
- package/dist/chunks/{text-input-Ch6OZEU5.es.js.map → text-input-iDHRgozX.es.js.map} +1 -1
- package/dist/chunks/{time-input-BPMoY1TY.es.js → time-input-DUfC3pNm.es.js} +2 -2
- package/dist/chunks/{time-input-BPMoY1TY.es.js.map → time-input-DUfC3pNm.es.js.map} +1 -1
- package/dist/chunks/{time-input-CAUpjIAO.cjs.js → time-input-YZY-GzT7.cjs.js} +2 -2
- package/dist/chunks/{time-input-CAUpjIAO.cjs.js.map → time-input-YZY-GzT7.cjs.js.map} +1 -1
- package/dist/chunks/{toggle-button-Q0HDyGR5.es.js → toggle-button-BFJvsG3g.es.js} +3 -3
- package/dist/chunks/{toggle-button-Q0HDyGR5.es.js.map → toggle-button-BFJvsG3g.es.js.map} +1 -1
- package/dist/chunks/{toggle-button-BcqqrZ6N.cjs.js → toggle-button-BKz5tJB3.cjs.js} +2 -2
- package/dist/chunks/{toggle-button-BcqqrZ6N.cjs.js.map → toggle-button-BKz5tJB3.cjs.js.map} +1 -1
- package/dist/chunks/{toolbar-CK8vOB4V.cjs.js → toolbar-BbuClYWc.cjs.js} +2 -2
- package/dist/chunks/{toolbar-CK8vOB4V.cjs.js.map → toolbar-BbuClYWc.cjs.js.map} +1 -1
- package/dist/chunks/{toolbar-CpMMNKHw.es.js → toolbar-kJJMLzLV.es.js} +3 -3
- package/dist/chunks/{toolbar-CpMMNKHw.es.js.map → toolbar-kJJMLzLV.es.js.map} +1 -1
- package/dist/chunks/{useSingleSelectListState-BCxpO0gf.es.js → useSingleSelectListState-CYgE8tvg.es.js} +2 -2
- package/dist/chunks/{useSingleSelectListState-BCxpO0gf.es.js.map → useSingleSelectListState-CYgE8tvg.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.cjs +1 -1
- package/dist/components/data-table.es.js +1 -1
- package/dist/components/date-input.cjs +1 -1
- package/dist/components/date-input.es.js +1 -1
- package/dist/components/date-picker.cjs +1 -1
- package/dist/components/date-picker.es.js +1 -1
- package/dist/components/date-range-picker.cjs +1 -1
- package/dist/components/date-range-picker.es.js +1 -1
- package/dist/components/dialog.cjs +1 -1
- package/dist/components/dialog.es.js +1 -1
- package/dist/components/field-errors.cjs +1 -1
- package/dist/components/field-errors.es.js +1 -1
- package/dist/components/form-field.cjs +1 -1
- package/dist/components/form-field.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/localized-field.cjs +2 -0
- package/dist/components/localized-field.cjs.map +1 -0
- package/dist/components/localized-field.es.js +5 -0
- package/dist/components/localized-field.es.js.map +1 -0
- package/dist/components/money-input.cjs +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/popover.cjs +1 -1
- package/dist/components/popover.cjs.map +1 -1
- package/dist/components/popover.es.js +2 -22
- package/dist/components/popover.es.js.map +1 -1
- package/dist/components/progress-bar.cjs +1 -1
- package/dist/components/progress-bar.es.js +1 -1
- package/dist/components/radio-input.cjs +1 -1
- package/dist/components/radio-input.es.js +1 -1
- package/dist/components/range-calendar.cjs +1 -1
- package/dist/components/range-calendar.es.js +1 -1
- package/dist/components/rich-text-input.cjs +1 -1
- package/dist/components/rich-text-input.es.js +1 -1
- package/dist/components/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/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.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/field-errors.d.ts +19 -1
- package/dist/form-field.d.ts +4 -2
- package/dist/index.cjs +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.es.js +41 -39
- package/dist/index.es.js.map +1 -1
- package/dist/localized-field.d.ts +937 -0
- package/dist/money-input.d.ts +9 -1
- package/dist/popover.d.ts +19 -3
- package/package.json +5 -5
- package/dist/chunks/date-input-BS7NT0zS.es.js +0 -21
- package/dist/chunks/date-input-BS7NT0zS.es.js.map +0 -1
- package/dist/chunks/date-input-x1wfQ64a.cjs.js +0 -2
- package/dist/chunks/date-input-x1wfQ64a.cjs.js.map +0 -1
- package/dist/chunks/field-errors-CcQ1ssQj.es.js.map +0 -1
- package/dist/chunks/field-errors-Rzp3VbWz.cjs.js +0 -2
- package/dist/chunks/field-errors-Rzp3VbWz.cjs.js.map +0 -1
- package/dist/chunks/form-field-ClSAs-Vz.es.js +0 -319
- package/dist/chunks/form-field-ClSAs-Vz.es.js.map +0 -1
- package/dist/chunks/form-field-DVpuX6t5.cjs.js +0 -11
- package/dist/chunks/form-field-DVpuX6t5.cjs.js.map +0 -1
- package/dist/chunks/index-DRb2wMPi.es.js.map +0 -1
- package/dist/chunks/money-input-C1jSkjXo.es.js.map +0 -1
- package/dist/chunks/money-input-DJMTLGRy.cjs.js +0 -2
- package/dist/chunks/money-input-DJMTLGRy.cjs.js.map +0 -1
- package/dist/chunks/multiline-text-input-Dz0ikaM-.cjs.js +0 -12
- package/dist/chunks/multiline-text-input-Dz0ikaM-.cjs.js.map +0 -1
- package/dist/chunks/multiline-text-input-_G6GcQrg.es.js.map +0 -1
- package/dist/chunks/rich-text-input-BZ-Msa-L.cjs.js.map +0 -1
- package/dist/chunks/rich-text-input-BmdxXmR4.es.js.map +0 -1
- package/dist/chunks/text-input-Ch6OZEU5.es.js +0 -48
- package/dist/chunks/text-input-NqDP9nsj.cjs.js +0 -2
package/dist/chunks/{date-range-picker-DelR30zw.es.js.map → date-range-picker-B5KfWxe9.es.js.map}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date-range-picker-DelR30zw.es.js","sources":["../../src/components/date-range-picker/date-range-picker.slots.tsx","../../src/components/date-range-picker/components/date-range-picker.time-input.tsx","../../src/components/date-range-picker/components/date-range-picker.custom-context.tsx","../../src/components/date-range-picker/date-range-picker.tsx"],"sourcesContent":["import {\n type HTMLChakraProps,\n type RecipeProps,\n type UnstyledProp,\n createSlotRecipeContext,\n} from \"@chakra-ui/react/styled-system\";\n\nimport { dateRangePickerSlotRecipe } from \"./date-range-picker.recipe\";\n\n/**\n * Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the div element.\n */\ninterface DateRangePickerRecipeProps extends RecipeProps<\"div\">, UnstyledProp {}\n\n/**\n * Root props interface that extends Chakra's HTML props with our recipe props.\n * This creates a complete set of props for the root element, combining\n * HTML attributes, Chakra's styling system, and our custom recipe props.\n */\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface DateRangePickerRootProps\n extends HTMLChakraProps<\"div\", DateRangePickerRecipeProps> {}\n\n// Correctly destructure from createSlotRecipeContext based on project examples\nconst { withProvider, withContext } = createSlotRecipeContext({\n recipe: dateRangePickerSlotRecipe,\n});\n\n/**\n * Root component that provides the styling context for the DateRangePicker component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const DateRangePickerRootSlot = withProvider<\n HTMLDivElement,\n DateRangePickerRootProps\n>(\"div\", \"root\");\n\n/**\n * Slot component for the input group containing the DateInput and trigger button.\n */\nexport const DateRangePickerGroupSlot = withContext<\n HTMLDivElement,\n HTMLChakraProps<\"div\">\n>(\"div\", \"group\");\n\n/**\n * Slot component for the trigger button that opens the calendar popover.\n */\nexport const DateRangePickerTriggerSlot = withContext<\n HTMLDivElement,\n HTMLChakraProps<\"div\">\n>(\"div\", \"trigger\");\n\n/**\n * Slot component for the popover container.\n */\nexport const DateRangePickerPopoverSlot = withContext<\n HTMLDivElement,\n HTMLChakraProps<\"div\">\n>(\"div\", \"popover\");\n\n/**\n * Slot component for the calendar container within the popover.\n */\nexport const DateRangePickerCalendarSlot = withContext<\n HTMLDivElement,\n HTMLChakraProps<\"div\">\n>(\"div\", \"calendar\");\n\n/**\n * Slot component for the calendar header.\n */\nexport const DateRangePickerCalendarHeaderSlot = withContext<\n HTMLElement,\n HTMLChakraProps<\"header\">\n>(\"header\", \"calendarHeader\");\n\n/**\n * Slot component for the calendar grid.\n */\nexport const DateRangePickerCalendarGridSlot = withContext<\n HTMLTableElement,\n HTMLChakraProps<\"table\">\n>(\"table\", \"calendarGrid\");\n\n/**\n * Slot component for individual calendar cells.\n */\nexport const DateRangePickerCalendarCellSlot = withContext<\n HTMLTableCellElement,\n HTMLChakraProps<\"td\">\n>(\"td\", \"calendarCell\");\n","import { Flex, Text, TimeInput } from \"@/components\";\nimport { useContext, useRef, useEffect } from \"react\";\nimport { DateRangePickerStateContext } from \"react-aria-components\";\nimport type { DateRangePickerTimeInputProps } from \"../date-range-picker.types\";\n\nexport const DateRangePickerTimeInput = ({\n hideTimeZone,\n hourCycle,\n}: DateRangePickerTimeInputProps) => {\n const dateRangePickerState = useContext(DateRangePickerStateContext);\n const { granularity, value } = dateRangePickerState!;\n const timeInputRef = useRef<HTMLDivElement>(null);\n const previousValueRef = useRef(value);\n\n // do not show up to the party if you're not invited\n if (granularity === \"day\") {\n return null;\n }\n\n // Focus the time input when date range changes (user selects dates from calendar)\n useEffect(() => {\n let timeoutId: ReturnType<typeof setTimeout> | undefined;\n\n // Check if date range changed by comparing start and end dates\n const hasValueChanged =\n (value?.start &&\n previousValueRef.current?.start?.compare(value.start) !== 0) ||\n (value?.end && previousValueRef.current?.end?.compare(value.end) !== 0);\n\n if (hasValueChanged) {\n // Only auto-focus if no time input segment currently has focus\n // This prevents stealing focus during user interaction with time segments\n const container = timeInputRef.current;\n const activeElement = document.activeElement;\n const hasTimeSegmentFocus =\n container?.contains(activeElement) &&\n activeElement?.getAttribute(\"role\") === \"spinbutton\";\n\n if (!hasTimeSegmentFocus) {\n // Small delay to ensure the DOM is ready\n timeoutId = setTimeout(() => {\n // Find the first focusable segment within the time input container\n if (container) {\n const firstSegment = container.querySelector(\n '[role=\"spinbutton\"]'\n ) as HTMLElement;\n\n if (firstSegment) {\n firstSegment.focus();\n }\n }\n }, 50);\n }\n }\n\n previousValueRef.current = value;\n\n // Cleanup timeout on effect re-run or unmount to prevent memory leaks\n return () => {\n if (timeoutId) {\n clearTimeout(timeoutId);\n }\n };\n }, [value]);\n\n return (\n <Flex\n ref={timeInputRef}\n borderTop=\"solid-25\"\n borderColor=\"neutral.3\"\n py=\"300\"\n px=\"400\"\n alignItems=\"center\"\n justifyContent=\"center\"\n gap=\"200\"\n >\n {/* Start DateInput with separate label */}\n <Flex alignItems=\"center\" gap=\"200\">\n {/* TODO: translate hardcoded string */}\n <Text\n textStyle=\"xs\"\n fontWeight=\"500\"\n color=\"neutral.12\"\n minWidth=\"fit-content\"\n >\n Start time\n </Text>\n <TimeInput\n slot=\"startTimeInput\"\n variant=\"ghost\"\n size=\"sm\"\n hideTimeZone={hideTimeZone}\n hourCycle={hourCycle}\n />\n </Flex>\n\n {/* End DateInput with separate label */}\n <Flex alignItems=\"center\" gap=\"200\">\n {/* TODO: translate hardcoded string */}\n <Text\n textStyle=\"xs\"\n fontWeight=\"500\"\n color=\"neutral.12\"\n minWidth=\"fit-content\"\n >\n End time\n </Text>\n <TimeInput\n slot=\"endTimeInput\"\n variant=\"ghost\"\n size=\"sm\"\n hideTimeZone={hideTimeZone}\n hourCycle={hourCycle}\n />\n </Flex>\n </Flex>\n );\n};\n","import { useContext, type ReactNode } from \"react\";\nimport {\n Provider,\n ButtonContext,\n DateRangePickerStateContext,\n TimeFieldContext,\n useSlottedContext,\n} from \"react-aria-components\";\nimport type { PressEvent, TimeValue } from \"react-aria\";\n\nexport const DateRangePickerCustomContext = ({\n children,\n}: {\n children: ReactNode;\n}) => {\n const buttonContext = useSlottedContext(ButtonContext) || {};\n const dateRangePickerState = useContext(DateRangePickerStateContext);\n\n // Check if all 6 segments (start: day, month, year; end: day, month, year) have values\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const hasCompleteRangeDate = (date: any) =>\n date?.day && date?.month && date?.year;\n\n const incompleteValue =\n !dateRangePickerState?.value ||\n !hasCompleteRangeDate(dateRangePickerState.value.start) ||\n !hasCompleteRangeDate(dateRangePickerState.value.end);\n\n const { granularity } = dateRangePickerState!;\n\n // Extract time values from start and end dates separately\n const startTimeValue =\n dateRangePickerState?.value?.start &&\n \"hour\" in dateRangePickerState.value.start\n ? dateRangePickerState.value.start\n : null;\n const endTimeValue =\n dateRangePickerState?.value?.end && \"hour\" in dateRangePickerState.value.end\n ? dateRangePickerState.value.end\n : null;\n\n // Try to get disabled state from the button context\n const isDateRangePickerDisabled = buttonContext?.isDisabled;\n\n // Generate default aria-label based on granularity if not provided\n const getDefaultTimeInputAriaLabel = (type: \"start\" | \"end\") => {\n const prefix = type === \"start\" ? \"Start\" : \"End\";\n switch (granularity) {\n case \"hour\":\n return `${prefix} time (hour)`;\n case \"minute\":\n return `${prefix} time (hour and minute)`;\n case \"second\":\n return `${prefix} time (hour, minute, and second)`;\n default:\n return `${prefix} time`;\n }\n };\n\n /**\n * Button slots\n * ================================\n */\n const buttonSlots = {\n /** toggles the calendar popover */\n calendarToggle: {\n ...buttonContext,\n onPress: (event: PressEvent) => {\n // Ensure any active input (e.g., date picker segment) loses focus\n // because blurring the input will close the popover if it's open (or was just opened)\n const activeElement = document?.activeElement as HTMLElement | null;\n\n if (activeElement) {\n activeElement.blur();\n }\n\n buttonContext.onPress?.(event);\n },\n },\n /** Clear button that displays when there's a value in each segment - hidden from both visual and screen readers when there's no value */\n clear: {\n // Clear both start and end values\n onPress: () => dateRangePickerState?.setValue(null),\n \"aria-label\": \"Clear input value\",\n isDisabled: isDateRangePickerDisabled,\n // Hide the button when there's no value\n style: incompleteValue ? { display: \"none\" } : undefined,\n \"aria-hidden\": incompleteValue ? true : undefined,\n },\n };\n\n /**\n * TimeInput slots\n * ================================\n */\n\n // Separate time input slots for start and end times\n const timeInputSlots = {\n startTimeInput: {\n value: startTimeValue,\n onChange: (value: TimeValue | null) => {\n if (value !== null && dateRangePickerState?.value?.start) {\n // Update the start date with the new time\n const currentValue = dateRangePickerState.value;\n const startDate = currentValue.start;\n const endDate = currentValue.end;\n if (startDate && endDate) {\n const newStartDate = startDate.set({\n hour: value.hour,\n minute: value.minute || 0,\n second: value.second || 0,\n millisecond: value.millisecond || 0,\n });\n\n dateRangePickerState.setValue({\n start: newStartDate,\n end: endDate,\n });\n }\n }\n },\n granularity: granularity === \"day\" ? undefined : granularity,\n \"aria-label\": getDefaultTimeInputAriaLabel(\"start\"),\n },\n endTimeInput: {\n value: endTimeValue,\n onChange: (value: TimeValue | null) => {\n if (value !== null && dateRangePickerState?.value?.end) {\n // Update the end date with the new time\n const currentValue = dateRangePickerState.value;\n const startDate = currentValue.start;\n const endDate = currentValue.end;\n if (startDate && endDate) {\n const newEndDate = endDate.set({\n hour: value.hour,\n minute: value.minute || 0,\n second: value.second || 0,\n millisecond: value.millisecond || 0,\n });\n\n dateRangePickerState.setValue({\n start: startDate,\n end: newEndDate,\n });\n }\n }\n },\n granularity: granularity === \"day\" ? undefined : granularity,\n \"aria-label\": getDefaultTimeInputAriaLabel(\"end\"),\n },\n };\n\n return (\n <Provider\n values={[\n [\n ButtonContext,\n {\n slots: buttonSlots,\n },\n ],\n [TimeFieldContext, { slots: timeInputSlots }],\n ]}\n >\n {children}\n </Provider>\n );\n};\n","import {\n DateRangePickerRootSlot,\n DateRangePickerGroupSlot,\n DateRangePickerTriggerSlot,\n DateRangePickerPopoverSlot,\n DateRangePickerCalendarSlot,\n} from \"./date-range-picker.slots\";\n\nimport { CalendarMonth, Close } from \"@commercetools/nimbus-icons\";\n\nimport {\n DateRangePicker as ReactAriaDateRangePicker,\n Group,\n Popover,\n Dialog,\n} from \"react-aria-components\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { dateRangePickerSlotRecipe } from \"./date-range-picker.recipe\";\nimport type { DateRangePickerProps } from \"./date-range-picker.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport { DateInput, RangeCalendar, IconButton, Text } from \"@/components\";\nimport { DateRangePickerTimeInput } from \"./components/date-range-picker.time-input\";\nimport { DateRangePickerCustomContext } from \"./components/date-range-picker.custom-context\";\n\n/**\n * DateRangePicker\n * ============================================================\n * Combines a DateInput with a RangeCalendar popover for date range selection.\n * Users can either type a date range directly or select from the calendar.\n */\nexport const DateRangePicker = (props: DateRangePickerProps) => {\n // Forward hideTimeZone and hourCycle to child components (footer time inputs)\n const { granularity = \"day\", hideTimeZone, hourCycle } = props;\n const recipe = useSlotRecipe({ recipe: dateRangePickerSlotRecipe });\n const [recipeProps, remainingProps] = recipe.splitVariantProps(props);\n\n const [styleProps, otherProps] = extractStyleProps(remainingProps);\n\n // Extract size and variant from recipe props to pass to DateInputs\n const { size = \"md\" } = recipeProps;\n\n // the size of the buttons overlaying the input\n const overlayButtonSize = size === \"md\" ? \"xs\" : \"2xs\";\n\n // When granularity is \"day\", use the prop value (defaults to true if not provided)\n // For other granularities (time-based), force to false so users can set both date and time\n const shouldCloseOnSelect =\n granularity === \"day\" ? props.shouldCloseOnSelect : false;\n\n return (\n <DateRangePickerRootSlot {...recipeProps} {...styleProps} asChild>\n <ReactAriaDateRangePicker\n {...otherProps}\n shouldCloseOnSelect={shouldCloseOnSelect}\n >\n <DateRangePickerCustomContext>\n <DateRangePickerGroupSlot asChild>\n <Group>\n <DateInput\n slot=\"start\"\n size={size}\n variant=\"plain\"\n width=\"auto\"\n hideTimeZone={hideTimeZone}\n hourCycle={hourCycle}\n />\n <Text\n as=\"span\"\n px=\"150\"\n color=\"neutral.11\"\n userSelect=\"none\"\n aria-hidden=\"true\"\n slot={null}\n >\n –\n </Text>\n <DateInput\n slot=\"end\"\n size={size}\n variant=\"plain\"\n width=\"auto\"\n hideTimeZone={hideTimeZone}\n hourCycle={hourCycle}\n />\n <DateRangePickerTriggerSlot>\n {/* @ts-expect-error react aria is adding the aria-label prop */}\n <IconButton\n tone=\"primary\"\n variant=\"ghost\"\n size={overlayButtonSize}\n slot=\"clear\"\n >\n <Close />\n </IconButton>\n {/* @ts-expect-error react aria is adding the aria-label prop */}\n <IconButton\n tone=\"primary\"\n variant=\"ghost\"\n size={overlayButtonSize}\n slot=\"calendarToggle\"\n >\n <CalendarMonth />\n </IconButton>\n </DateRangePickerTriggerSlot>\n </Group>\n </DateRangePickerGroupSlot>\n <DateRangePickerPopoverSlot asChild>\n <Popover placement=\"bottom end\">\n <Dialog>\n <DateRangePickerCalendarSlot>\n <RangeCalendar />\n </DateRangePickerCalendarSlot>\n <DateRangePickerTimeInput\n hideTimeZone={hideTimeZone}\n hourCycle={hourCycle}\n />\n </Dialog>\n </Popover>\n </DateRangePickerPopoverSlot>\n </DateRangePickerCustomContext>\n </ReactAriaDateRangePicker>\n </DateRangePickerRootSlot>\n );\n};\n\nDateRangePicker.displayName = \"DateRangePicker\";\n"],"names":["withProvider","withContext","createSlotRecipeContext","dateRangePickerSlotRecipe","DateRangePickerRootSlot","DateRangePickerGroupSlot","DateRangePickerTriggerSlot","DateRangePickerPopoverSlot","DateRangePickerCalendarSlot","DateRangePickerTimeInput","hideTimeZone","hourCycle","dateRangePickerState","useContext","DateRangePickerStateContext","granularity","value","timeInputRef","useRef","previousValueRef","useEffect","timeoutId","container","activeElement","firstSegment","jsxs","Flex","jsx","Text","TimeInput","DateRangePickerCustomContext","children","buttonContext","useSlottedContext","ButtonContext","hasCompleteRangeDate","date","incompleteValue","startTimeValue","endTimeValue","isDateRangePickerDisabled","getDefaultTimeInputAriaLabel","type","prefix","buttonSlots","event","timeInputSlots","currentValue","startDate","endDate","newStartDate","newEndDate","Provider","TimeFieldContext","DateRangePicker","props","recipe","useSlotRecipe","recipeProps","remainingProps","styleProps","otherProps","extractStyleProps","size","overlayButtonSize","shouldCloseOnSelect","ReactAriaDateRangePicker","Group","DateInput","IconButton","Close","CalendarMonth","Popover","Dialog","RangeCalendar"],"mappings":";;;;;;;;;;;;;;;;;;AAyBA,MAAM,EAAE,cAAAA,GAAc,aAAAC,EAAA,IAAgB,gBAAAC,EAAwB;AAAA,EAC5D,QAAQC;AACV,CAAC,GAMYC,IAA0B,gBAAAJ,EAGrC,OAAO,MAAM,GAKFK,IAA2B,gBAAAJ,EAGtC,OAAO,OAAO,GAKHK,IAA6B,gBAAAL,EAGxC,OAAO,SAAS,GAKLM,IAA6B,gBAAAN,EAGxC,OAAO,SAAS,GAKLO,IAA8B,gBAAAP,EAGzC,OAAO,UAAU,GC/DNQ,IAA2B,CAAC;AAAA,EACvC,cAAAC;AAAA,EACA,WAAAC;AACF,MAAqC;AACnC,QAAMC,IAAuBC,EAAWC,CAA2B,GAC7D,EAAE,aAAAC,GAAa,OAAAC,EAAA,IAAUJ,GACzBK,IAAeC,EAAuB,IAAI,GAC1CC,IAAmBD,EAAOF,CAAK;AAGrC,SAAID,MAAgB,QACX,QAITK,EAAU,MAAM;AACd,QAAIC;AAQJ,QAJGL,GAAO,SACNG,EAAiB,SAAS,OAAO,QAAQH,EAAM,KAAK,MAAM,KAC3DA,GAAO,OAAOG,EAAiB,SAAS,KAAK,QAAQH,EAAM,GAAG,MAAM,GAElD;AAGnB,YAAMM,IAAYL,EAAa,SACzBM,IAAgB,SAAS;AAK/B,MAHED,GAAW,SAASC,CAAa,KACjCA,GAAe,aAAa,MAAM,MAAM,iBAIxCF,IAAY,WAAW,MAAM;AAE3B,YAAIC,GAAW;AACb,gBAAME,IAAeF,EAAU;AAAA,YAC7B;AAAA,UAAA;AAGF,UAAIE,KACFA,EAAa,MAAA;AAAA,QAEjB;AAAA,MACF,GAAG,EAAE;AAAA,IAET;AAEA,WAAAL,EAAiB,UAAUH,GAGpB,MAAM;AACX,MAAIK,KACF,aAAaA,CAAS;AAAA,IAE1B;AAAA,EACF,GAAG,CAACL,CAAK,CAAC,GAGR,gBAAAS;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAKT;AAAA,MACL,WAAU;AAAA,MACV,aAAY;AAAA,MACZ,IAAG;AAAA,MACH,IAAG;AAAA,MACH,YAAW;AAAA,MACX,gBAAe;AAAA,MACf,KAAI;AAAA,MAGJ,UAAA;AAAA,QAAA,gBAAAQ,EAACC,GAAA,EAAK,YAAW,UAAS,KAAI,OAE5B,UAAA;AAAA,UAAA,gBAAAC;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,YAAW;AAAA,cACX,OAAM;AAAA,cACN,UAAS;AAAA,cACV,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAGD,gBAAAD;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,cAAAnB;AAAA,cACA,WAAAC;AAAA,YAAA;AAAA,UAAA;AAAA,QACF,GACF;AAAA,QAGA,gBAAAc,EAACC,GAAA,EAAK,YAAW,UAAS,KAAI,OAE5B,UAAA;AAAA,UAAA,gBAAAC;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,YAAW;AAAA,cACX,OAAM;AAAA,cACN,UAAS;AAAA,cACV,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAGD,gBAAAD;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,cAAAnB;AAAA,cACA,WAAAC;AAAA,YAAA;AAAA,UAAA;AAAA,QACF,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,GC3GamB,IAA+B,CAAC;AAAA,EAC3C,UAAAC;AACF,MAEM;AACJ,QAAMC,IAAgBC,EAAkBC,CAAa,KAAK,CAAA,GACpDtB,IAAuBC,EAAWC,CAA2B,GAI7DqB,IAAuB,CAACC,MAC5BA,GAAM,OAAOA,GAAM,SAASA,GAAM,MAE9BC,IACJ,CAACzB,GAAsB,SACvB,CAACuB,EAAqBvB,EAAqB,MAAM,KAAK,KACtD,CAACuB,EAAqBvB,EAAqB,MAAM,GAAG,GAEhD,EAAE,aAAAG,MAAgBH,GAGlB0B,IACJ1B,GAAsB,OAAO,SAC7B,UAAUA,EAAqB,MAAM,QACjCA,EAAqB,MAAM,QAC3B,MACA2B,IACJ3B,GAAsB,OAAO,OAAO,UAAUA,EAAqB,MAAM,MACrEA,EAAqB,MAAM,MAC3B,MAGA4B,IAA4BR,GAAe,YAG3CS,IAA+B,CAACC,MAA0B;AAC9D,UAAMC,IAASD,MAAS,UAAU,UAAU;AAC5C,YAAQ3B,GAAA;AAAA,MACN,KAAK;AACH,eAAO,GAAG4B,CAAM;AAAA,MAClB,KAAK;AACH,eAAO,GAAGA,CAAM;AAAA,MAClB,KAAK;AACH,eAAO,GAAGA,CAAM;AAAA,MAClB;AACE,eAAO,GAAGA,CAAM;AAAA,IAAA;AAAA,EAEtB,GAMMC,IAAc;AAAA;AAAA,IAElB,gBAAgB;AAAA,MACd,GAAGZ;AAAA,MACH,SAAS,CAACa,MAAsB;AAG9B,cAAMtB,IAAgB,UAAU;AAEhC,QAAIA,KACFA,EAAc,KAAA,GAGhBS,EAAc,UAAUa,CAAK;AAAA,MAC/B;AAAA,IAAA;AAAA;AAAA,IAGF,OAAO;AAAA;AAAA,MAEL,SAAS,MAAMjC,GAAsB,SAAS,IAAI;AAAA,MAClD,cAAc;AAAA,MACd,YAAY4B;AAAA;AAAA,MAEZ,OAAOH,IAAkB,EAAE,SAAS,WAAW;AAAA,MAC/C,eAAeA,IAAkB,KAAO;AAAA,IAAA;AAAA,EAC1C,GASIS,IAAiB;AAAA,IACrB,gBAAgB;AAAA,MACd,OAAOR;AAAA,MACP,UAAU,CAACtB,MAA4B;AACrC,YAAIA,MAAU,QAAQJ,GAAsB,OAAO,OAAO;AAExD,gBAAMmC,IAAenC,EAAqB,OACpCoC,IAAYD,EAAa,OACzBE,IAAUF,EAAa;AAC7B,cAAIC,KAAaC,GAAS;AACxB,kBAAMC,IAAeF,EAAU,IAAI;AAAA,cACjC,MAAMhC,EAAM;AAAA,cACZ,QAAQA,EAAM,UAAU;AAAA,cACxB,QAAQA,EAAM,UAAU;AAAA,cACxB,aAAaA,EAAM,eAAe;AAAA,YAAA,CACnC;AAED,YAAAJ,EAAqB,SAAS;AAAA,cAC5B,OAAOsC;AAAA,cACP,KAAKD;AAAA,YAAA,CACN;AAAA,UACH;AAAA,QACF;AAAA,MACF;AAAA,MACA,aAAalC,MAAgB,QAAQ,SAAYA;AAAA,MACjD,cAAc0B,EAA6B,OAAO;AAAA,IAAA;AAAA,IAEpD,cAAc;AAAA,MACZ,OAAOF;AAAA,MACP,UAAU,CAACvB,MAA4B;AACrC,YAAIA,MAAU,QAAQJ,GAAsB,OAAO,KAAK;AAEtD,gBAAMmC,IAAenC,EAAqB,OACpCoC,IAAYD,EAAa,OACzBE,IAAUF,EAAa;AAC7B,cAAIC,KAAaC,GAAS;AACxB,kBAAME,IAAaF,EAAQ,IAAI;AAAA,cAC7B,MAAMjC,EAAM;AAAA,cACZ,QAAQA,EAAM,UAAU;AAAA,cACxB,QAAQA,EAAM,UAAU;AAAA,cACxB,aAAaA,EAAM,eAAe;AAAA,YAAA,CACnC;AAED,YAAAJ,EAAqB,SAAS;AAAA,cAC5B,OAAOoC;AAAA,cACP,KAAKG;AAAA,YAAA,CACN;AAAA,UACH;AAAA,QACF;AAAA,MACF;AAAA,MACA,aAAapC,MAAgB,QAAQ,SAAYA;AAAA,MACjD,cAAc0B,EAA6B,KAAK;AAAA,IAAA;AAAA,EAClD;AAGF,SACE,gBAAAd;AAAA,IAACyB;AAAAA,IAAA;AAAA,MACC,QAAQ;AAAA,QACN;AAAA,UACElB;AAAAA,UACA;AAAA,YACE,OAAOU;AAAA,UAAA;AAAA,QACT;AAAA,QAEF,CAACS,GAAkB,EAAE,OAAOP,GAAgB;AAAA,MAAA;AAAA,MAG7C,UAAAf;AAAA,IAAA;AAAA,EAAA;AAGP,GCzIauB,IAAkB,CAACC,MAAgC;AAE9D,QAAM,EAAE,aAAAxC,IAAc,OAAO,cAAAL,GAAc,WAAAC,MAAc4C,GACnDC,IAASC,EAAc,EAAE,QAAQtD,GAA2B,GAC5D,CAACuD,GAAaC,CAAc,IAAIH,EAAO,kBAAkBD,CAAK,GAE9D,CAACK,GAAYC,CAAU,IAAIC,EAAkBH,CAAc,GAG3D,EAAE,MAAAI,IAAO,KAAA,IAASL,GAGlBM,IAAoBD,MAAS,OAAO,OAAO,OAI3CE,IACJlD,MAAgB,QAAQwC,EAAM,sBAAsB;AAEtD,2BACGnD,GAAA,EAAyB,GAAGsD,GAAc,GAAGE,GAAY,SAAO,IAC/D,UAAA,gBAAAjC;AAAA,IAACuC;AAAAA,IAAA;AAAA,MACE,GAAGL;AAAA,MACJ,qBAAAI;AAAA,MAEA,4BAACnC,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAH,EAACtB,GAAA,EAAyB,SAAO,IAC/B,UAAA,gBAAAoB,EAAC0C,GAAA,EACC,UAAA;AAAA,UAAA,gBAAAxC;AAAA,YAACyC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,MAAAL;AAAA,cACA,SAAQ;AAAA,cACR,OAAM;AAAA,cACN,cAAArD;AAAA,cACA,WAAAC;AAAA,YAAA;AAAA,UAAA;AAAA,UAEF,gBAAAgB;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,IAAG;AAAA,cACH,IAAG;AAAA,cACH,OAAM;AAAA,cACN,YAAW;AAAA,cACX,eAAY;AAAA,cACZ,MAAM;AAAA,cACP,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAGD,gBAAAD;AAAA,YAACyC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,MAAAL;AAAA,cACA,SAAQ;AAAA,cACR,OAAM;AAAA,cACN,cAAArD;AAAA,cACA,WAAAC;AAAA,YAAA;AAAA,UAAA;AAAA,4BAEDL,GAAA,EAEC,UAAA;AAAA,YAAA,gBAAAqB;AAAA,cAAC0C;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAQ;AAAA,gBACR,MAAML;AAAA,gBACN,MAAK;AAAA,gBAEL,4BAACM,GAAA,CAAA,CAAM;AAAA,cAAA;AAAA,YAAA;AAAA,YAGT,gBAAA3C;AAAA,cAAC0C;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAQ;AAAA,gBACR,MAAML;AAAA,gBACN,MAAK;AAAA,gBAEL,4BAACO,GAAA,CAAA,CAAc;AAAA,cAAA;AAAA,YAAA;AAAA,UACjB,EAAA,CACF;AAAA,QAAA,EAAA,CACF,EAAA,CACF;AAAA,QACA,gBAAA5C,EAACpB,KAA2B,SAAO,IACjC,4BAACiE,GAAA,EAAQ,WAAU,cACjB,UAAA,gBAAA/C,EAACgD,GAAA,EACC,UAAA;AAAA,UAAA,gBAAA9C,EAACnB,GAAA,EACC,UAAA,gBAAAmB,EAAC+C,GAAA,CAAA,CAAc,GACjB;AAAA,UACA,gBAAA/C;AAAA,YAAClB;AAAA,YAAA;AAAA,cACC,cAAAC;AAAA,cACA,WAAAC;AAAA,YAAA;AAAA,UAAA;AAAA,QACF,EAAA,CACF,GACF,EAAA,CACF;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAEA2C,EAAgB,cAAc;"}
|
|
1
|
+
{"version":3,"file":"date-range-picker-B5KfWxe9.es.js","sources":["../../src/components/date-range-picker/date-range-picker.slots.tsx","../../src/components/date-range-picker/components/date-range-picker.time-input.tsx","../../src/components/date-range-picker/components/date-range-picker.custom-context.tsx","../../src/components/date-range-picker/date-range-picker.tsx"],"sourcesContent":["import {\n type HTMLChakraProps,\n type RecipeProps,\n type UnstyledProp,\n createSlotRecipeContext,\n} from \"@chakra-ui/react/styled-system\";\n\nimport { dateRangePickerSlotRecipe } from \"./date-range-picker.recipe\";\n\n/**\n * Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the div element.\n */\ninterface DateRangePickerRecipeProps extends RecipeProps<\"div\">, UnstyledProp {}\n\n/**\n * Root props interface that extends Chakra's HTML props with our recipe props.\n * This creates a complete set of props for the root element, combining\n * HTML attributes, Chakra's styling system, and our custom recipe props.\n */\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface DateRangePickerRootProps\n extends HTMLChakraProps<\"div\", DateRangePickerRecipeProps> {}\n\n// Correctly destructure from createSlotRecipeContext based on project examples\nconst { withProvider, withContext } = createSlotRecipeContext({\n recipe: dateRangePickerSlotRecipe,\n});\n\n/**\n * Root component that provides the styling context for the DateRangePicker component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const DateRangePickerRootSlot = withProvider<\n HTMLDivElement,\n DateRangePickerRootProps\n>(\"div\", \"root\");\n\n/**\n * Slot component for the input group containing the DateInput and trigger button.\n */\nexport const DateRangePickerGroupSlot = withContext<\n HTMLDivElement,\n HTMLChakraProps<\"div\">\n>(\"div\", \"group\");\n\n/**\n * Slot component for the trigger button that opens the calendar popover.\n */\nexport const DateRangePickerTriggerSlot = withContext<\n HTMLDivElement,\n HTMLChakraProps<\"div\">\n>(\"div\", \"trigger\");\n\n/**\n * Slot component for the popover container.\n */\nexport const DateRangePickerPopoverSlot = withContext<\n HTMLDivElement,\n HTMLChakraProps<\"div\">\n>(\"div\", \"popover\");\n\n/**\n * Slot component for the calendar container within the popover.\n */\nexport const DateRangePickerCalendarSlot = withContext<\n HTMLDivElement,\n HTMLChakraProps<\"div\">\n>(\"div\", \"calendar\");\n\n/**\n * Slot component for the calendar header.\n */\nexport const DateRangePickerCalendarHeaderSlot = withContext<\n HTMLElement,\n HTMLChakraProps<\"header\">\n>(\"header\", \"calendarHeader\");\n\n/**\n * Slot component for the calendar grid.\n */\nexport const DateRangePickerCalendarGridSlot = withContext<\n HTMLTableElement,\n HTMLChakraProps<\"table\">\n>(\"table\", \"calendarGrid\");\n\n/**\n * Slot component for individual calendar cells.\n */\nexport const DateRangePickerCalendarCellSlot = withContext<\n HTMLTableCellElement,\n HTMLChakraProps<\"td\">\n>(\"td\", \"calendarCell\");\n","import { Flex, Text, TimeInput } from \"@/components\";\nimport { useContext, useRef, useEffect } from \"react\";\nimport { DateRangePickerStateContext } from \"react-aria-components\";\nimport type { DateRangePickerTimeInputProps } from \"../date-range-picker.types\";\n\nexport const DateRangePickerTimeInput = ({\n hideTimeZone,\n hourCycle,\n}: DateRangePickerTimeInputProps) => {\n const dateRangePickerState = useContext(DateRangePickerStateContext);\n const { granularity, value } = dateRangePickerState!;\n const timeInputRef = useRef<HTMLDivElement>(null);\n const previousValueRef = useRef(value);\n\n // do not show up to the party if you're not invited\n if (granularity === \"day\") {\n return null;\n }\n\n // Focus the time input when date range changes (user selects dates from calendar)\n useEffect(() => {\n let timeoutId: ReturnType<typeof setTimeout> | undefined;\n\n // Check if date range changed by comparing start and end dates\n const hasValueChanged =\n (value?.start &&\n previousValueRef.current?.start?.compare(value.start) !== 0) ||\n (value?.end && previousValueRef.current?.end?.compare(value.end) !== 0);\n\n if (hasValueChanged) {\n // Only auto-focus if no time input segment currently has focus\n // This prevents stealing focus during user interaction with time segments\n const container = timeInputRef.current;\n const activeElement = document.activeElement;\n const hasTimeSegmentFocus =\n container?.contains(activeElement) &&\n activeElement?.getAttribute(\"role\") === \"spinbutton\";\n\n if (!hasTimeSegmentFocus) {\n // Small delay to ensure the DOM is ready\n timeoutId = setTimeout(() => {\n // Find the first focusable segment within the time input container\n if (container) {\n const firstSegment = container.querySelector(\n '[role=\"spinbutton\"]'\n ) as HTMLElement;\n\n if (firstSegment) {\n firstSegment.focus();\n }\n }\n }, 50);\n }\n }\n\n previousValueRef.current = value;\n\n // Cleanup timeout on effect re-run or unmount to prevent memory leaks\n return () => {\n if (timeoutId) {\n clearTimeout(timeoutId);\n }\n };\n }, [value]);\n\n return (\n <Flex\n ref={timeInputRef}\n borderTop=\"solid-25\"\n borderColor=\"neutral.3\"\n py=\"300\"\n px=\"400\"\n alignItems=\"center\"\n justifyContent=\"center\"\n gap=\"200\"\n >\n {/* Start DateInput with separate label */}\n <Flex alignItems=\"center\" gap=\"200\">\n {/* TODO: translate hardcoded string */}\n <Text\n textStyle=\"xs\"\n fontWeight=\"500\"\n color=\"neutral.12\"\n minWidth=\"fit-content\"\n >\n Start time\n </Text>\n <TimeInput\n slot=\"startTimeInput\"\n variant=\"ghost\"\n size=\"sm\"\n hideTimeZone={hideTimeZone}\n hourCycle={hourCycle}\n />\n </Flex>\n\n {/* End DateInput with separate label */}\n <Flex alignItems=\"center\" gap=\"200\">\n {/* TODO: translate hardcoded string */}\n <Text\n textStyle=\"xs\"\n fontWeight=\"500\"\n color=\"neutral.12\"\n minWidth=\"fit-content\"\n >\n End time\n </Text>\n <TimeInput\n slot=\"endTimeInput\"\n variant=\"ghost\"\n size=\"sm\"\n hideTimeZone={hideTimeZone}\n hourCycle={hourCycle}\n />\n </Flex>\n </Flex>\n );\n};\n","import { useContext, type ReactNode } from \"react\";\nimport {\n Provider,\n ButtonContext,\n DateRangePickerStateContext,\n TimeFieldContext,\n useSlottedContext,\n} from \"react-aria-components\";\nimport type { PressEvent, TimeValue } from \"react-aria\";\n\nexport const DateRangePickerCustomContext = ({\n children,\n}: {\n children: ReactNode;\n}) => {\n const buttonContext = useSlottedContext(ButtonContext) || {};\n const dateRangePickerState = useContext(DateRangePickerStateContext);\n\n // Check if all 6 segments (start: day, month, year; end: day, month, year) have values\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const hasCompleteRangeDate = (date: any) =>\n date?.day && date?.month && date?.year;\n\n const incompleteValue =\n !dateRangePickerState?.value ||\n !hasCompleteRangeDate(dateRangePickerState.value.start) ||\n !hasCompleteRangeDate(dateRangePickerState.value.end);\n\n const { granularity } = dateRangePickerState!;\n\n // Extract time values from start and end dates separately\n const startTimeValue =\n dateRangePickerState?.value?.start &&\n \"hour\" in dateRangePickerState.value.start\n ? dateRangePickerState.value.start\n : null;\n const endTimeValue =\n dateRangePickerState?.value?.end && \"hour\" in dateRangePickerState.value.end\n ? dateRangePickerState.value.end\n : null;\n\n // Try to get disabled state from the button context\n const isDateRangePickerDisabled = buttonContext?.isDisabled;\n\n // Generate default aria-label based on granularity if not provided\n const getDefaultTimeInputAriaLabel = (type: \"start\" | \"end\") => {\n const prefix = type === \"start\" ? \"Start\" : \"End\";\n switch (granularity) {\n case \"hour\":\n return `${prefix} time (hour)`;\n case \"minute\":\n return `${prefix} time (hour and minute)`;\n case \"second\":\n return `${prefix} time (hour, minute, and second)`;\n default:\n return `${prefix} time`;\n }\n };\n\n /**\n * Button slots\n * ================================\n */\n const buttonSlots = {\n /** toggles the calendar popover */\n calendarToggle: {\n ...buttonContext,\n onPress: (event: PressEvent) => {\n // Ensure any active input (e.g., date picker segment) loses focus\n // because blurring the input will close the popover if it's open (or was just opened)\n const activeElement = document?.activeElement as HTMLElement | null;\n\n if (activeElement) {\n activeElement.blur();\n }\n\n buttonContext.onPress?.(event);\n },\n },\n /** Clear button that displays when there's a value in each segment - hidden from both visual and screen readers when there's no value */\n clear: {\n // Clear both start and end values\n onPress: () => dateRangePickerState?.setValue(null),\n \"aria-label\": \"Clear input value\",\n isDisabled: isDateRangePickerDisabled,\n // Hide the button when there's no value\n style: incompleteValue ? { display: \"none\" } : undefined,\n \"aria-hidden\": incompleteValue ? true : undefined,\n },\n };\n\n /**\n * TimeInput slots\n * ================================\n */\n\n // Separate time input slots for start and end times\n const timeInputSlots = {\n startTimeInput: {\n value: startTimeValue,\n onChange: (value: TimeValue | null) => {\n if (value !== null && dateRangePickerState?.value?.start) {\n // Update the start date with the new time\n const currentValue = dateRangePickerState.value;\n const startDate = currentValue.start;\n const endDate = currentValue.end;\n if (startDate && endDate) {\n const newStartDate = startDate.set({\n hour: value.hour,\n minute: value.minute || 0,\n second: value.second || 0,\n millisecond: value.millisecond || 0,\n });\n\n dateRangePickerState.setValue({\n start: newStartDate,\n end: endDate,\n });\n }\n }\n },\n granularity: granularity === \"day\" ? undefined : granularity,\n \"aria-label\": getDefaultTimeInputAriaLabel(\"start\"),\n },\n endTimeInput: {\n value: endTimeValue,\n onChange: (value: TimeValue | null) => {\n if (value !== null && dateRangePickerState?.value?.end) {\n // Update the end date with the new time\n const currentValue = dateRangePickerState.value;\n const startDate = currentValue.start;\n const endDate = currentValue.end;\n if (startDate && endDate) {\n const newEndDate = endDate.set({\n hour: value.hour,\n minute: value.minute || 0,\n second: value.second || 0,\n millisecond: value.millisecond || 0,\n });\n\n dateRangePickerState.setValue({\n start: startDate,\n end: newEndDate,\n });\n }\n }\n },\n granularity: granularity === \"day\" ? undefined : granularity,\n \"aria-label\": getDefaultTimeInputAriaLabel(\"end\"),\n },\n };\n\n return (\n <Provider\n values={[\n [\n ButtonContext,\n {\n slots: buttonSlots,\n },\n ],\n [TimeFieldContext, { slots: timeInputSlots }],\n ]}\n >\n {children}\n </Provider>\n );\n};\n","import {\n DateRangePickerRootSlot,\n DateRangePickerGroupSlot,\n DateRangePickerTriggerSlot,\n DateRangePickerPopoverSlot,\n DateRangePickerCalendarSlot,\n} from \"./date-range-picker.slots\";\n\nimport { CalendarMonth, Close } from \"@commercetools/nimbus-icons\";\n\nimport {\n DateRangePicker as ReactAriaDateRangePicker,\n Group,\n Popover,\n Dialog,\n} from \"react-aria-components\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { dateRangePickerSlotRecipe } from \"./date-range-picker.recipe\";\nimport type { DateRangePickerProps } from \"./date-range-picker.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport { DateInput, RangeCalendar, IconButton, Text } from \"@/components\";\nimport { DateRangePickerTimeInput } from \"./components/date-range-picker.time-input\";\nimport { DateRangePickerCustomContext } from \"./components/date-range-picker.custom-context\";\n\n/**\n * DateRangePicker\n * ============================================================\n * Combines a DateInput with a RangeCalendar popover for date range selection.\n * Users can either type a date range directly or select from the calendar.\n */\nexport const DateRangePicker = (props: DateRangePickerProps) => {\n // Forward hideTimeZone and hourCycle to child components (footer time inputs)\n const { granularity = \"day\", hideTimeZone, hourCycle } = props;\n const recipe = useSlotRecipe({ recipe: dateRangePickerSlotRecipe });\n const [recipeProps, remainingProps] = recipe.splitVariantProps(props);\n\n const [styleProps, otherProps] = extractStyleProps(remainingProps);\n\n // Extract size and variant from recipe props to pass to DateInputs\n const { size = \"md\" } = recipeProps;\n\n // the size of the buttons overlaying the input\n const overlayButtonSize = size === \"md\" ? \"xs\" : \"2xs\";\n\n // When granularity is \"day\", use the prop value (defaults to true if not provided)\n // For other granularities (time-based), force to false so users can set both date and time\n const shouldCloseOnSelect =\n granularity === \"day\" ? props.shouldCloseOnSelect : false;\n\n return (\n <DateRangePickerRootSlot {...recipeProps} {...styleProps} asChild>\n <ReactAriaDateRangePicker\n {...otherProps}\n shouldCloseOnSelect={shouldCloseOnSelect}\n >\n <DateRangePickerCustomContext>\n <DateRangePickerGroupSlot asChild>\n <Group>\n <DateInput\n slot=\"start\"\n size={size}\n variant=\"plain\"\n width=\"auto\"\n hideTimeZone={hideTimeZone}\n hourCycle={hourCycle}\n />\n <Text\n as=\"span\"\n px=\"150\"\n color=\"neutral.11\"\n userSelect=\"none\"\n aria-hidden=\"true\"\n slot={null}\n >\n –\n </Text>\n <DateInput\n slot=\"end\"\n size={size}\n variant=\"plain\"\n width=\"auto\"\n hideTimeZone={hideTimeZone}\n hourCycle={hourCycle}\n />\n <DateRangePickerTriggerSlot>\n {/* @ts-expect-error react aria is adding the aria-label prop */}\n <IconButton\n tone=\"primary\"\n variant=\"ghost\"\n size={overlayButtonSize}\n slot=\"clear\"\n >\n <Close />\n </IconButton>\n {/* @ts-expect-error react aria is adding the aria-label prop */}\n <IconButton\n tone=\"primary\"\n variant=\"ghost\"\n size={overlayButtonSize}\n slot=\"calendarToggle\"\n >\n <CalendarMonth />\n </IconButton>\n </DateRangePickerTriggerSlot>\n </Group>\n </DateRangePickerGroupSlot>\n <DateRangePickerPopoverSlot asChild>\n <Popover placement=\"bottom end\">\n <Dialog>\n <DateRangePickerCalendarSlot>\n <RangeCalendar />\n </DateRangePickerCalendarSlot>\n <DateRangePickerTimeInput\n hideTimeZone={hideTimeZone}\n hourCycle={hourCycle}\n />\n </Dialog>\n </Popover>\n </DateRangePickerPopoverSlot>\n </DateRangePickerCustomContext>\n </ReactAriaDateRangePicker>\n </DateRangePickerRootSlot>\n );\n};\n\nDateRangePicker.displayName = \"DateRangePicker\";\n"],"names":["withProvider","withContext","createSlotRecipeContext","dateRangePickerSlotRecipe","DateRangePickerRootSlot","DateRangePickerGroupSlot","DateRangePickerTriggerSlot","DateRangePickerPopoverSlot","DateRangePickerCalendarSlot","DateRangePickerTimeInput","hideTimeZone","hourCycle","dateRangePickerState","useContext","DateRangePickerStateContext","granularity","value","timeInputRef","useRef","previousValueRef","useEffect","timeoutId","container","activeElement","firstSegment","jsxs","Flex","jsx","Text","TimeInput","DateRangePickerCustomContext","children","buttonContext","useSlottedContext","ButtonContext","hasCompleteRangeDate","date","incompleteValue","startTimeValue","endTimeValue","isDateRangePickerDisabled","getDefaultTimeInputAriaLabel","type","prefix","buttonSlots","event","timeInputSlots","currentValue","startDate","endDate","newStartDate","newEndDate","Provider","TimeFieldContext","DateRangePicker","props","recipe","useSlotRecipe","recipeProps","remainingProps","styleProps","otherProps","extractStyleProps","size","overlayButtonSize","shouldCloseOnSelect","ReactAriaDateRangePicker","Group","DateInput","IconButton","Close","CalendarMonth","Popover","Dialog","RangeCalendar"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const o=require("./dialog.title-
|
|
2
|
-
//# sourceMappingURL=dialog-
|
|
1
|
+
"use strict";const o=require("./dialog.title-RLHmO1dx.cjs.js"),e={Root:o.DialogRoot,Trigger:o.DialogTrigger,Content:o.DialogContent,Header:o.DialogHeader,Body:o.DialogBody,Footer:o.DialogFooter,Title:o.DialogTitle,CloseTrigger:o.DialogCloseTrigger};exports.Dialog=e;
|
|
2
|
+
//# sourceMappingURL=dialog-Bech4WpU.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog-
|
|
1
|
+
{"version":3,"file":"dialog-Bech4WpU.cjs.js","sources":["../../src/components/dialog/dialog.tsx"],"sourcesContent":["import { DialogRoot } from \"./components/dialog.root\";\nimport { DialogTrigger } from \"./components/dialog.trigger\";\nimport { DialogContent } from \"./components/dialog.content\";\nimport { DialogHeader } from \"./components/dialog.header\";\nimport { DialogBody } from \"./components/dialog.body\";\nimport { DialogFooter } from \"./components/dialog.footer\";\nimport { DialogTitle } from \"./components/dialog.title\";\nimport { DialogCloseTrigger } from \"./components/dialog.close-trigger\";\n\n/**\n * Dialog\n * ============================================================\n * A foundational dialog component for overlays that require user attention.\n * Built with React Aria Components for accessibility and WCAG 2.1 AA compliance.\n *\n * Features:\n * - Controlled and uncontrolled modes\n * - Customizable placement, size, and animations\n * - Focus management and keyboard navigation\n * - Click-outside and Escape key dismissal\n * - Portal rendering support\n * - Backdrop overlay with animations\n *\n * @example\n * ```tsx\n * <Dialog.Root>\n * <Dialog.Trigger>Open Dialog</Dialog.Trigger>\n * <Dialog.Content size=\"md\" placement=\"center\">\n * <Dialog.Header>\n * <Dialog.Title>Dialog Title</Dialog.Title>\n * <Dialog.CloseTrigger>×</Dialog.CloseTrigger>\n * </Dialog.Header>\n * <Dialog.Body>\n * Dialog content goes here\n * </Dialog.Body>\n * <Dialog.Footer>\n * <button>Cancel</button>\n * <button>Save</button>\n * </Dialog.Footer>\n * </Dialog.Content>\n * </Dialog.Root>\n * ```\n *\n * @see https://react-spectrum.adobe.com/react-aria/Dialog.html\n */\nexport const Dialog = {\n /**\n * # Dialog.Root\n *\n * The root component that provides context and state management for the dialog.\n * Uses React Aria's DialogTrigger for accessibility and keyboard interaction.\n *\n * This component must wrap all dialog parts (Trigger, Content, etc.) and provides\n * the dialog open/close state and variant styling context.\n *\n * @example\n * ```tsx\n * <Dialog.Root>\n * <Dialog.Trigger>Open Dialog</Dialog.Trigger>\n * <Dialog.Content>\n * <Dialog.Header>\n * <Dialog.Title>Dialog Title</Dialog.Title>\n * </Dialog.Header>\n * <Dialog.Body>Dialog content</Dialog.Body>\n * </Dialog.Content>\n * </Dialog.Root>\n * ```\n */\n Root: DialogRoot,\n /**\n * # Dialog.Trigger\n *\n * The trigger element that opens the dialog when activated.\n * Uses React Aria's Button for accessibility and keyboard support.\n *\n * @example\n * ```tsx\n * <Dialog.Root>\n * <Dialog.Trigger>Open Dialog</Dialog.Trigger>\n * <Dialog.Content>...</Dialog.Content>\n * </Dialog.Root>\n * ```\n */\n Trigger: DialogTrigger,\n /**\n * # Dialog.Content\n *\n * The main dialog content container that wraps React Aria's Modal and Dialog.\n * Handles portalling, backdrop, positioning, and content styling.\n *\n * This component creates the dialog overlay, positions the content, and provides\n * accessibility features like focus management and keyboard dismissal.\n *\n * @example\n * ```tsx\n * <Dialog.Root>\n * <Dialog.Trigger>Open Dialog</Dialog.Trigger>\n * <Dialog.Content size=\"md\" placement=\"center\">\n * <Dialog.Header>\n * <Dialog.Title>Title</Dialog.Title>\n * </Dialog.Header>\n * <Dialog.Body>Content</Dialog.Body>\n * <Dialog.Footer>Actions</Dialog.Footer>\n * </Dialog.Content>\n * </Dialog.Root>\n * ```\n */\n Content: DialogContent,\n /**\n * # Dialog.Header\n *\n * The header section of the dialog content.\n * Typically contains the title and close button.\n *\n * @example\n * ```tsx\n * <Dialog.Content>\n * <Dialog.Header>\n * <Dialog.Title>Dialog Title</Dialog.Title>\n * <Dialog.CloseTrigger />\n * </Dialog.Header>\n * <Dialog.Body>...</Dialog.Body>\n * </Dialog.Content>\n * ```\n */\n Header: DialogHeader,\n /**\n * # Dialog.Body\n *\n * The main body content section of the dialog.\n * Contains the primary dialog content and handles overflow/scrolling.\n *\n * @example\n * ```tsx\n * <Dialog.Content>\n * <Dialog.Header>...</Dialog.Header>\n * <Dialog.Body>\n * <p>This is the main content of the dialog.</p>\n * </Dialog.Body>\n * <Dialog.Footer>...</Dialog.Footer>\n * </Dialog.Content>\n * ```\n */\n Body: DialogBody,\n /**\n * # Dialog.Footer\n *\n * The footer section of the dialog, typically containing action buttons.\n * Provides consistent spacing and alignment for dialog actions.\n *\n * @example\n * ```tsx\n * <Dialog.Content>\n * <Dialog.Header>...</Dialog.Header>\n * <Dialog.Body>...</Dialog.Body>\n * <Dialog.Footer>\n * <Button variant=\"outline\">Cancel</Button>\n * <Button>Confirm</Button>\n * </Dialog.Footer>\n * </Dialog.Content>\n * ```\n */\n Footer: DialogFooter,\n /**\n * # Dialog.Title\n *\n * The accessible title element for the dialog.\n * Uses React Aria's Heading for proper accessibility and screen reader support.\n *\n * @example\n * ```tsx\n * <Dialog.Content>\n * <Dialog.Header>\n * <Dialog.Title>Confirm Action</Dialog.Title>\n * </Dialog.Header>\n * <Dialog.Body>...</Dialog.Body>\n * </Dialog.Content>\n * ```\n */\n Title: DialogTitle,\n /**\n * # Dialog.CloseTrigger\n *\n * A button that closes the dialog when activated.\n * Displays an IconButton with a close (X) icon by default.\n *\n * The component automatically handles the close behavior through React Aria's\n * context, so no additional onPress handler is needed.\n *\n * @example\n * ```tsx\n * <Dialog.Root>\n * <Dialog.Trigger>Open Dialog</Dialog.Trigger>\n * <Dialog.Content>\n * <Dialog.Header>\n * <Dialog.Title>Title</Dialog.Title>\n * <Dialog.CloseTrigger aria-label=\"Close dialog\" />\n * </Dialog.Header>\n * <Dialog.Body>Content</Dialog.Body>\n * </Dialog.Content>\n * </Dialog.Root>\n * ```\n */\n CloseTrigger: DialogCloseTrigger,\n};\n\n// Internal exports for react-docgen\nexport {\n DialogRoot as _DialogRoot,\n DialogTrigger as _DialogTrigger,\n DialogContent as _DialogContent,\n DialogHeader as _DialogHeader,\n DialogBody as _DialogBody,\n DialogFooter as _DialogFooter,\n DialogTitle as _DialogTitle,\n DialogCloseTrigger as _DialogCloseTrigger,\n};\n"],"names":["Dialog","DialogRoot","DialogTrigger","DialogContent","DialogHeader","DialogBody","DialogFooter","DialogTitle","DialogCloseTrigger"],"mappings":"+DA6CaA,EAAS,CAuBpB,KAAMC,EAAAA,WAeN,QAASC,EAAAA,cAwBT,QAASC,EAAAA,cAkBT,OAAQC,EAAAA,aAkBR,KAAMC,EAAAA,WAmBN,OAAQC,EAAAA,aAiBR,MAAOC,EAAAA,YAwBP,aAAcC,EAAAA,kBAChB"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { g as o, f as a, e, d as g, c as i, b as r, a as l, D as t } from "./dialog.title-
|
|
1
|
+
import { g as o, f as a, e, d as g, c as i, b as r, a as l, D as t } from "./dialog.title-CfwJLUeB.es.js";
|
|
2
2
|
const D = {
|
|
3
3
|
/**
|
|
4
4
|
* # Dialog.Root
|
|
@@ -162,4 +162,4 @@ const D = {
|
|
|
162
162
|
export {
|
|
163
163
|
D
|
|
164
164
|
};
|
|
165
|
-
//# sourceMappingURL=dialog-
|
|
165
|
+
//# sourceMappingURL=dialog-Bx0O1gKI.es.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog-
|
|
1
|
+
{"version":3,"file":"dialog-Bx0O1gKI.es.js","sources":["../../src/components/dialog/dialog.tsx"],"sourcesContent":["import { DialogRoot } from \"./components/dialog.root\";\nimport { DialogTrigger } from \"./components/dialog.trigger\";\nimport { DialogContent } from \"./components/dialog.content\";\nimport { DialogHeader } from \"./components/dialog.header\";\nimport { DialogBody } from \"./components/dialog.body\";\nimport { DialogFooter } from \"./components/dialog.footer\";\nimport { DialogTitle } from \"./components/dialog.title\";\nimport { DialogCloseTrigger } from \"./components/dialog.close-trigger\";\n\n/**\n * Dialog\n * ============================================================\n * A foundational dialog component for overlays that require user attention.\n * Built with React Aria Components for accessibility and WCAG 2.1 AA compliance.\n *\n * Features:\n * - Controlled and uncontrolled modes\n * - Customizable placement, size, and animations\n * - Focus management and keyboard navigation\n * - Click-outside and Escape key dismissal\n * - Portal rendering support\n * - Backdrop overlay with animations\n *\n * @example\n * ```tsx\n * <Dialog.Root>\n * <Dialog.Trigger>Open Dialog</Dialog.Trigger>\n * <Dialog.Content size=\"md\" placement=\"center\">\n * <Dialog.Header>\n * <Dialog.Title>Dialog Title</Dialog.Title>\n * <Dialog.CloseTrigger>×</Dialog.CloseTrigger>\n * </Dialog.Header>\n * <Dialog.Body>\n * Dialog content goes here\n * </Dialog.Body>\n * <Dialog.Footer>\n * <button>Cancel</button>\n * <button>Save</button>\n * </Dialog.Footer>\n * </Dialog.Content>\n * </Dialog.Root>\n * ```\n *\n * @see https://react-spectrum.adobe.com/react-aria/Dialog.html\n */\nexport const Dialog = {\n /**\n * # Dialog.Root\n *\n * The root component that provides context and state management for the dialog.\n * Uses React Aria's DialogTrigger for accessibility and keyboard interaction.\n *\n * This component must wrap all dialog parts (Trigger, Content, etc.) and provides\n * the dialog open/close state and variant styling context.\n *\n * @example\n * ```tsx\n * <Dialog.Root>\n * <Dialog.Trigger>Open Dialog</Dialog.Trigger>\n * <Dialog.Content>\n * <Dialog.Header>\n * <Dialog.Title>Dialog Title</Dialog.Title>\n * </Dialog.Header>\n * <Dialog.Body>Dialog content</Dialog.Body>\n * </Dialog.Content>\n * </Dialog.Root>\n * ```\n */\n Root: DialogRoot,\n /**\n * # Dialog.Trigger\n *\n * The trigger element that opens the dialog when activated.\n * Uses React Aria's Button for accessibility and keyboard support.\n *\n * @example\n * ```tsx\n * <Dialog.Root>\n * <Dialog.Trigger>Open Dialog</Dialog.Trigger>\n * <Dialog.Content>...</Dialog.Content>\n * </Dialog.Root>\n * ```\n */\n Trigger: DialogTrigger,\n /**\n * # Dialog.Content\n *\n * The main dialog content container that wraps React Aria's Modal and Dialog.\n * Handles portalling, backdrop, positioning, and content styling.\n *\n * This component creates the dialog overlay, positions the content, and provides\n * accessibility features like focus management and keyboard dismissal.\n *\n * @example\n * ```tsx\n * <Dialog.Root>\n * <Dialog.Trigger>Open Dialog</Dialog.Trigger>\n * <Dialog.Content size=\"md\" placement=\"center\">\n * <Dialog.Header>\n * <Dialog.Title>Title</Dialog.Title>\n * </Dialog.Header>\n * <Dialog.Body>Content</Dialog.Body>\n * <Dialog.Footer>Actions</Dialog.Footer>\n * </Dialog.Content>\n * </Dialog.Root>\n * ```\n */\n Content: DialogContent,\n /**\n * # Dialog.Header\n *\n * The header section of the dialog content.\n * Typically contains the title and close button.\n *\n * @example\n * ```tsx\n * <Dialog.Content>\n * <Dialog.Header>\n * <Dialog.Title>Dialog Title</Dialog.Title>\n * <Dialog.CloseTrigger />\n * </Dialog.Header>\n * <Dialog.Body>...</Dialog.Body>\n * </Dialog.Content>\n * ```\n */\n Header: DialogHeader,\n /**\n * # Dialog.Body\n *\n * The main body content section of the dialog.\n * Contains the primary dialog content and handles overflow/scrolling.\n *\n * @example\n * ```tsx\n * <Dialog.Content>\n * <Dialog.Header>...</Dialog.Header>\n * <Dialog.Body>\n * <p>This is the main content of the dialog.</p>\n * </Dialog.Body>\n * <Dialog.Footer>...</Dialog.Footer>\n * </Dialog.Content>\n * ```\n */\n Body: DialogBody,\n /**\n * # Dialog.Footer\n *\n * The footer section of the dialog, typically containing action buttons.\n * Provides consistent spacing and alignment for dialog actions.\n *\n * @example\n * ```tsx\n * <Dialog.Content>\n * <Dialog.Header>...</Dialog.Header>\n * <Dialog.Body>...</Dialog.Body>\n * <Dialog.Footer>\n * <Button variant=\"outline\">Cancel</Button>\n * <Button>Confirm</Button>\n * </Dialog.Footer>\n * </Dialog.Content>\n * ```\n */\n Footer: DialogFooter,\n /**\n * # Dialog.Title\n *\n * The accessible title element for the dialog.\n * Uses React Aria's Heading for proper accessibility and screen reader support.\n *\n * @example\n * ```tsx\n * <Dialog.Content>\n * <Dialog.Header>\n * <Dialog.Title>Confirm Action</Dialog.Title>\n * </Dialog.Header>\n * <Dialog.Body>...</Dialog.Body>\n * </Dialog.Content>\n * ```\n */\n Title: DialogTitle,\n /**\n * # Dialog.CloseTrigger\n *\n * A button that closes the dialog when activated.\n * Displays an IconButton with a close (X) icon by default.\n *\n * The component automatically handles the close behavior through React Aria's\n * context, so no additional onPress handler is needed.\n *\n * @example\n * ```tsx\n * <Dialog.Root>\n * <Dialog.Trigger>Open Dialog</Dialog.Trigger>\n * <Dialog.Content>\n * <Dialog.Header>\n * <Dialog.Title>Title</Dialog.Title>\n * <Dialog.CloseTrigger aria-label=\"Close dialog\" />\n * </Dialog.Header>\n * <Dialog.Body>Content</Dialog.Body>\n * </Dialog.Content>\n * </Dialog.Root>\n * ```\n */\n CloseTrigger: DialogCloseTrigger,\n};\n\n// Internal exports for react-docgen\nexport {\n DialogRoot as _DialogRoot,\n DialogTrigger as _DialogTrigger,\n DialogContent as _DialogContent,\n DialogHeader as _DialogHeader,\n DialogBody as _DialogBody,\n DialogFooter as _DialogFooter,\n DialogTitle as _DialogTitle,\n DialogCloseTrigger as _DialogCloseTrigger,\n};\n"],"names":["Dialog","DialogRoot","DialogTrigger","DialogContent","DialogHeader","DialogBody","DialogFooter","DialogTitle","DialogCloseTrigger"],"mappings":";AA6CO,MAAMA,IAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAuBpB,MAAMC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAeN,SAASC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAwBT,SAASC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAkBT,QAAQC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAkBR,MAAMC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAmBN,QAAQC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiBR,OAAOC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAwBP,cAAcC;AAChB;"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsx as n } from "react/jsx-runtime";
|
|
2
2
|
import g, { useState as U, useEffect as E, forwardRef as C, useContext as p, createContext as b, useRef as K, useMemo as j } from "react";
|
|
3
|
-
import { m as k, n as F, o as W, p as q, b as h, q as G, r as J, e as Q, a as X } from "./Dialog-
|
|
3
|
+
import { m as k, n as F, o as W, p as q, b as h, q as G, r as J, e as Q, a as X } from "./Dialog-SvkYfu5i.es.js";
|
|
4
4
|
import { createSlotRecipeContext as Y, useSlotRecipe as Z, chakra as ee } from "@chakra-ui/react/styled-system";
|
|
5
5
|
import { a as te } from "./Button-B6xR_FqM.es.js";
|
|
6
|
-
import { e as w } from "./extractStyleProps-
|
|
6
|
+
import { e as w } from "./extractStyleProps-DjVNA871.es.js";
|
|
7
7
|
import { $ as ie, f as oe, a as R, d as ae } from "./utils-DkbE8ciF.es.js";
|
|
8
8
|
import { a as x } from "./mergeProps-CzyOU2NE.es.js";
|
|
9
9
|
import { $ as P } from "./filterDOMProps-BSVCO5jK.es.js";
|
|
@@ -12,8 +12,8 @@ import { $ as T } from "./SSRProvider-Cu8KibIK.es.js";
|
|
|
12
12
|
import { $ as ne, c as v, e as N } from "./OverlayArrow-CTv6jme7.es.js";
|
|
13
13
|
import { Close as re } from "@commercetools/nimbus-icons";
|
|
14
14
|
import { defineMessages as se, useIntl as le } from "react-intl";
|
|
15
|
-
import { I as de } from "./icon-button-
|
|
16
|
-
import { k as ce } from "./index-
|
|
15
|
+
import { I as de } from "./icon-button-CctfLs8I.es.js";
|
|
16
|
+
import { k as ce } from "./index-fjbcWgyz.es.js";
|
|
17
17
|
import { H as fe } from "./heading-C3E6ZfYZ.es.js";
|
|
18
18
|
let f = typeof document < "u" && window.visualViewport;
|
|
19
19
|
function ge() {
|
|
@@ -319,4 +319,4 @@ export {
|
|
|
319
319
|
Ve as f,
|
|
320
320
|
ze as g
|
|
321
321
|
};
|
|
322
|
-
//# sourceMappingURL=dialog.title-
|
|
322
|
+
//# sourceMappingURL=dialog.title-CfwJLUeB.es.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.title-DyRR_xdZ.es.js","sources":["../../../../node_modules/.pnpm/@react-aria+utils@3.30.1_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@react-aria/utils/dist/useViewportSize.mjs","../../../../node_modules/.pnpm/@react-aria+overlays@3.29.1_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@react-aria/overlays/dist/useModalOverlay.mjs","../../../../node_modules/.pnpm/react-aria-components@1.12.2_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-aria-components/dist/Modal.mjs","../../src/components/dialog/dialog.slots.tsx","../../src/components/dialog/components/dialog.context.tsx","../../src/components/dialog/components/dialog.root.tsx","../../src/components/dialog/components/dialog.trigger.tsx","../../src/components/dialog/components/dialog.content.tsx","../../src/components/dialog/components/dialog.header.tsx","../../src/components/dialog/components/dialog.body.tsx","../../src/components/dialog/components/dialog.footer.tsx","../../src/components/dialog/dialog.i18n.ts","../../src/components/dialog/components/dialog.close-trigger.tsx","../../src/components/dialog/components/dialog.title.tsx"],"sourcesContent":["import {useState as $fuDHA$useState, useEffect as $fuDHA$useEffect} from \"react\";\nimport {useIsSSR as $fuDHA$useIsSSR} from \"@react-aria/ssr\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\nlet $5df64b3807dc15ee$var$visualViewport = typeof document !== 'undefined' && window.visualViewport;\nfunction $5df64b3807dc15ee$export$d699905dd57c73ca() {\n let isSSR = (0, $fuDHA$useIsSSR)();\n let [size, setSize] = (0, $fuDHA$useState)(()=>isSSR ? {\n width: 0,\n height: 0\n } : $5df64b3807dc15ee$var$getViewportSize());\n (0, $fuDHA$useEffect)(()=>{\n // Use visualViewport api to track available height even on iOS virtual keyboard opening\n let onResize = ()=>{\n setSize((size)=>{\n let newSize = $5df64b3807dc15ee$var$getViewportSize();\n if (newSize.width === size.width && newSize.height === size.height) return size;\n return newSize;\n });\n };\n if (!$5df64b3807dc15ee$var$visualViewport) window.addEventListener('resize', onResize);\n else $5df64b3807dc15ee$var$visualViewport.addEventListener('resize', onResize);\n return ()=>{\n if (!$5df64b3807dc15ee$var$visualViewport) window.removeEventListener('resize', onResize);\n else $5df64b3807dc15ee$var$visualViewport.removeEventListener('resize', onResize);\n };\n }, []);\n return size;\n}\nfunction $5df64b3807dc15ee$var$getViewportSize() {\n return {\n width: $5df64b3807dc15ee$var$visualViewport && ($5df64b3807dc15ee$var$visualViewport === null || $5df64b3807dc15ee$var$visualViewport === void 0 ? void 0 : $5df64b3807dc15ee$var$visualViewport.width) || window.innerWidth,\n height: $5df64b3807dc15ee$var$visualViewport && ($5df64b3807dc15ee$var$visualViewport === null || $5df64b3807dc15ee$var$visualViewport === void 0 ? void 0 : $5df64b3807dc15ee$var$visualViewport.height) || window.innerHeight\n };\n}\n\n\nexport {$5df64b3807dc15ee$export$d699905dd57c73ca as useViewportSize};\n//# sourceMappingURL=useViewportSize.module.js.map\n","import {ariaHideOutside as $5e3802645cc19319$export$1c3ebcada18427bf} from \"./ariaHideOutside.mjs\";\nimport {useOverlay as $a11501f3d1d39e6c$export$ea8f71083e90600f} from \"./useOverlay.mjs\";\nimport {useOverlayFocusContain as $337b884510726a0d$export$14c98a7594375490} from \"./Overlay.mjs\";\nimport {usePreventScroll as $49c51c25361d4cd2$export$ee0f7cc6afcd1c18} from \"./usePreventScroll.mjs\";\nimport {mergeProps as $7Dhkr$mergeProps} from \"@react-aria/utils\";\nimport {useEffect as $7Dhkr$useEffect} from \"react\";\n\n/*\n * Copyright 2022 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\n\n\n\nfunction $8ac8429251c45e4b$export$dbc0f175b25fb0fb(props, state, ref) {\n let { overlayProps: overlayProps, underlayProps: underlayProps } = (0, $a11501f3d1d39e6c$export$ea8f71083e90600f)({\n ...props,\n isOpen: state.isOpen,\n onClose: state.close\n }, ref);\n (0, $49c51c25361d4cd2$export$ee0f7cc6afcd1c18)({\n isDisabled: !state.isOpen\n });\n (0, $337b884510726a0d$export$14c98a7594375490)();\n (0, $7Dhkr$useEffect)(()=>{\n if (state.isOpen && ref.current) return (0, $5e3802645cc19319$export$1c3ebcada18427bf)([\n ref.current\n ], {\n shouldUseInert: true\n });\n }, [\n state.isOpen,\n ref\n ]);\n return {\n modalProps: (0, $7Dhkr$mergeProps)(overlayProps),\n underlayProps: underlayProps\n };\n}\n\n\nexport {$8ac8429251c45e4b$export$dbc0f175b25fb0fb as useModalOverlay};\n//# sourceMappingURL=useModalOverlay.module.js.map\n","import {Provider as $64fa3d84918910a7$export$2881499e37b75b9a, useContextProps as $64fa3d84918910a7$export$29f1550f4b0d4415, useRenderProps as $64fa3d84918910a7$export$4d86445c2cf5e3} from \"./utils.mjs\";\nimport {OverlayTriggerStateContext as $de32f1b87079253c$export$d2f961adcb0afbe} from \"./Dialog.mjs\";\nimport {useIsSSR as $daTMi$useIsSSR, useModalOverlay as $daTMi$useModalOverlay, Overlay as $daTMi$Overlay, DismissButton as $daTMi$DismissButton} from \"react-aria\";\nimport {useObjectRef as $daTMi$useObjectRef, useExitAnimation as $daTMi$useExitAnimation, useEnterAnimation as $daTMi$useEnterAnimation, useViewportSize as $daTMi$useViewportSize, mergeProps as $daTMi$mergeProps, filterDOMProps as $daTMi$filterDOMProps, mergeRefs as $daTMi$mergeRefs} from \"@react-aria/utils\";\nimport {useOverlayTriggerState as $daTMi$useOverlayTriggerState} from \"react-stately\";\nimport $daTMi$react, {createContext as $daTMi$createContext, forwardRef as $daTMi$forwardRef, useContext as $daTMi$useContext, useRef as $daTMi$useRef, useMemo as $daTMi$useMemo} from \"react\";\n\n/*\n * Copyright 2022 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\n\n\n\nconst $f3f84453ead64de5$export$ab57792b9b6974a6 = /*#__PURE__*/ (0, $daTMi$createContext)(null);\nconst $f3f84453ead64de5$var$InternalModalContext = /*#__PURE__*/ (0, $daTMi$createContext)(null);\nconst $f3f84453ead64de5$export$2b77a92f1a5ad772 = /*#__PURE__*/ (0, $daTMi$forwardRef)(function Modal(props, ref) {\n let ctx = (0, $daTMi$useContext)($f3f84453ead64de5$var$InternalModalContext);\n if (ctx) {\n if (process.env.NODE_ENV !== 'production' && (props.onOpenChange || props.defaultOpen !== undefined || props.isOpen !== undefined)) {\n // create a list of props that are passed in but not allowed when using an external ModalOverlay\n const invalidSet = new Set([\n 'isDismissable',\n 'isKeyboardDismissDisabled',\n 'isOpen',\n 'defaultOpen',\n 'onOpenChange',\n 'isEntering',\n 'isExiting',\n 'UNSTABLE_portalContainer',\n 'shouldCloseOnInteractOutside'\n ]);\n const invalidProps = Object.keys(props).filter((key)=>invalidSet.has(key));\n console.warn(`This modal is already wrapped in a ModalOverlay, props [${invalidProps.join(', ')}] should be placed on the ModalOverlay instead.`);\n }\n return /*#__PURE__*/ (0, $daTMi$react).createElement($f3f84453ead64de5$var$ModalContent, {\n ...props,\n modalRef: ref\n }, props.children);\n }\n let { isDismissable: isDismissable, isKeyboardDismissDisabled: isKeyboardDismissDisabled, isOpen: isOpen, defaultOpen: defaultOpen, onOpenChange: onOpenChange, children: children, isEntering: isEntering, isExiting: isExiting, UNSTABLE_portalContainer: UNSTABLE_portalContainer, shouldCloseOnInteractOutside: shouldCloseOnInteractOutside, ...otherProps } = props;\n return /*#__PURE__*/ (0, $daTMi$react).createElement($f3f84453ead64de5$export$8948f78d83984c69, {\n isDismissable: isDismissable,\n isKeyboardDismissDisabled: isKeyboardDismissDisabled,\n isOpen: isOpen,\n defaultOpen: defaultOpen,\n onOpenChange: onOpenChange,\n isEntering: isEntering,\n isExiting: isExiting,\n UNSTABLE_portalContainer: UNSTABLE_portalContainer,\n shouldCloseOnInteractOutside: shouldCloseOnInteractOutside\n }, /*#__PURE__*/ (0, $daTMi$react).createElement($f3f84453ead64de5$var$ModalContent, {\n ...otherProps,\n modalRef: ref\n }, children));\n});\nfunction $f3f84453ead64de5$var$ModalOverlayWithForwardRef(props, ref) {\n [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $f3f84453ead64de5$export$ab57792b9b6974a6);\n let contextState = (0, $daTMi$useContext)((0, $de32f1b87079253c$export$d2f961adcb0afbe));\n let localState = (0, $daTMi$useOverlayTriggerState)(props);\n let state = props.isOpen != null || props.defaultOpen != null || !contextState ? localState : contextState;\n if (state === contextState) {\n if (process.env.NODE_ENV !== 'production' && (props.onOpenChange || props.defaultOpen !== undefined || props.isOpen !== undefined)) console.warn('This modals state is controlled by a trigger, place onOpenChange on the trigger instead.');\n }\n let objectRef = (0, $daTMi$useObjectRef)(ref);\n let modalRef = (0, $daTMi$useRef)(null);\n let isOverlayExiting = (0, $daTMi$useExitAnimation)(objectRef, state.isOpen);\n let isModalExiting = (0, $daTMi$useExitAnimation)(modalRef, state.isOpen);\n let isExiting = isOverlayExiting || isModalExiting || props.isExiting || false;\n let isSSR = (0, $daTMi$useIsSSR)();\n if (!state.isOpen && !isExiting || isSSR) return null;\n return /*#__PURE__*/ (0, $daTMi$react).createElement($f3f84453ead64de5$var$ModalOverlayInner, {\n ...props,\n state: state,\n isExiting: isExiting,\n overlayRef: objectRef,\n modalRef: modalRef\n });\n}\nconst $f3f84453ead64de5$export$8948f78d83984c69 = /*#__PURE__*/ (0, $daTMi$forwardRef)($f3f84453ead64de5$var$ModalOverlayWithForwardRef);\nfunction $f3f84453ead64de5$var$ModalOverlayInner({ UNSTABLE_portalContainer: UNSTABLE_portalContainer, ...props }) {\n let modalRef = props.modalRef;\n let { state: state } = props;\n let { modalProps: modalProps, underlayProps: underlayProps } = (0, $daTMi$useModalOverlay)(props, state, modalRef);\n let entering = (0, $daTMi$useEnterAnimation)(props.overlayRef) || props.isEntering || false;\n let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({\n ...props,\n defaultClassName: 'react-aria-ModalOverlay',\n values: {\n isEntering: entering,\n isExiting: props.isExiting,\n state: state\n }\n });\n let viewport = (0, $daTMi$useViewportSize)();\n let style = {\n ...renderProps.style,\n '--visual-viewport-height': viewport.height + 'px'\n };\n return /*#__PURE__*/ (0, $daTMi$react).createElement((0, $daTMi$Overlay), {\n isExiting: props.isExiting,\n portalContainer: UNSTABLE_portalContainer\n }, /*#__PURE__*/ (0, $daTMi$react).createElement(\"div\", {\n ...(0, $daTMi$mergeProps)((0, $daTMi$filterDOMProps)(props, {\n global: true\n }), underlayProps),\n ...renderProps,\n style: style,\n ref: props.overlayRef,\n \"data-entering\": entering || undefined,\n \"data-exiting\": props.isExiting || undefined\n }, /*#__PURE__*/ (0, $daTMi$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {\n values: [\n [\n $f3f84453ead64de5$var$InternalModalContext,\n {\n modalProps: modalProps,\n modalRef: modalRef,\n isExiting: props.isExiting,\n isDismissable: props.isDismissable\n }\n ],\n [\n (0, $de32f1b87079253c$export$d2f961adcb0afbe),\n state\n ]\n ]\n }, renderProps.children)));\n}\nfunction $f3f84453ead64de5$var$ModalContent(props) {\n let { modalProps: modalProps, modalRef: modalRef, isExiting: isExiting, isDismissable: isDismissable } = (0, $daTMi$useContext)($f3f84453ead64de5$var$InternalModalContext);\n let state = (0, $daTMi$useContext)((0, $de32f1b87079253c$export$d2f961adcb0afbe));\n let mergedRefs = (0, $daTMi$useMemo)(()=>(0, $daTMi$mergeRefs)(props.modalRef, modalRef), [\n props.modalRef,\n modalRef\n ]);\n let ref = (0, $daTMi$useObjectRef)(mergedRefs);\n let entering = (0, $daTMi$useEnterAnimation)(ref);\n let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({\n ...props,\n defaultClassName: 'react-aria-Modal',\n values: {\n isEntering: entering,\n isExiting: isExiting,\n state: state\n }\n });\n return /*#__PURE__*/ (0, $daTMi$react).createElement(\"div\", {\n ...(0, $daTMi$mergeProps)((0, $daTMi$filterDOMProps)(props, {\n global: true\n }), modalProps),\n ...renderProps,\n ref: ref,\n \"data-entering\": entering || undefined,\n \"data-exiting\": isExiting || undefined\n }, isDismissable && /*#__PURE__*/ (0, $daTMi$react).createElement((0, $daTMi$DismissButton), {\n onDismiss: state.close\n }), renderProps.children);\n}\n\n\nexport {$f3f84453ead64de5$export$ab57792b9b6974a6 as ModalContext, $f3f84453ead64de5$export$2b77a92f1a5ad772 as Modal, $f3f84453ead64de5$export$8948f78d83984c69 as ModalOverlay};\n//# sourceMappingURL=Modal.module.js.map\n","import {\n createSlotRecipeContext,\n type HTMLChakraProps,\n} from \"@chakra-ui/react/styled-system\";\nimport { dialogSlotRecipe } from \"./dialog.recipe\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n recipe: dialogSlotRecipe,\n});\n\n// Root slot - provides recipe context + config to all child components\nexport type DialogRootSlotProps = HTMLChakraProps<\"div\">;\nexport const DialogRootSlot = withProvider<HTMLDivElement, DialogRootSlotProps>(\n \"div\",\n \"root\"\n);\n\n// Trigger slot - button that opens the dialog\nexport type DialogTriggerSlotProps = HTMLChakraProps<\"button\">;\nexport const DialogTriggerSlot = withContext<\n HTMLButtonElement,\n DialogTriggerSlotProps\n>(\"button\", \"trigger\");\n\n// Backdrop slot - overlay displayed behind the dialog\nexport type DialogModalOverlaySlotProps = HTMLChakraProps<\"div\">;\nexport const DialogModalOverlaySlot = withContext<\n HTMLDivElement,\n DialogModalOverlaySlotProps\n>(\"div\", \"modalOverlay\");\n\n// modal slot - positions the dialog content\nexport type DialogModalSlotProps = HTMLChakraProps<\"div\">;\nexport const DialogModalSlot = withContext<\n HTMLDivElement,\n DialogModalSlotProps\n>(\"div\", \"modal\");\n\n// Content slot - main dialog container\nexport type DialogContentSlotProps = HTMLChakraProps<\"div\">;\nexport const DialogContentSlot = withContext<\n HTMLDivElement,\n DialogContentSlotProps\n>(\"div\", \"content\");\n\n// Header slot - dialog header section\nexport type DialogHeaderSlotProps = HTMLChakraProps<\"header\">;\nexport const DialogHeaderSlot = withContext<HTMLElement, DialogHeaderSlotProps>(\n \"header\",\n \"header\"\n);\n\n// Body slot - dialog body content\nexport type DialogBodySlotProps = HTMLChakraProps<\"div\">;\nexport const DialogBodySlot = withContext<HTMLDivElement, DialogBodySlotProps>(\n \"div\",\n \"body\"\n);\n\n// Footer slot - dialog footer section with actions\nexport type DialogFooterSlotProps = HTMLChakraProps<\"footer\">;\nexport const DialogFooterSlot = withContext<HTMLElement, DialogFooterSlotProps>(\n \"footer\",\n \"footer\"\n);\n\n// Title slot - accessible dialog title\nexport type DialogTitleSlotProps = HTMLChakraProps<\"h2\">;\nexport const DialogTitleSlot = withContext<\n HTMLHeadingElement,\n DialogTitleSlotProps\n>(\"h2\", \"title\");\n\n// Close trigger slot - div container for positioning close button\nexport type DialogCloseTriggerSlotProps = HTMLChakraProps<\"div\">;\nexport const DialogCloseTriggerSlot = withContext<\n HTMLDivElement,\n DialogCloseTriggerSlotProps\n>(\"div\", \"closeTrigger\");\n","import { createContext, useContext } from \"react\";\nimport type { DialogRootProps } from \"../dialog.types\";\n\n/**\n * Context value containing dialog configuration passed from Root to child components\n */\nexport type DialogContextValue = DialogRootProps;\n\nexport const DialogContext = createContext<DialogContextValue | undefined>(\n undefined\n);\n\n/**\n * Hook to access dialog configuration from DialogContext\n * @returns Dialog configuration from context\n * @throws Error if used outside of Dialog.Root\n */\nexport const useDialogRootContext = (): DialogContextValue => {\n const context = useContext(DialogContext);\n if (!context) {\n throw new Error(\"useDialogContext must be used within Dialog.Root\");\n }\n return context;\n};\n\n/**\n * Provider component that passes dialog configuration down to child components\n */\nexport const DialogProvider = ({\n children,\n value,\n}: {\n children: React.ReactNode;\n value: DialogContextValue;\n}) => {\n return <DialogContext value={value}>{children}</DialogContext>;\n};\n","import React from \"react\";\nimport { DialogTrigger as RaDialogTrigger } from \"react-aria-components\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { DialogRootSlot } from \"../dialog.slots\";\nimport type { DialogRootProps } from \"../dialog.types\";\nimport { DialogProvider } from \"./dialog.context\";\n\nexport const DialogRoot = function DialogRoot(props: DialogRootProps) {\n const recipe = useSlotRecipe({ key: \"dialog\" });\n // Extract recipe props\n const [recipeProps] = recipe.splitVariantProps(props);\n // Extract props that are usable on RaDialogTrigger\n const { children, isOpen, onOpenChange, defaultOpen = false } = props;\n\n const content = <DialogRootSlot {...recipeProps}>{children}</DialogRootSlot>;\n\n // Check if any direct child is a Dialog.Trigger component\n // React Aria's DialogTrigger needs a pressable child, so we only use it when there's a trigger\n const hasDialogTrigger = React.Children.toArray(children).some((child) => {\n if (React.isValidElement(child) && typeof child.type === \"function\") {\n const displayName = (\n child.type as React.ComponentType & { displayName?: string }\n )?.displayName;\n return (\n displayName === \"DialogTrigger\" || displayName === \"Dialog.Trigger\"\n );\n }\n return false;\n });\n\n // Share all props (config + variant props) with the Dialog subcomponents\n return (\n <DialogProvider value={props}>\n {hasDialogTrigger ? (\n // When there's a Dialog.Trigger, use DialogTrigger for React Aria integration\n <RaDialogTrigger\n isOpen={isOpen}\n onOpenChange={onOpenChange}\n defaultOpen={defaultOpen}\n >\n {content}\n </RaDialogTrigger>\n ) : (\n // When no Dialog.Trigger, skip using RaDialogTrigger to avoid console.warning's\n content\n )}\n </DialogProvider>\n );\n};\n\nDialogRoot.displayName = \"Dialog.Root\";\n","import { Button as RaButton } from \"react-aria-components\";\nimport { DialogTriggerSlot } from \"../dialog.slots\";\nimport type { DialogTriggerProps } from \"../dialog.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport { chakra } from \"@chakra-ui/react/styled-system\";\n\nexport const DialogTrigger = ({\n ref: forwardedRef,\n children,\n asChild,\n ...props\n}: DialogTriggerProps) => {\n // If asChild is true, wrap children directly in RaButton with asChild\n if (asChild) {\n return (\n <chakra.button ref={forwardedRef} asChild {...props}>\n {children}\n </chakra.button>\n );\n }\n\n const [styleProps, restProps] = extractStyleProps(props);\n\n // Otherwise, wrap with both DialogTriggerSlot and RaButton\n // Only pass React Aria compatible props to avoid type conflicts\n return (\n <DialogTriggerSlot {...styleProps} asChild>\n <RaButton ref={forwardedRef} {...restProps}>\n {children}\n </RaButton>\n </DialogTriggerSlot>\n );\n};\n\nDialogTrigger.displayName = \"Dialog.Trigger\";\n","import {\n Modal as RaModal,\n ModalOverlay as RaModalOverlay,\n Dialog as RaDialog,\n} from \"react-aria-components\";\nimport {\n DialogModalOverlaySlot,\n DialogModalSlot,\n DialogContentSlot,\n} from \"../dialog.slots\";\nimport type { DialogContentProps } from \"../dialog.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport { useDialogRootContext } from \"./dialog.context\";\n\nexport const DialogContent = (props: DialogContentProps) => {\n const { ref: forwardedRef, children, ...restProps } = props;\n\n // Get recipe configuration from context instead of props\n const {\n defaultOpen,\n isDismissable,\n isKeyboardDismissDisabled,\n shouldCloseOnInteractOutside,\n isOpen,\n onOpenChange,\n } = useDialogRootContext();\n\n const modalProps = {\n defaultOpen,\n isDismissable,\n isKeyboardDismissDisabled,\n shouldCloseOnInteractOutside,\n isOpen,\n onOpenChange,\n };\n\n const [styleProps] = extractStyleProps(restProps);\n\n return (\n <DialogModalOverlaySlot asChild>\n <RaModalOverlay {...modalProps}>\n <DialogModalSlot asChild>\n <RaModal>\n <DialogContentSlot asChild {...styleProps}>\n <RaDialog ref={forwardedRef}>{children}</RaDialog>\n </DialogContentSlot>\n </RaModal>\n </DialogModalSlot>\n </RaModalOverlay>\n </DialogModalOverlaySlot>\n );\n};\n\nDialogContent.displayName = \"Dialog.Content\";\n","import { DialogHeaderSlot } from \"../dialog.slots\";\nimport type { DialogHeaderProps } from \"../dialog.types\";\n\nexport const DialogHeader = (props: DialogHeaderProps) => {\n const { ref: forwardedRef, children, ...restProps } = props;\n\n return (\n <DialogHeaderSlot ref={forwardedRef} {...restProps}>\n {children}\n </DialogHeaderSlot>\n );\n};\n\nDialogHeader.displayName = \"Dialog.Header\";\n","import { DialogBodySlot } from \"../dialog.slots\";\nimport type { DialogBodyProps } from \"../dialog.types\";\nimport { useDialogRootContext } from \"./dialog.context\";\n\nexport const DialogBody = (props: DialogBodyProps) => {\n const { ref: forwardedRef, children, ...restProps } = props;\n const { scrollBehavior } = useDialogRootContext();\n\n const defaultProps = {\n /**\n * if scrollBehavior is set to \"inside\", set tabIndex to 0 to allow the body to\n * receive focus, effectively enabling scrolling via keyboard\n * arrow keys.\n */\n tabIndex: scrollBehavior === \"inside\" ? 0 : undefined,\n };\n\n return (\n <DialogBodySlot ref={forwardedRef} {...defaultProps} {...restProps}>\n {children}\n </DialogBodySlot>\n );\n};\n\nDialogBody.displayName = \"Dialog.Body\";\n","import { DialogFooterSlot } from \"../dialog.slots\";\nimport type { DialogFooterProps } from \"../dialog.types\";\n\nexport const DialogFooter = (props: DialogFooterProps) => {\n const { ref: forwardedRef, children, ...restProps } = props;\n\n return (\n <DialogFooterSlot ref={forwardedRef} {...restProps}>\n {children}\n </DialogFooterSlot>\n );\n};\n\nDialogFooter.displayName = \"Dialog.Footer\";\n","import { defineMessages } from \"react-intl\";\n\nexport const messages = defineMessages({\n closeTrigger: {\n id: \"Nimbus.Dialog.closeTrigger\",\n description: \"aria-label for the default close trigger button\",\n defaultMessage: \"Close dialog\",\n },\n});\n","import { Close } from \"@commercetools/nimbus-icons\";\nimport { DialogCloseTriggerSlot } from \"../dialog.slots\";\nimport type { DialogCloseTriggerProps } from \"../dialog.types\";\nimport { IconButton } from \"@/components\";\nimport { messages } from \"../dialog.i18n\";\nimport { useIntl } from \"react-intl\";\n\nexport const DialogCloseTrigger = (props: DialogCloseTriggerProps) => {\n const { ref: forwardedRef, \"aria-label\": ariaLabel, ...restProps } = props;\n const intl = useIntl();\n\n return (\n <DialogCloseTriggerSlot>\n <IconButton\n ref={forwardedRef}\n slot=\"close\"\n size=\"xs\"\n variant=\"ghost\"\n aria-label={ariaLabel || intl.formatMessage(messages.closeTrigger)}\n {...restProps}\n >\n <Close />\n </IconButton>\n </DialogCloseTriggerSlot>\n );\n};\n\nDialogCloseTrigger.displayName = \"Dialog.CloseTrigger\";\n","import { DialogTitleSlot } from \"../dialog.slots\";\nimport type { DialogTitleProps } from \"../dialog.types\";\nimport { Heading } from \"@/components\";\n\nexport const DialogTitle = (props: DialogTitleProps) => {\n const { ref: forwardedRef, children, ...restProps } = props;\n\n return (\n <DialogTitleSlot asChild {...restProps}>\n <Heading ref={forwardedRef} slot=\"title\" as=\"h2\" textStyle=\"lg\">\n {children}\n </Heading>\n </DialogTitleSlot>\n );\n};\n\nDialogTitle.displayName = \"Dialog.Title\";\n"],"names":["$5df64b3807dc15ee$var$visualViewport","$5df64b3807dc15ee$export$d699905dd57c73ca","isSSR","$fuDHA$useIsSSR","size","setSize","$fuDHA$useState","$5df64b3807dc15ee$var$getViewportSize","$fuDHA$useEffect","onResize","newSize","$8ac8429251c45e4b$export$dbc0f175b25fb0fb","props","state","ref","overlayProps","underlayProps","$a11501f3d1d39e6c$export$ea8f71083e90600f","$49c51c25361d4cd2$export$ee0f7cc6afcd1c18","$337b884510726a0d$export$14c98a7594375490","$7Dhkr$useEffect","$5e3802645cc19319$export$1c3ebcada18427bf","$7Dhkr$mergeProps","$f3f84453ead64de5$export$ab57792b9b6974a6","$daTMi$createContext","$f3f84453ead64de5$var$InternalModalContext","$f3f84453ead64de5$export$2b77a92f1a5ad772","$daTMi$forwardRef","$daTMi$useContext","invalidSet","invalidProps","key","$daTMi$react","$f3f84453ead64de5$var$ModalContent","isDismissable","isKeyboardDismissDisabled","isOpen","defaultOpen","onOpenChange","children","isEntering","isExiting","UNSTABLE_portalContainer","shouldCloseOnInteractOutside","otherProps","$f3f84453ead64de5$export$8948f78d83984c69","$f3f84453ead64de5$var$ModalOverlayWithForwardRef","$64fa3d84918910a7$export$29f1550f4b0d4415","contextState","$de32f1b87079253c$export$d2f961adcb0afbe","localState","$daTMi$useOverlayTriggerState","objectRef","$daTMi$useObjectRef","modalRef","$daTMi$useRef","isOverlayExiting","$daTMi$useExitAnimation","isModalExiting","$daTMi$useIsSSR","$f3f84453ead64de5$var$ModalOverlayInner","modalProps","$daTMi$useModalOverlay","entering","$daTMi$useEnterAnimation","renderProps","$64fa3d84918910a7$export$4d86445c2cf5e3","viewport","$daTMi$useViewportSize","style","$daTMi$Overlay","$daTMi$mergeProps","$daTMi$filterDOMProps","$64fa3d84918910a7$export$2881499e37b75b9a","mergedRefs","$daTMi$useMemo","$daTMi$mergeRefs","$daTMi$DismissButton","withProvider","withContext","createSlotRecipeContext","dialogSlotRecipe","DialogRootSlot","DialogTriggerSlot","DialogModalOverlaySlot","DialogModalSlot","DialogContentSlot","DialogHeaderSlot","DialogBodySlot","DialogFooterSlot","DialogTitleSlot","DialogCloseTriggerSlot","DialogContext","createContext","useDialogRootContext","context","useContext","DialogProvider","value","jsx","DialogRoot","recipe","useSlotRecipe","recipeProps","content","hasDialogTrigger","React","child","displayName","RaDialogTrigger","DialogTrigger","forwardedRef","asChild","chakra","styleProps","restProps","extractStyleProps","RaButton","DialogContent","RaModalOverlay","RaModal","RaDialog","DialogHeader","DialogBody","scrollBehavior","DialogFooter","messages","defineMessages","DialogCloseTrigger","ariaLabel","intl","useIntl","IconButton","Close","DialogTitle","Heading"],"mappings":"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","x_google_ignoreList":[0,1,2]}
|
|
1
|
+
{"version":3,"file":"dialog.title-CfwJLUeB.es.js","sources":["../../../../node_modules/.pnpm/@react-aria+utils@3.30.1_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@react-aria/utils/dist/useViewportSize.mjs","../../../../node_modules/.pnpm/@react-aria+overlays@3.29.1_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@react-aria/overlays/dist/useModalOverlay.mjs","../../../../node_modules/.pnpm/react-aria-components@1.12.2_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/react-aria-components/dist/Modal.mjs","../../src/components/dialog/dialog.slots.tsx","../../src/components/dialog/components/dialog.context.tsx","../../src/components/dialog/components/dialog.root.tsx","../../src/components/dialog/components/dialog.trigger.tsx","../../src/components/dialog/components/dialog.content.tsx","../../src/components/dialog/components/dialog.header.tsx","../../src/components/dialog/components/dialog.body.tsx","../../src/components/dialog/components/dialog.footer.tsx","../../src/components/dialog/dialog.i18n.ts","../../src/components/dialog/components/dialog.close-trigger.tsx","../../src/components/dialog/components/dialog.title.tsx"],"sourcesContent":["import {useState as $fuDHA$useState, useEffect as $fuDHA$useEffect} from \"react\";\nimport {useIsSSR as $fuDHA$useIsSSR} from \"@react-aria/ssr\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\nlet $5df64b3807dc15ee$var$visualViewport = typeof document !== 'undefined' && window.visualViewport;\nfunction $5df64b3807dc15ee$export$d699905dd57c73ca() {\n let isSSR = (0, $fuDHA$useIsSSR)();\n let [size, setSize] = (0, $fuDHA$useState)(()=>isSSR ? {\n width: 0,\n height: 0\n } : $5df64b3807dc15ee$var$getViewportSize());\n (0, $fuDHA$useEffect)(()=>{\n // Use visualViewport api to track available height even on iOS virtual keyboard opening\n let onResize = ()=>{\n setSize((size)=>{\n let newSize = $5df64b3807dc15ee$var$getViewportSize();\n if (newSize.width === size.width && newSize.height === size.height) return size;\n return newSize;\n });\n };\n if (!$5df64b3807dc15ee$var$visualViewport) window.addEventListener('resize', onResize);\n else $5df64b3807dc15ee$var$visualViewport.addEventListener('resize', onResize);\n return ()=>{\n if (!$5df64b3807dc15ee$var$visualViewport) window.removeEventListener('resize', onResize);\n else $5df64b3807dc15ee$var$visualViewport.removeEventListener('resize', onResize);\n };\n }, []);\n return size;\n}\nfunction $5df64b3807dc15ee$var$getViewportSize() {\n return {\n width: $5df64b3807dc15ee$var$visualViewport && ($5df64b3807dc15ee$var$visualViewport === null || $5df64b3807dc15ee$var$visualViewport === void 0 ? void 0 : $5df64b3807dc15ee$var$visualViewport.width) || window.innerWidth,\n height: $5df64b3807dc15ee$var$visualViewport && ($5df64b3807dc15ee$var$visualViewport === null || $5df64b3807dc15ee$var$visualViewport === void 0 ? void 0 : $5df64b3807dc15ee$var$visualViewport.height) || window.innerHeight\n };\n}\n\n\nexport {$5df64b3807dc15ee$export$d699905dd57c73ca as useViewportSize};\n//# sourceMappingURL=useViewportSize.module.js.map\n","import {ariaHideOutside as $5e3802645cc19319$export$1c3ebcada18427bf} from \"./ariaHideOutside.mjs\";\nimport {useOverlay as $a11501f3d1d39e6c$export$ea8f71083e90600f} from \"./useOverlay.mjs\";\nimport {useOverlayFocusContain as $337b884510726a0d$export$14c98a7594375490} from \"./Overlay.mjs\";\nimport {usePreventScroll as $49c51c25361d4cd2$export$ee0f7cc6afcd1c18} from \"./usePreventScroll.mjs\";\nimport {mergeProps as $7Dhkr$mergeProps} from \"@react-aria/utils\";\nimport {useEffect as $7Dhkr$useEffect} from \"react\";\n\n/*\n * Copyright 2022 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\n\n\n\nfunction $8ac8429251c45e4b$export$dbc0f175b25fb0fb(props, state, ref) {\n let { overlayProps: overlayProps, underlayProps: underlayProps } = (0, $a11501f3d1d39e6c$export$ea8f71083e90600f)({\n ...props,\n isOpen: state.isOpen,\n onClose: state.close\n }, ref);\n (0, $49c51c25361d4cd2$export$ee0f7cc6afcd1c18)({\n isDisabled: !state.isOpen\n });\n (0, $337b884510726a0d$export$14c98a7594375490)();\n (0, $7Dhkr$useEffect)(()=>{\n if (state.isOpen && ref.current) return (0, $5e3802645cc19319$export$1c3ebcada18427bf)([\n ref.current\n ], {\n shouldUseInert: true\n });\n }, [\n state.isOpen,\n ref\n ]);\n return {\n modalProps: (0, $7Dhkr$mergeProps)(overlayProps),\n underlayProps: underlayProps\n };\n}\n\n\nexport {$8ac8429251c45e4b$export$dbc0f175b25fb0fb as useModalOverlay};\n//# sourceMappingURL=useModalOverlay.module.js.map\n","import {Provider as $64fa3d84918910a7$export$2881499e37b75b9a, useContextProps as $64fa3d84918910a7$export$29f1550f4b0d4415, useRenderProps as $64fa3d84918910a7$export$4d86445c2cf5e3} from \"./utils.mjs\";\nimport {OverlayTriggerStateContext as $de32f1b87079253c$export$d2f961adcb0afbe} from \"./Dialog.mjs\";\nimport {useIsSSR as $daTMi$useIsSSR, useModalOverlay as $daTMi$useModalOverlay, Overlay as $daTMi$Overlay, DismissButton as $daTMi$DismissButton} from \"react-aria\";\nimport {useObjectRef as $daTMi$useObjectRef, useExitAnimation as $daTMi$useExitAnimation, useEnterAnimation as $daTMi$useEnterAnimation, useViewportSize as $daTMi$useViewportSize, mergeProps as $daTMi$mergeProps, filterDOMProps as $daTMi$filterDOMProps, mergeRefs as $daTMi$mergeRefs} from \"@react-aria/utils\";\nimport {useOverlayTriggerState as $daTMi$useOverlayTriggerState} from \"react-stately\";\nimport $daTMi$react, {createContext as $daTMi$createContext, forwardRef as $daTMi$forwardRef, useContext as $daTMi$useContext, useRef as $daTMi$useRef, useMemo as $daTMi$useMemo} from \"react\";\n\n/*\n * Copyright 2022 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\n\n\n\nconst $f3f84453ead64de5$export$ab57792b9b6974a6 = /*#__PURE__*/ (0, $daTMi$createContext)(null);\nconst $f3f84453ead64de5$var$InternalModalContext = /*#__PURE__*/ (0, $daTMi$createContext)(null);\nconst $f3f84453ead64de5$export$2b77a92f1a5ad772 = /*#__PURE__*/ (0, $daTMi$forwardRef)(function Modal(props, ref) {\n let ctx = (0, $daTMi$useContext)($f3f84453ead64de5$var$InternalModalContext);\n if (ctx) {\n if (process.env.NODE_ENV !== 'production' && (props.onOpenChange || props.defaultOpen !== undefined || props.isOpen !== undefined)) {\n // create a list of props that are passed in but not allowed when using an external ModalOverlay\n const invalidSet = new Set([\n 'isDismissable',\n 'isKeyboardDismissDisabled',\n 'isOpen',\n 'defaultOpen',\n 'onOpenChange',\n 'isEntering',\n 'isExiting',\n 'UNSTABLE_portalContainer',\n 'shouldCloseOnInteractOutside'\n ]);\n const invalidProps = Object.keys(props).filter((key)=>invalidSet.has(key));\n console.warn(`This modal is already wrapped in a ModalOverlay, props [${invalidProps.join(', ')}] should be placed on the ModalOverlay instead.`);\n }\n return /*#__PURE__*/ (0, $daTMi$react).createElement($f3f84453ead64de5$var$ModalContent, {\n ...props,\n modalRef: ref\n }, props.children);\n }\n let { isDismissable: isDismissable, isKeyboardDismissDisabled: isKeyboardDismissDisabled, isOpen: isOpen, defaultOpen: defaultOpen, onOpenChange: onOpenChange, children: children, isEntering: isEntering, isExiting: isExiting, UNSTABLE_portalContainer: UNSTABLE_portalContainer, shouldCloseOnInteractOutside: shouldCloseOnInteractOutside, ...otherProps } = props;\n return /*#__PURE__*/ (0, $daTMi$react).createElement($f3f84453ead64de5$export$8948f78d83984c69, {\n isDismissable: isDismissable,\n isKeyboardDismissDisabled: isKeyboardDismissDisabled,\n isOpen: isOpen,\n defaultOpen: defaultOpen,\n onOpenChange: onOpenChange,\n isEntering: isEntering,\n isExiting: isExiting,\n UNSTABLE_portalContainer: UNSTABLE_portalContainer,\n shouldCloseOnInteractOutside: shouldCloseOnInteractOutside\n }, /*#__PURE__*/ (0, $daTMi$react).createElement($f3f84453ead64de5$var$ModalContent, {\n ...otherProps,\n modalRef: ref\n }, children));\n});\nfunction $f3f84453ead64de5$var$ModalOverlayWithForwardRef(props, ref) {\n [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $f3f84453ead64de5$export$ab57792b9b6974a6);\n let contextState = (0, $daTMi$useContext)((0, $de32f1b87079253c$export$d2f961adcb0afbe));\n let localState = (0, $daTMi$useOverlayTriggerState)(props);\n let state = props.isOpen != null || props.defaultOpen != null || !contextState ? localState : contextState;\n if (state === contextState) {\n if (process.env.NODE_ENV !== 'production' && (props.onOpenChange || props.defaultOpen !== undefined || props.isOpen !== undefined)) console.warn('This modals state is controlled by a trigger, place onOpenChange on the trigger instead.');\n }\n let objectRef = (0, $daTMi$useObjectRef)(ref);\n let modalRef = (0, $daTMi$useRef)(null);\n let isOverlayExiting = (0, $daTMi$useExitAnimation)(objectRef, state.isOpen);\n let isModalExiting = (0, $daTMi$useExitAnimation)(modalRef, state.isOpen);\n let isExiting = isOverlayExiting || isModalExiting || props.isExiting || false;\n let isSSR = (0, $daTMi$useIsSSR)();\n if (!state.isOpen && !isExiting || isSSR) return null;\n return /*#__PURE__*/ (0, $daTMi$react).createElement($f3f84453ead64de5$var$ModalOverlayInner, {\n ...props,\n state: state,\n isExiting: isExiting,\n overlayRef: objectRef,\n modalRef: modalRef\n });\n}\nconst $f3f84453ead64de5$export$8948f78d83984c69 = /*#__PURE__*/ (0, $daTMi$forwardRef)($f3f84453ead64de5$var$ModalOverlayWithForwardRef);\nfunction $f3f84453ead64de5$var$ModalOverlayInner({ UNSTABLE_portalContainer: UNSTABLE_portalContainer, ...props }) {\n let modalRef = props.modalRef;\n let { state: state } = props;\n let { modalProps: modalProps, underlayProps: underlayProps } = (0, $daTMi$useModalOverlay)(props, state, modalRef);\n let entering = (0, $daTMi$useEnterAnimation)(props.overlayRef) || props.isEntering || false;\n let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({\n ...props,\n defaultClassName: 'react-aria-ModalOverlay',\n values: {\n isEntering: entering,\n isExiting: props.isExiting,\n state: state\n }\n });\n let viewport = (0, $daTMi$useViewportSize)();\n let style = {\n ...renderProps.style,\n '--visual-viewport-height': viewport.height + 'px'\n };\n return /*#__PURE__*/ (0, $daTMi$react).createElement((0, $daTMi$Overlay), {\n isExiting: props.isExiting,\n portalContainer: UNSTABLE_portalContainer\n }, /*#__PURE__*/ (0, $daTMi$react).createElement(\"div\", {\n ...(0, $daTMi$mergeProps)((0, $daTMi$filterDOMProps)(props, {\n global: true\n }), underlayProps),\n ...renderProps,\n style: style,\n ref: props.overlayRef,\n \"data-entering\": entering || undefined,\n \"data-exiting\": props.isExiting || undefined\n }, /*#__PURE__*/ (0, $daTMi$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {\n values: [\n [\n $f3f84453ead64de5$var$InternalModalContext,\n {\n modalProps: modalProps,\n modalRef: modalRef,\n isExiting: props.isExiting,\n isDismissable: props.isDismissable\n }\n ],\n [\n (0, $de32f1b87079253c$export$d2f961adcb0afbe),\n state\n ]\n ]\n }, renderProps.children)));\n}\nfunction $f3f84453ead64de5$var$ModalContent(props) {\n let { modalProps: modalProps, modalRef: modalRef, isExiting: isExiting, isDismissable: isDismissable } = (0, $daTMi$useContext)($f3f84453ead64de5$var$InternalModalContext);\n let state = (0, $daTMi$useContext)((0, $de32f1b87079253c$export$d2f961adcb0afbe));\n let mergedRefs = (0, $daTMi$useMemo)(()=>(0, $daTMi$mergeRefs)(props.modalRef, modalRef), [\n props.modalRef,\n modalRef\n ]);\n let ref = (0, $daTMi$useObjectRef)(mergedRefs);\n let entering = (0, $daTMi$useEnterAnimation)(ref);\n let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({\n ...props,\n defaultClassName: 'react-aria-Modal',\n values: {\n isEntering: entering,\n isExiting: isExiting,\n state: state\n }\n });\n return /*#__PURE__*/ (0, $daTMi$react).createElement(\"div\", {\n ...(0, $daTMi$mergeProps)((0, $daTMi$filterDOMProps)(props, {\n global: true\n }), modalProps),\n ...renderProps,\n ref: ref,\n \"data-entering\": entering || undefined,\n \"data-exiting\": isExiting || undefined\n }, isDismissable && /*#__PURE__*/ (0, $daTMi$react).createElement((0, $daTMi$DismissButton), {\n onDismiss: state.close\n }), renderProps.children);\n}\n\n\nexport {$f3f84453ead64de5$export$ab57792b9b6974a6 as ModalContext, $f3f84453ead64de5$export$2b77a92f1a5ad772 as Modal, $f3f84453ead64de5$export$8948f78d83984c69 as ModalOverlay};\n//# sourceMappingURL=Modal.module.js.map\n","import {\n createSlotRecipeContext,\n type HTMLChakraProps,\n} from \"@chakra-ui/react/styled-system\";\nimport { dialogSlotRecipe } from \"./dialog.recipe\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n recipe: dialogSlotRecipe,\n});\n\n// Root slot - provides recipe context + config to all child components\nexport type DialogRootSlotProps = HTMLChakraProps<\"div\">;\nexport const DialogRootSlot = withProvider<HTMLDivElement, DialogRootSlotProps>(\n \"div\",\n \"root\"\n);\n\n// Trigger slot - button that opens the dialog\nexport type DialogTriggerSlotProps = HTMLChakraProps<\"button\">;\nexport const DialogTriggerSlot = withContext<\n HTMLButtonElement,\n DialogTriggerSlotProps\n>(\"button\", \"trigger\");\n\n// Backdrop slot - overlay displayed behind the dialog\nexport type DialogModalOverlaySlotProps = HTMLChakraProps<\"div\">;\nexport const DialogModalOverlaySlot = withContext<\n HTMLDivElement,\n DialogModalOverlaySlotProps\n>(\"div\", \"modalOverlay\");\n\n// modal slot - positions the dialog content\nexport type DialogModalSlotProps = HTMLChakraProps<\"div\">;\nexport const DialogModalSlot = withContext<\n HTMLDivElement,\n DialogModalSlotProps\n>(\"div\", \"modal\");\n\n// Content slot - main dialog container\nexport type DialogContentSlotProps = HTMLChakraProps<\"div\">;\nexport const DialogContentSlot = withContext<\n HTMLDivElement,\n DialogContentSlotProps\n>(\"div\", \"content\");\n\n// Header slot - dialog header section\nexport type DialogHeaderSlotProps = HTMLChakraProps<\"header\">;\nexport const DialogHeaderSlot = withContext<HTMLElement, DialogHeaderSlotProps>(\n \"header\",\n \"header\"\n);\n\n// Body slot - dialog body content\nexport type DialogBodySlotProps = HTMLChakraProps<\"div\">;\nexport const DialogBodySlot = withContext<HTMLDivElement, DialogBodySlotProps>(\n \"div\",\n \"body\"\n);\n\n// Footer slot - dialog footer section with actions\nexport type DialogFooterSlotProps = HTMLChakraProps<\"footer\">;\nexport const DialogFooterSlot = withContext<HTMLElement, DialogFooterSlotProps>(\n \"footer\",\n \"footer\"\n);\n\n// Title slot - accessible dialog title\nexport type DialogTitleSlotProps = HTMLChakraProps<\"h2\">;\nexport const DialogTitleSlot = withContext<\n HTMLHeadingElement,\n DialogTitleSlotProps\n>(\"h2\", \"title\");\n\n// Close trigger slot - div container for positioning close button\nexport type DialogCloseTriggerSlotProps = HTMLChakraProps<\"div\">;\nexport const DialogCloseTriggerSlot = withContext<\n HTMLDivElement,\n DialogCloseTriggerSlotProps\n>(\"div\", \"closeTrigger\");\n","import { createContext, useContext } from \"react\";\nimport type { DialogRootProps } from \"../dialog.types\";\n\n/**\n * Context value containing dialog configuration passed from Root to child components\n */\nexport type DialogContextValue = DialogRootProps;\n\nexport const DialogContext = createContext<DialogContextValue | undefined>(\n undefined\n);\n\n/**\n * Hook to access dialog configuration from DialogContext\n * @returns Dialog configuration from context\n * @throws Error if used outside of Dialog.Root\n */\nexport const useDialogRootContext = (): DialogContextValue => {\n const context = useContext(DialogContext);\n if (!context) {\n throw new Error(\"useDialogContext must be used within Dialog.Root\");\n }\n return context;\n};\n\n/**\n * Provider component that passes dialog configuration down to child components\n */\nexport const DialogProvider = ({\n children,\n value,\n}: {\n children: React.ReactNode;\n value: DialogContextValue;\n}) => {\n return <DialogContext value={value}>{children}</DialogContext>;\n};\n","import React from \"react\";\nimport { DialogTrigger as RaDialogTrigger } from \"react-aria-components\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { DialogRootSlot } from \"../dialog.slots\";\nimport type { DialogRootProps } from \"../dialog.types\";\nimport { DialogProvider } from \"./dialog.context\";\n\nexport const DialogRoot = function DialogRoot(props: DialogRootProps) {\n const recipe = useSlotRecipe({ key: \"dialog\" });\n // Extract recipe props\n const [recipeProps] = recipe.splitVariantProps(props);\n // Extract props that are usable on RaDialogTrigger\n const { children, isOpen, onOpenChange, defaultOpen = false } = props;\n\n const content = <DialogRootSlot {...recipeProps}>{children}</DialogRootSlot>;\n\n // Check if any direct child is a Dialog.Trigger component\n // React Aria's DialogTrigger needs a pressable child, so we only use it when there's a trigger\n const hasDialogTrigger = React.Children.toArray(children).some((child) => {\n if (React.isValidElement(child) && typeof child.type === \"function\") {\n const displayName = (\n child.type as React.ComponentType & { displayName?: string }\n )?.displayName;\n return (\n displayName === \"DialogTrigger\" || displayName === \"Dialog.Trigger\"\n );\n }\n return false;\n });\n\n // Share all props (config + variant props) with the Dialog subcomponents\n return (\n <DialogProvider value={props}>\n {hasDialogTrigger ? (\n // When there's a Dialog.Trigger, use DialogTrigger for React Aria integration\n <RaDialogTrigger\n isOpen={isOpen}\n onOpenChange={onOpenChange}\n defaultOpen={defaultOpen}\n >\n {content}\n </RaDialogTrigger>\n ) : (\n // When no Dialog.Trigger, skip using RaDialogTrigger to avoid console.warning's\n content\n )}\n </DialogProvider>\n );\n};\n\nDialogRoot.displayName = \"Dialog.Root\";\n","import { Button as RaButton } from \"react-aria-components\";\nimport { DialogTriggerSlot } from \"../dialog.slots\";\nimport type { DialogTriggerProps } from \"../dialog.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport { chakra } from \"@chakra-ui/react/styled-system\";\n\nexport const DialogTrigger = ({\n ref: forwardedRef,\n children,\n asChild,\n ...props\n}: DialogTriggerProps) => {\n // If asChild is true, wrap children directly in RaButton with asChild\n if (asChild) {\n return (\n <chakra.button ref={forwardedRef} asChild {...props}>\n {children}\n </chakra.button>\n );\n }\n\n const [styleProps, restProps] = extractStyleProps(props);\n\n // Otherwise, wrap with both DialogTriggerSlot and RaButton\n // Only pass React Aria compatible props to avoid type conflicts\n return (\n <DialogTriggerSlot {...styleProps} asChild>\n <RaButton ref={forwardedRef} {...restProps}>\n {children}\n </RaButton>\n </DialogTriggerSlot>\n );\n};\n\nDialogTrigger.displayName = \"Dialog.Trigger\";\n","import {\n Modal as RaModal,\n ModalOverlay as RaModalOverlay,\n Dialog as RaDialog,\n} from \"react-aria-components\";\nimport {\n DialogModalOverlaySlot,\n DialogModalSlot,\n DialogContentSlot,\n} from \"../dialog.slots\";\nimport type { DialogContentProps } from \"../dialog.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport { useDialogRootContext } from \"./dialog.context\";\n\nexport const DialogContent = (props: DialogContentProps) => {\n const { ref: forwardedRef, children, ...restProps } = props;\n\n // Get recipe configuration from context instead of props\n const {\n defaultOpen,\n isDismissable,\n isKeyboardDismissDisabled,\n shouldCloseOnInteractOutside,\n isOpen,\n onOpenChange,\n } = useDialogRootContext();\n\n const modalProps = {\n defaultOpen,\n isDismissable,\n isKeyboardDismissDisabled,\n shouldCloseOnInteractOutside,\n isOpen,\n onOpenChange,\n };\n\n const [styleProps] = extractStyleProps(restProps);\n\n return (\n <DialogModalOverlaySlot asChild>\n <RaModalOverlay {...modalProps}>\n <DialogModalSlot asChild>\n <RaModal>\n <DialogContentSlot asChild {...styleProps}>\n <RaDialog ref={forwardedRef}>{children}</RaDialog>\n </DialogContentSlot>\n </RaModal>\n </DialogModalSlot>\n </RaModalOverlay>\n </DialogModalOverlaySlot>\n );\n};\n\nDialogContent.displayName = \"Dialog.Content\";\n","import { DialogHeaderSlot } from \"../dialog.slots\";\nimport type { DialogHeaderProps } from \"../dialog.types\";\n\nexport const DialogHeader = (props: DialogHeaderProps) => {\n const { ref: forwardedRef, children, ...restProps } = props;\n\n return (\n <DialogHeaderSlot ref={forwardedRef} {...restProps}>\n {children}\n </DialogHeaderSlot>\n );\n};\n\nDialogHeader.displayName = \"Dialog.Header\";\n","import { DialogBodySlot } from \"../dialog.slots\";\nimport type { DialogBodyProps } from \"../dialog.types\";\nimport { useDialogRootContext } from \"./dialog.context\";\n\nexport const DialogBody = (props: DialogBodyProps) => {\n const { ref: forwardedRef, children, ...restProps } = props;\n const { scrollBehavior } = useDialogRootContext();\n\n const defaultProps = {\n /**\n * if scrollBehavior is set to \"inside\", set tabIndex to 0 to allow the body to\n * receive focus, effectively enabling scrolling via keyboard\n * arrow keys.\n */\n tabIndex: scrollBehavior === \"inside\" ? 0 : undefined,\n };\n\n return (\n <DialogBodySlot ref={forwardedRef} {...defaultProps} {...restProps}>\n {children}\n </DialogBodySlot>\n );\n};\n\nDialogBody.displayName = \"Dialog.Body\";\n","import { DialogFooterSlot } from \"../dialog.slots\";\nimport type { DialogFooterProps } from \"../dialog.types\";\n\nexport const DialogFooter = (props: DialogFooterProps) => {\n const { ref: forwardedRef, children, ...restProps } = props;\n\n return (\n <DialogFooterSlot ref={forwardedRef} {...restProps}>\n {children}\n </DialogFooterSlot>\n );\n};\n\nDialogFooter.displayName = \"Dialog.Footer\";\n","import { defineMessages } from \"react-intl\";\n\nexport const messages = defineMessages({\n closeTrigger: {\n id: \"Nimbus.Dialog.closeTrigger\",\n description: \"aria-label for the default close trigger button\",\n defaultMessage: \"Close dialog\",\n },\n});\n","import { Close } from \"@commercetools/nimbus-icons\";\nimport { DialogCloseTriggerSlot } from \"../dialog.slots\";\nimport type { DialogCloseTriggerProps } from \"../dialog.types\";\nimport { IconButton } from \"@/components\";\nimport { messages } from \"../dialog.i18n\";\nimport { useIntl } from \"react-intl\";\n\nexport const DialogCloseTrigger = (props: DialogCloseTriggerProps) => {\n const { ref: forwardedRef, \"aria-label\": ariaLabel, ...restProps } = props;\n const intl = useIntl();\n\n return (\n <DialogCloseTriggerSlot>\n <IconButton\n ref={forwardedRef}\n slot=\"close\"\n size=\"xs\"\n variant=\"ghost\"\n aria-label={ariaLabel || intl.formatMessage(messages.closeTrigger)}\n {...restProps}\n >\n <Close />\n </IconButton>\n </DialogCloseTriggerSlot>\n );\n};\n\nDialogCloseTrigger.displayName = \"Dialog.CloseTrigger\";\n","import { DialogTitleSlot } from \"../dialog.slots\";\nimport type { DialogTitleProps } from \"../dialog.types\";\nimport { Heading } from \"@/components\";\n\nexport const DialogTitle = (props: DialogTitleProps) => {\n const { ref: forwardedRef, children, ...restProps } = props;\n\n return (\n <DialogTitleSlot asChild {...restProps}>\n <Heading ref={forwardedRef} slot=\"title\" as=\"h2\" textStyle=\"lg\">\n {children}\n </Heading>\n </DialogTitleSlot>\n );\n};\n\nDialogTitle.displayName = \"Dialog.Title\";\n"],"names":["$5df64b3807dc15ee$var$visualViewport","$5df64b3807dc15ee$export$d699905dd57c73ca","isSSR","$fuDHA$useIsSSR","size","setSize","$fuDHA$useState","$5df64b3807dc15ee$var$getViewportSize","$fuDHA$useEffect","onResize","newSize","$8ac8429251c45e4b$export$dbc0f175b25fb0fb","props","state","ref","overlayProps","underlayProps","$a11501f3d1d39e6c$export$ea8f71083e90600f","$49c51c25361d4cd2$export$ee0f7cc6afcd1c18","$337b884510726a0d$export$14c98a7594375490","$7Dhkr$useEffect","$5e3802645cc19319$export$1c3ebcada18427bf","$7Dhkr$mergeProps","$f3f84453ead64de5$export$ab57792b9b6974a6","$daTMi$createContext","$f3f84453ead64de5$var$InternalModalContext","$f3f84453ead64de5$export$2b77a92f1a5ad772","$daTMi$forwardRef","$daTMi$useContext","invalidSet","invalidProps","key","$daTMi$react","$f3f84453ead64de5$var$ModalContent","isDismissable","isKeyboardDismissDisabled","isOpen","defaultOpen","onOpenChange","children","isEntering","isExiting","UNSTABLE_portalContainer","shouldCloseOnInteractOutside","otherProps","$f3f84453ead64de5$export$8948f78d83984c69","$f3f84453ead64de5$var$ModalOverlayWithForwardRef","$64fa3d84918910a7$export$29f1550f4b0d4415","contextState","$de32f1b87079253c$export$d2f961adcb0afbe","localState","$daTMi$useOverlayTriggerState","objectRef","$daTMi$useObjectRef","modalRef","$daTMi$useRef","isOverlayExiting","$daTMi$useExitAnimation","isModalExiting","$daTMi$useIsSSR","$f3f84453ead64de5$var$ModalOverlayInner","modalProps","$daTMi$useModalOverlay","entering","$daTMi$useEnterAnimation","renderProps","$64fa3d84918910a7$export$4d86445c2cf5e3","viewport","$daTMi$useViewportSize","style","$daTMi$Overlay","$daTMi$mergeProps","$daTMi$filterDOMProps","$64fa3d84918910a7$export$2881499e37b75b9a","mergedRefs","$daTMi$useMemo","$daTMi$mergeRefs","$daTMi$DismissButton","withProvider","withContext","createSlotRecipeContext","dialogSlotRecipe","DialogRootSlot","DialogTriggerSlot","DialogModalOverlaySlot","DialogModalSlot","DialogContentSlot","DialogHeaderSlot","DialogBodySlot","DialogFooterSlot","DialogTitleSlot","DialogCloseTriggerSlot","DialogContext","createContext","useDialogRootContext","context","useContext","DialogProvider","value","jsx","DialogRoot","recipe","useSlotRecipe","recipeProps","content","hasDialogTrigger","React","child","displayName","RaDialogTrigger","DialogTrigger","forwardedRef","asChild","chakra","styleProps","restProps","extractStyleProps","RaButton","DialogContent","RaModalOverlay","RaModal","RaDialog","DialogHeader","DialogBody","scrollBehavior","DialogFooter","messages","defineMessages","DialogCloseTrigger","ariaLabel","intl","useIntl","IconButton","Close","DialogTitle","Heading"],"mappings":"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","x_google_ignoreList":[0,1,2]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const s=require("react/jsx-runtime"),r=require("react"),g=require("./Dialog-BhqTE75I.cjs.js"),m=require("@chakra-ui/react/styled-system"),k=require("./Button-BBCRIYjC.cjs.js"),C=require("./extractStyleProps-
|
|
2
|
-
//# sourceMappingURL=dialog.title-
|
|
1
|
+
"use strict";const s=require("react/jsx-runtime"),r=require("react"),g=require("./Dialog-BhqTE75I.cjs.js"),m=require("@chakra-ui/react/styled-system"),k=require("./Button-BBCRIYjC.cjs.js"),C=require("./extractStyleProps-Q5HTdHwJ.cjs.js"),p=require("./utils-BHdR5Nww.cjs.js"),D=require("./mergeProps-BA5Cwf5w.cjs.js"),E=require("./filterDOMProps-WUskt27c.cjs.js"),R=require("./useObjectRef-dXOJdONs.cjs.js"),w=require("./SSRProvider-Bc-sMhsT.cjs.js"),h=require("./OverlayArrow-CYjyBtg8.cjs.js"),W=require("@commercetools/nimbus-icons"),P=require("react-intl"),G=require("./icon-button-BeIGRIFN.cjs.js"),J=require("./index-SuWPp512.cjs.js"),Q=require("./heading-DmM-w8Sb.cjs.js");let u=typeof document<"u"&&window.visualViewport;function X(){let t=w.$b5e257d569688ac6$export$535bd6ca7f90a273(),[e,i]=r.useState(()=>t?{width:0,height:0}:O());return r.useEffect(()=>{let o=()=>{i(n=>{let a=O();return a.width===n.width&&a.height===n.height?n:a})};return u?u.addEventListener("resize",o):window.addEventListener("resize",o),()=>{u?u.removeEventListener("resize",o):window.removeEventListener("resize",o)}},[]),e}function O(){return{width:u&&u?.width||window.innerWidth,height:u&&u?.height||window.innerHeight}}function Y(t,e,i){let{overlayProps:o,underlayProps:n}=g.$a11501f3d1d39e6c$export$ea8f71083e90600f({...t,isOpen:e.isOpen,onClose:e.close},i);return g.$49c51c25361d4cd2$export$ee0f7cc6afcd1c18({isDisabled:!e.isOpen}),g.$337b884510726a0d$export$14c98a7594375490(),r.useEffect(()=>{if(e.isOpen&&i.current)return g.$5e3802645cc19319$export$1c3ebcada18427bf([i.current],{shouldUseInert:!0})},[e.isOpen,i]),{modalProps:D.$3ef42575df84b30b$export$9d1611c77c2fe928(o),underlayProps:n}}const Z=r.createContext(null),y=r.createContext(null),ee=r.forwardRef(function(e,i){if(r.useContext(y)){if(process.env.NODE_ENV!=="production"&&(e.onOpenChange||e.defaultOpen!==void 0||e.isOpen!==void 0)){const U=new Set(["isDismissable","isKeyboardDismissDisabled","isOpen","defaultOpen","onOpenChange","isEntering","isExiting","UNSTABLE_portalContainer","shouldCloseOnInteractOutside"]),F=Object.keys(e).filter(K=>U.has(K));console.warn(`This modal is already wrapped in a ModalOverlay, props [${F.join(", ")}] should be placed on the ModalOverlay instead.`)}return r.createElement(v,{...e,modalRef:i},e.children)}let{isDismissable:n,isKeyboardDismissDisabled:a,isOpen:d,defaultOpen:l,onOpenChange:c,children:f,isEntering:$,isExiting:b,UNSTABLE_portalContainer:V,shouldCloseOnInteractOutside:_,...H}=e;return r.createElement(S,{isDismissable:n,isKeyboardDismissDisabled:a,isOpen:d,defaultOpen:l,onOpenChange:c,isEntering:$,isExiting:b,UNSTABLE_portalContainer:V,shouldCloseOnInteractOutside:_},r.createElement(v,{...H,modalRef:i},f))});function te(t,e){[t,e]=p.$64fa3d84918910a7$export$29f1550f4b0d4415(t,e,Z);let i=r.useContext(g.$de32f1b87079253c$export$d2f961adcb0afbe),o=h.$fc909762b330b746$export$61c6a8c84e605fb6(t),n=t.isOpen!=null||t.defaultOpen!=null||!i?o:i;n===i&&process.env.NODE_ENV!=="production"&&(t.onOpenChange||t.defaultOpen!==void 0||t.isOpen!==void 0)&&console.warn("This modals state is controlled by a trigger, place onOpenChange on the trigger instead.");let a=R.$df56164dff5785e2$export$4338b53315abf666(e),d=r.useRef(null),l=h.$d3f049242431219c$export$45fda7c47f93fd48(a,n.isOpen),c=h.$d3f049242431219c$export$45fda7c47f93fd48(d,n.isOpen),f=l||c||t.isExiting||!1,$=w.$b5e257d569688ac6$export$535bd6ca7f90a273();return!n.isOpen&&!f||$?null:r.createElement(ie,{...t,state:n,isExiting:f,overlayRef:a,modalRef:d})}const S=r.forwardRef(te);function ie({UNSTABLE_portalContainer:t,...e}){let i=e.modalRef,{state:o}=e,{modalProps:n,underlayProps:a}=Y(e,o,i),d=h.$d3f049242431219c$export$6d3443f2c48bfc20(e.overlayRef)||e.isEntering||!1,l=p.$64fa3d84918910a7$export$4d86445c2cf5e3({...e,defaultClassName:"react-aria-ModalOverlay",values:{isEntering:d,isExiting:e.isExiting,state:o}}),c=X(),f={...l.style,"--visual-viewport-height":c.height+"px"};return r.createElement(g.$337b884510726a0d$export$c6fdb837b070b4ff,{isExiting:e.isExiting,portalContainer:t},r.createElement("div",{...D.$3ef42575df84b30b$export$9d1611c77c2fe928(E.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e,{global:!0}),a),...l,style:f,ref:e.overlayRef,"data-entering":d||void 0,"data-exiting":e.isExiting||void 0},r.createElement(p.$64fa3d84918910a7$export$2881499e37b75b9a,{values:[[y,{modalProps:n,modalRef:i,isExiting:e.isExiting,isDismissable:e.isDismissable}],[g.$de32f1b87079253c$export$d2f961adcb0afbe,o]]},l.children)))}function v(t){let{modalProps:e,modalRef:i,isExiting:o,isDismissable:n}=r.useContext(y),a=r.useContext(g.$de32f1b87079253c$export$d2f961adcb0afbe),d=r.useMemo(()=>p.$5dc95899b306f630$export$c9058316764c140e(t.modalRef,i),[t.modalRef,i]),l=R.$df56164dff5785e2$export$4338b53315abf666(d),c=h.$d3f049242431219c$export$6d3443f2c48bfc20(l),f=p.$64fa3d84918910a7$export$4d86445c2cf5e3({...t,defaultClassName:"react-aria-Modal",values:{isEntering:c,isExiting:o,state:a}});return r.createElement("div",{...D.$3ef42575df84b30b$export$9d1611c77c2fe928(E.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(t,{global:!0}),e),...f,ref:l,"data-entering":c||void 0,"data-exiting":o||void 0},n&&r.createElement(g.$86ea4cb521eb2e37$export$2317d149ed6f78c4,{onDismiss:a.close}),f.children)}const{withProvider:oe,withContext:x}=m.createSlotRecipeContext({recipe:J.dialogSlotRecipe}),ne=oe("div","root"),re=x("button","trigger"),ae=x("div","modalOverlay"),se=x("div","modal"),le=x("div","content"),de=x("header","header"),ce=x("div","body"),fe=x("footer","footer"),ue=x("h2","title"),ge=x("div","closeTrigger"),j=r.createContext(void 0),T=()=>{const t=r.useContext(j);if(!t)throw new Error("useDialogContext must be used within Dialog.Root");return t},$e=({children:t,value:e})=>s.jsx(j,{value:e,children:t}),N=function(e){const i=m.useSlotRecipe({key:"dialog"}),[o]=i.splitVariantProps(e),{children:n,isOpen:a,onOpenChange:d,defaultOpen:l=!1}=e,c=s.jsx(ne,{...o,children:n}),f=r.Children.toArray(n).some($=>{if(r.isValidElement($)&&typeof $.type=="function"){const b=$.type?.displayName;return b==="DialogTrigger"||b==="Dialog.Trigger"}return!1});return s.jsx($e,{value:e,children:f?s.jsx(g.$de32f1b87079253c$export$2e1e1122cf0cba88,{isOpen:a,onOpenChange:d,defaultOpen:l,children:c}):c})};N.displayName="Dialog.Root";const q=({ref:t,children:e,asChild:i,...o})=>{if(i)return s.jsx(m.chakra.button,{ref:t,asChild:!0,...o,children:e});const[n,a]=C.extractStyleProps(o);return s.jsx(re,{...n,asChild:!0,children:s.jsx(k.$d2b4bc8c273e7be6$export$353f5b6fc5456de1,{ref:t,...a,children:e})})};q.displayName="Dialog.Trigger";const M=t=>{const{ref:e,children:i,...o}=t,{defaultOpen:n,isDismissable:a,isKeyboardDismissDisabled:d,shouldCloseOnInteractOutside:l,isOpen:c,onOpenChange:f}=T(),$={defaultOpen:n,isDismissable:a,isKeyboardDismissDisabled:d,shouldCloseOnInteractOutside:l,isOpen:c,onOpenChange:f},[b]=C.extractStyleProps(o);return s.jsx(ae,{asChild:!0,children:s.jsx(S,{...$,children:s.jsx(se,{asChild:!0,children:s.jsx(ee,{children:s.jsx(le,{asChild:!0,...b,children:s.jsx(g.$de32f1b87079253c$export$3ddf2d174ce01153,{ref:e,children:i})})})})})})};M.displayName="Dialog.Content";const B=t=>{const{ref:e,children:i,...o}=t;return s.jsx(de,{ref:e,...o,children:i})};B.displayName="Dialog.Header";const I=t=>{const{ref:e,children:i,...o}=t,{scrollBehavior:n}=T(),a={tabIndex:n==="inside"?0:void 0};return s.jsx(ce,{ref:e,...a,...o,children:i})};I.displayName="Dialog.Body";const L=t=>{const{ref:e,children:i,...o}=t;return s.jsx(fe,{ref:e,...o,children:i})};L.displayName="Dialog.Footer";const xe=P.defineMessages({closeTrigger:{id:"Nimbus.Dialog.closeTrigger",description:"aria-label for the default close trigger button",defaultMessage:"Close dialog"}}),z=t=>{const{ref:e,"aria-label":i,...o}=t,n=P.useIntl();return s.jsx(ge,{children:s.jsx(G.IconButton,{ref:e,slot:"close",size:"xs",variant:"ghost","aria-label":i||n.formatMessage(xe.closeTrigger),...o,children:s.jsx(W.Close,{})})})};z.displayName="Dialog.CloseTrigger";const A=t=>{const{ref:e,children:i,...o}=t;return s.jsx(ue,{asChild:!0,...o,children:s.jsx(Q.Heading,{ref:e,slot:"title",as:"h2",textStyle:"lg",children:i})})};A.displayName="Dialog.Title";exports.DialogBody=I;exports.DialogCloseTrigger=z;exports.DialogContent=M;exports.DialogFooter=L;exports.DialogHeader=B;exports.DialogRoot=N;exports.DialogTitle=A;exports.DialogTrigger=q;
|
|
2
|
+
//# sourceMappingURL=dialog.title-RLHmO1dx.cjs.js.map
|