@commercetools/nimbus 0.0.0-canary-20251008065712 → 0.0.0-canary-20251009112243
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunks/{Button-BvIjIGsV.es.js → Button-DbDspzBf.es.js} +3 -3
- package/dist/chunks/{Button-BvIjIGsV.es.js.map → Button-DbDspzBf.es.js.map} +1 -1
- package/dist/chunks/{DateField-5ys1kBci.es.js → DateField-BnqI8eDK.es.js} +5 -5
- package/dist/chunks/{DateField-5ys1kBci.es.js.map → DateField-BnqI8eDK.es.js.map} +1 -1
- package/dist/chunks/{DatePicker-YExF9ktq.es.js → DatePicker-Df88_VwG.es.js} +9 -9
- package/dist/chunks/{DatePicker-YExF9ktq.es.js.map → DatePicker-Df88_VwG.es.js.map} +1 -1
- package/dist/chunks/{Dialog-CWqCOpjC.es.js → Dialog-FtshtbuD.es.js} +27 -27
- package/dist/chunks/{Dialog-CWqCOpjC.es.js.map → Dialog-FtshtbuD.es.js.map} +1 -1
- package/dist/chunks/{Group-BpLIGg06.es.js → Group-BBaUrRF9.es.js} +2 -2
- package/dist/chunks/{Group-BpLIGg06.es.js.map → Group-BBaUrRF9.es.js.map} +1 -1
- package/dist/chunks/{Header-LnHmzVuk.es.js → Header-_Z7cZ9Ql.es.js} +10 -10
- package/dist/chunks/{Header-LnHmzVuk.es.js.map → Header-_Z7cZ9Ql.es.js.map} +1 -1
- package/dist/chunks/{Heading-D7ETzhN-.es.js → Heading-D_yp5JbO.es.js} +3 -3
- package/dist/chunks/{Heading-D7ETzhN-.es.js.map → Heading-D_yp5JbO.es.js.map} +1 -1
- package/dist/chunks/{Input-DFGgeFov.es.js → Input-Da2oLmEN.es.js} +2 -2
- package/dist/chunks/{Input-DFGgeFov.es.js.map → Input-Da2oLmEN.es.js.map} +1 -1
- package/dist/chunks/{Label-Bnr234yV.es.js → Label-qcXzazih.es.js} +2 -2
- package/dist/chunks/{Label-Bnr234yV.es.js.map → Label-qcXzazih.es.js.map} +1 -1
- package/dist/chunks/{ListBox-C_uejm2i.es.js → ListBox-CA_ARARw.es.js} +7 -7
- package/dist/chunks/{ListBox-C_uejm2i.es.js.map → ListBox-CA_ARARw.es.js.map} +1 -1
- package/dist/chunks/{ListKeyboardDelegate-4wjSpyhj.es.js → ListKeyboardDelegate-XLAitX9C.es.js} +2 -2
- package/dist/chunks/{ListKeyboardDelegate-4wjSpyhj.es.js.map → ListKeyboardDelegate-XLAitX9C.es.js.map} +1 -1
- package/dist/chunks/Modal-CVOcKPNx.cjs.js +2 -0
- package/dist/chunks/Modal-CVOcKPNx.cjs.js.map +1 -0
- package/dist/chunks/Modal-CVRxKbK2.es.js +197 -0
- package/dist/chunks/Modal-CVRxKbK2.es.js.map +1 -0
- package/dist/chunks/{OverlayArrow-CTv6jme7.es.js → OverlayArrow-CwYMJqgj.es.js} +6 -6
- package/dist/chunks/{OverlayArrow-CTv6jme7.es.js.map → OverlayArrow-CwYMJqgj.es.js.map} +1 -1
- package/dist/chunks/{ProgressBar-8CLctnNS.es.js → ProgressBar-dYIUhB6B.es.js} +3 -3
- package/dist/chunks/{ProgressBar-8CLctnNS.es.js.map → ProgressBar-dYIUhB6B.es.js.map} +1 -1
- package/dist/chunks/{SelectionManager-CRACdKnk.es.js → SelectionManager-C9i8k50b.es.js} +8 -8
- package/dist/chunks/{SelectionManager-CRACdKnk.es.js.map → SelectionManager-C9i8k50b.es.js.map} +1 -1
- package/dist/chunks/{Separator-C9c_wOg5.es.js → Separator-DyXjJGoH.es.js} +2 -2
- package/dist/chunks/{Separator-C9c_wOg5.es.js.map → Separator-DyXjJGoH.es.js.map} +1 -1
- package/dist/chunks/{TextArea-ynzwaXdc.es.js → TextArea-DItoG16s.es.js} +2 -2
- package/dist/chunks/{TextArea-ynzwaXdc.es.js.map → TextArea-DItoG16s.es.js.map} +1 -1
- package/dist/chunks/{ToggleButton-DmBKvuoG.es.js → ToggleButton-C5u-GV4F.es.js} +2 -2
- package/dist/chunks/{ToggleButton-DmBKvuoG.es.js.map → ToggleButton-C5u-GV4F.es.js.map} +1 -1
- package/dist/chunks/{accordion-DJmN_bJq.es.js → accordion-C4MjwWsC.es.js} +4 -4
- package/dist/chunks/{accordion-DJmN_bJq.es.js.map → accordion-C4MjwWsC.es.js.map} +1 -1
- package/dist/chunks/{accordion-C2cc3Wn5.cjs.js → accordion-CxA_B4rs.cjs.js} +2 -2
- package/dist/chunks/{accordion-C2cc3Wn5.cjs.js.map → accordion-CxA_B4rs.cjs.js.map} +1 -1
- package/dist/chunks/{alert-D2CGReLt.cjs.js → alert-CA04iXvr.cjs.js} +2 -2
- package/dist/chunks/{alert-D2CGReLt.cjs.js.map → alert-CA04iXvr.cjs.js.map} +1 -1
- package/dist/chunks/{alert-DkIw1imV.es.js → alert-C_eKOpkm.es.js} +2 -2
- package/dist/chunks/{alert-DkIw1imV.es.js.map → alert-C_eKOpkm.es.js.map} +1 -1
- package/dist/chunks/{button-CN72KuLp.es.js → button-Be0U44e7.es.js} +4 -4
- package/dist/chunks/{button-CN72KuLp.es.js.map → button-Be0U44e7.es.js.map} +1 -1
- package/dist/chunks/{button-DwowuU7n.cjs.js → button-DTE97NpD.cjs.js} +2 -2
- package/dist/chunks/{button-DwowuU7n.cjs.js.map → button-DTE97NpD.cjs.js.map} +1 -1
- package/dist/chunks/{calendar-BeLNlFT1.es.js → calendar-C33Q6JGN.es.js} +8 -8
- package/dist/chunks/{calendar-BeLNlFT1.es.js.map → calendar-C33Q6JGN.es.js.map} +1 -1
- package/dist/chunks/{calendar-CmRpEeaV.cjs.js → calendar-GA5ACIqm.cjs.js} +2 -2
- package/dist/chunks/{calendar-CmRpEeaV.cjs.js.map → calendar-GA5ACIqm.cjs.js.map} +1 -1
- package/dist/chunks/{checkbox-DPAM4M8p.es.js → checkbox-BKBd4kHr.es.js} +3 -3
- package/dist/chunks/{checkbox-DPAM4M8p.es.js.map → checkbox-BKBd4kHr.es.js.map} +1 -1
- package/dist/chunks/{checkbox-B_7h5MW8.cjs.js → checkbox-Bh5DxcKC.cjs.js} +2 -2
- package/dist/chunks/{checkbox-B_7h5MW8.cjs.js.map → checkbox-Bh5DxcKC.cjs.js.map} +1 -1
- package/dist/chunks/{collapsible-motion-DqQSB6-D.es.js → collapsible-motion-BSsz8na-.es.js} +3 -3
- package/dist/chunks/{collapsible-motion-DqQSB6-D.es.js.map → collapsible-motion-BSsz8na-.es.js.map} +1 -1
- package/dist/chunks/{collapsible-motion-CJQJsU4W.cjs.js → collapsible-motion-hU9KTv8o.cjs.js} +2 -2
- package/dist/chunks/{collapsible-motion-CJQJsU4W.cjs.js.map → collapsible-motion-hU9KTv8o.cjs.js.map} +1 -1
- package/dist/chunks/{combobox-DxZTQoKT.cjs.js → combobox-BghQKCQt.cjs.js} +2 -2
- package/dist/chunks/{combobox-DxZTQoKT.cjs.js.map → combobox-BghQKCQt.cjs.js.map} +1 -1
- package/dist/chunks/{combobox-Ds2AjwlE.es.js → combobox-D4M76aw1.es.js} +19 -19
- package/dist/chunks/{combobox-Ds2AjwlE.es.js.map → combobox-D4M76aw1.es.js.map} +1 -1
- package/dist/chunks/{data-table-CqRdiTa7.cjs.js → data-table-BBvjFAkE.cjs.js} +2 -2
- package/dist/chunks/{data-table-CqRdiTa7.cjs.js.map → data-table-BBvjFAkE.cjs.js.map} +1 -1
- package/dist/chunks/{data-table-CkB6mGKq.es.js → data-table-CJMHQ1O2.es.js} +12 -12
- package/dist/chunks/{data-table-CkB6mGKq.es.js.map → data-table-CJMHQ1O2.es.js.map} +1 -1
- package/dist/chunks/{date-input-C7BR3eTg.cjs.js → date-input-CUWc63rA.cjs.js} +2 -2
- package/dist/chunks/{date-input-C7BR3eTg.cjs.js.map → date-input-CUWc63rA.cjs.js.map} +1 -1
- package/dist/chunks/{date-input-DOiFNdVS.es.js → date-input-Dab_Fdrq.es.js} +4 -4
- package/dist/chunks/{date-input-DOiFNdVS.es.js.map → date-input-Dab_Fdrq.es.js.map} +1 -1
- package/dist/chunks/{date-picker-Cm9gyNP-.cjs.js → date-picker-C6A6CiIu.cjs.js} +2 -2
- package/dist/chunks/{date-picker-Cm9gyNP-.cjs.js.map → date-picker-C6A6CiIu.cjs.js.map} +1 -1
- package/dist/chunks/{date-picker-yZG8AJhH.es.js → date-picker-CT6jwApn.es.js} +18 -18
- package/dist/chunks/{date-picker-yZG8AJhH.es.js.map → date-picker-CT6jwApn.es.js.map} +1 -1
- package/dist/chunks/{date-range-picker-D-81vyFH.es.js → date-range-picker-BICRnCsn.es.js} +20 -20
- package/dist/chunks/{date-range-picker-D-81vyFH.es.js.map → date-range-picker-BICRnCsn.es.js.map} +1 -1
- package/dist/chunks/{date-range-picker-zS1_WvWT.cjs.js → date-range-picker-vER5F2HJ.cjs.js} +2 -2
- package/dist/chunks/{date-range-picker-zS1_WvWT.cjs.js.map → date-range-picker-vER5F2HJ.cjs.js.map} +1 -1
- package/dist/chunks/{dialog-DeZMe0yJ.es.js → dialog-4Rx0vFFN.es.js} +2 -2
- package/dist/chunks/dialog-4Rx0vFFN.es.js.map +1 -0
- package/dist/chunks/{dialog-BypIffa5.cjs.js → dialog-CDyF_zvK.cjs.js} +2 -2
- package/dist/chunks/dialog-CDyF_zvK.cjs.js.map +1 -0
- package/dist/chunks/dialog.title-5mHI--iF.es.js +152 -0
- package/dist/chunks/dialog.title-5mHI--iF.es.js.map +1 -0
- package/dist/chunks/dialog.title-CtQfDha4.cjs.js +2 -0
- package/dist/chunks/dialog.title-CtQfDha4.cjs.js.map +1 -0
- package/dist/chunks/drawer-DzYXHVbg.cjs.js +2 -0
- package/dist/chunks/drawer-DzYXHVbg.cjs.js.map +1 -0
- package/dist/chunks/drawer-wpiy6Y4h.es.js +304 -0
- package/dist/chunks/drawer-wpiy6Y4h.es.js.map +1 -0
- package/dist/chunks/{extractStyleProps-DikjPnnl.es.js → extractStyleProps-CNXOLneR.es.js} +2 -2
- package/dist/chunks/{extractStyleProps-DikjPnnl.es.js.map → extractStyleProps-CNXOLneR.es.js.map} +1 -1
- package/dist/chunks/{extractStyleProps-Dm0IZP1e.cjs.js → extractStyleProps-G58aSXl8.cjs.js} +2 -2
- package/dist/chunks/{extractStyleProps-Dm0IZP1e.cjs.js.map → extractStyleProps-G58aSXl8.cjs.js.map} +1 -1
- package/dist/chunks/{form-field-BDfFWeqm.cjs.js → form-field-2NMmaZgp.cjs.js} +2 -2
- package/dist/chunks/{form-field-BDfFWeqm.cjs.js.map → form-field-2NMmaZgp.cjs.js.map} +1 -1
- package/dist/chunks/{form-field-DWeU1qy1.es.js → form-field-BrU_qJq3.es.js} +10 -10
- package/dist/chunks/{form-field-DWeU1qy1.es.js.map → form-field-BrU_qJq3.es.js.map} +1 -1
- package/dist/chunks/{group-BOu3usq9.es.js → group-F6OwMVlM.es.js} +2 -2
- package/dist/chunks/{group-BOu3usq9.es.js.map → group-F6OwMVlM.es.js.map} +1 -1
- package/dist/chunks/{heading-DpAKPw0U.es.js → heading-BtazVUd5.es.js} +2 -2
- package/dist/chunks/{heading-DpAKPw0U.es.js.map → heading-BtazVUd5.es.js.map} +1 -1
- package/dist/chunks/{icon-button-Bwkgcdyv.cjs.js → icon-button-CkjZc6Br.cjs.js} +2 -2
- package/dist/chunks/{icon-button-Bwkgcdyv.cjs.js.map → icon-button-CkjZc6Br.cjs.js.map} +1 -1
- package/dist/chunks/{icon-button-CbjASJ_F.es.js → icon-button-D4w1XTVg.es.js} +2 -2
- package/dist/chunks/{icon-button-CbjASJ_F.es.js.map → icon-button-D4w1XTVg.es.js.map} +1 -1
- package/dist/chunks/{icon-toggle-button-DC2DD7q-.cjs.js → icon-toggle-button-Bsj4XLsI.cjs.js} +2 -2
- package/dist/chunks/{icon-toggle-button-DC2DD7q-.cjs.js.map → icon-toggle-button-Bsj4XLsI.cjs.js.map} +1 -1
- package/dist/chunks/{icon-toggle-button-1ZhwPLkv.es.js → icon-toggle-button-CqILSznm.es.js} +2 -2
- package/dist/chunks/{icon-toggle-button-1ZhwPLkv.es.js.map → icon-toggle-button-CqILSznm.es.js.map} +1 -1
- package/dist/chunks/{index-DhO4Z_an.cjs.js → index-Bx9ez6gh.cjs.js} +5 -5
- package/dist/chunks/index-Bx9ez6gh.cjs.js.map +1 -0
- package/dist/chunks/{index-D26EXIvZ.es.js → index-DthLdwMN.es.js} +289 -85
- package/dist/chunks/index-DthLdwMN.es.js.map +1 -0
- package/dist/chunks/{kbd-B-9k-UDU.es.js → kbd-B--GEgRt.es.js} +2 -2
- package/dist/chunks/{kbd-B-9k-UDU.es.js.map → kbd-B--GEgRt.es.js.map} +1 -1
- package/dist/chunks/{localized-field-BEQbGU6A.cjs.js → localized-field-BqUMaU2Z.cjs.js} +2 -2
- package/dist/chunks/{localized-field-BEQbGU6A.cjs.js.map → localized-field-BqUMaU2Z.cjs.js.map} +1 -1
- package/dist/chunks/{localized-field-9JF_RJHm.es.js → localized-field-CV69UdIU.es.js} +11 -11
- package/dist/chunks/{localized-field-9JF_RJHm.es.js.map → localized-field-CV69UdIU.es.js.map} +1 -1
- package/dist/chunks/{menu-Bmph9lXW.es.js → menu-BvZy65zm.es.js} +13 -13
- package/dist/chunks/{menu-Bmph9lXW.es.js.map → menu-BvZy65zm.es.js.map} +1 -1
- package/dist/chunks/{menu-BGmtow-5.cjs.js → menu-CW4QVk-m.cjs.js} +2 -2
- package/dist/chunks/{menu-BGmtow-5.cjs.js.map → menu-CW4QVk-m.cjs.js.map} +1 -1
- package/dist/chunks/{money-input-CUR36zLn.cjs.js → money-input-BklJuHw0.cjs.js} +2 -2
- package/dist/chunks/{money-input-CUR36zLn.cjs.js.map → money-input-BklJuHw0.cjs.js.map} +1 -1
- package/dist/chunks/{money-input-B7wnGMVu.es.js → money-input-CavdTx-o.es.js} +6 -6
- package/dist/chunks/{money-input-B7wnGMVu.es.js.map → money-input-CavdTx-o.es.js.map} +1 -1
- package/dist/chunks/{multiline-text-input-CkziMMuo.cjs.js → multiline-text-input-4kwHZ5HO.cjs.js} +2 -2
- package/dist/chunks/{multiline-text-input-CkziMMuo.cjs.js.map → multiline-text-input-4kwHZ5HO.cjs.js.map} +1 -1
- package/dist/chunks/{multiline-text-input-DtDQeO0Q.es.js → multiline-text-input-BrE5zqv5.es.js} +3 -3
- package/dist/chunks/{multiline-text-input-DtDQeO0Q.es.js.map → multiline-text-input-BrE5zqv5.es.js.map} +1 -1
- package/dist/chunks/{nimbus-provider-B8IUnP0U.cjs.js → nimbus-provider-ChOIcVt6.cjs.js} +2 -2
- package/dist/chunks/{nimbus-provider-B8IUnP0U.cjs.js.map → nimbus-provider-ChOIcVt6.cjs.js.map} +1 -1
- package/dist/chunks/{nimbus-provider-BOlU4kA1.es.js → nimbus-provider-YB6qmSSk.es.js} +2 -2
- package/dist/chunks/{nimbus-provider-BOlU4kA1.es.js.map → nimbus-provider-YB6qmSSk.es.js.map} +1 -1
- package/dist/chunks/{number-input-C3zjMkHS.es.js → number-input-Cq95vVse.es.js} +30 -30
- package/dist/chunks/{number-input-C3zjMkHS.es.js.map → number-input-Cq95vVse.es.js.map} +1 -1
- package/dist/chunks/{number-input-C40q3d4I.cjs.js → number-input-DA_yy5BZ.cjs.js} +2 -2
- package/dist/chunks/{number-input-C40q3d4I.cjs.js.map → number-input-DA_yy5BZ.cjs.js.map} +1 -1
- package/dist/chunks/{pagination-fMz7HL5l.es.js → pagination-CBrMi7gy.es.js} +5 -5
- package/dist/chunks/{pagination-fMz7HL5l.es.js.map → pagination-CBrMi7gy.es.js.map} +1 -1
- package/dist/chunks/{pagination-BDx3pJkE.cjs.js → pagination-DUCo0L7g.cjs.js} +2 -2
- package/dist/chunks/{pagination-BDx3pJkE.cjs.js.map → pagination-DUCo0L7g.cjs.js.map} +1 -1
- package/dist/chunks/{password-input-D94jZSI9.cjs.js → password-input-DMbxYno4.cjs.js} +2 -2
- package/dist/chunks/{password-input-D94jZSI9.cjs.js.map → password-input-DMbxYno4.cjs.js.map} +1 -1
- package/dist/chunks/{password-input-1KfvAXxj.es.js → password-input-De29PFv6.es.js} +4 -4
- package/dist/chunks/{password-input-1KfvAXxj.es.js.map → password-input-De29PFv6.es.js.map} +1 -1
- package/dist/chunks/{popover-CiLVE71i.es.js → popover-yeZXM_2G.es.js} +2 -2
- package/dist/chunks/{popover-CiLVE71i.es.js.map → popover-yeZXM_2G.es.js.map} +1 -1
- package/dist/chunks/{progress-bar-h-SZWJrX.es.js → progress-bar-1XrmZIIp.es.js} +4 -4
- package/dist/chunks/{progress-bar-h-SZWJrX.es.js.map → progress-bar-1XrmZIIp.es.js.map} +1 -1
- package/dist/chunks/{progress-bar-BHCSpjRr.cjs.js → progress-bar-BBy8IR_W.cjs.js} +2 -2
- package/dist/chunks/{progress-bar-BHCSpjRr.cjs.js.map → progress-bar-BBy8IR_W.cjs.js.map} +1 -1
- package/dist/chunks/{radio-input-DRHL2tKC.es.js → radio-input-8sawPicQ.es.js} +5 -5
- package/dist/chunks/{radio-input-DRHL2tKC.es.js.map → radio-input-8sawPicQ.es.js.map} +1 -1
- package/dist/chunks/{radio-input-B0dnF7hm.cjs.js → radio-input-DK5681L5.cjs.js} +2 -2
- package/dist/chunks/{radio-input-B0dnF7hm.cjs.js.map → radio-input-DK5681L5.cjs.js.map} +1 -1
- package/dist/chunks/{range-calendar-C6yPojX-.es.js → range-calendar-C0InkSSo.es.js} +8 -8
- package/dist/chunks/{range-calendar-C6yPojX-.es.js.map → range-calendar-C0InkSSo.es.js.map} +1 -1
- package/dist/chunks/{range-calendar-RB6cR7Zf.cjs.js → range-calendar-CrHUTeyY.cjs.js} +2 -2
- package/dist/chunks/{range-calendar-RB6cR7Zf.cjs.js.map → range-calendar-CrHUTeyY.cjs.js.map} +1 -1
- package/dist/chunks/{rich-text-input-CXNeJFfO.cjs.js → rich-text-input-BygekdK5.cjs.js} +2 -2
- package/dist/chunks/{rich-text-input-CXNeJFfO.cjs.js.map → rich-text-input-BygekdK5.cjs.js.map} +1 -1
- package/dist/chunks/{rich-text-input-BzOdpZJX.es.js → rich-text-input-CUAI0VeV.es.js} +11 -11
- package/dist/chunks/{rich-text-input-BzOdpZJX.es.js.map → rich-text-input-CUAI0VeV.es.js.map} +1 -1
- package/dist/chunks/{search-input-C9ne8p91.es.js → search-input-DkFkEdiE.es.js} +43 -43
- package/dist/chunks/{search-input-C9ne8p91.es.js.map → search-input-DkFkEdiE.es.js.map} +1 -1
- package/dist/chunks/{search-input-Dh6MuIpa.cjs.js → search-input-r6P-vAgp.cjs.js} +2 -2
- package/dist/chunks/{search-input-Dh6MuIpa.cjs.js.map → search-input-r6P-vAgp.cjs.js.map} +1 -1
- package/dist/chunks/{select-CUjrJRUT.es.js → select-CWttUH5b.es.js} +70 -70
- package/dist/chunks/{select-CUjrJRUT.es.js.map → select-CWttUH5b.es.js.map} +1 -1
- package/dist/chunks/{select-CwAyhevQ.cjs.js → select-D_HPNSo0.cjs.js} +2 -2
- package/dist/chunks/{select-CwAyhevQ.cjs.js.map → select-D_HPNSo0.cjs.js.map} +1 -1
- package/dist/chunks/{separator-BbfyHuLb.cjs.js → separator-BBuhLJdN.cjs.js} +2 -2
- package/dist/chunks/{separator-BbfyHuLb.cjs.js.map → separator-BBuhLJdN.cjs.js.map} +1 -1
- package/dist/chunks/{separator-BoqnKRYR.es.js → separator-D7elp8bN.es.js} +3 -3
- package/dist/chunks/{separator-BoqnKRYR.es.js.map → separator-D7elp8bN.es.js.map} +1 -1
- package/dist/chunks/{split-button-jG61RIMv.es.js → split-button-Bczcosj2.es.js} +5 -5
- package/dist/chunks/{split-button-jG61RIMv.es.js.map → split-button-Bczcosj2.es.js.map} +1 -1
- package/dist/chunks/{split-button-C0suLBEJ.cjs.js → split-button-EHp7Svv4.cjs.js} +2 -2
- package/dist/chunks/{split-button-C0suLBEJ.cjs.js.map → split-button-EHp7Svv4.cjs.js.map} +1 -1
- package/dist/chunks/{switch-C_hXU6lZ.cjs.js → switch-CwJ5OFLP.cjs.js} +2 -2
- package/dist/chunks/{switch-C_hXU6lZ.cjs.js.map → switch-CwJ5OFLP.cjs.js.map} +1 -1
- package/dist/chunks/{switch-DxdWKUjM.es.js → switch-D_NMKG3Q.es.js} +3 -3
- package/dist/chunks/{switch-DxdWKUjM.es.js.map → switch-D_NMKG3Q.es.js.map} +1 -1
- package/dist/chunks/{tabs-BIfLcZNC.cjs.js → tabs-Cklmbi45.cjs.js} +2 -2
- package/dist/chunks/{tabs-BIfLcZNC.cjs.js.map → tabs-Cklmbi45.cjs.js.map} +1 -1
- package/dist/chunks/{tabs-c_3pvA8t.es.js → tabs-UlU9sGFI.es.js} +6 -6
- package/dist/chunks/{tabs-c_3pvA8t.es.js.map → tabs-UlU9sGFI.es.js.map} +1 -1
- package/dist/chunks/{tag-group-Vypgj2V2.cjs.js → tag-group-Cgs8C7Xc.cjs.js} +2 -2
- package/dist/chunks/{tag-group-Vypgj2V2.cjs.js.map → tag-group-Cgs8C7Xc.cjs.js.map} +1 -1
- package/dist/chunks/{tag-group-DrHF4Hpe.es.js → tag-group-uIKmx4eU.es.js} +31 -31
- package/dist/chunks/{tag-group-DrHF4Hpe.es.js.map → tag-group-uIKmx4eU.es.js.map} +1 -1
- package/dist/chunks/{text-hbdb3OKq.es.js → text-BgiP8ZB6.es.js} +2 -2
- package/dist/chunks/{text-hbdb3OKq.es.js.map → text-BgiP8ZB6.es.js.map} +1 -1
- package/dist/chunks/{text-input-BYpxoT5T.cjs.js → text-input-DHyVy0pg.cjs.js} +2 -2
- package/dist/chunks/{text-input-BYpxoT5T.cjs.js.map → text-input-DHyVy0pg.cjs.js.map} +1 -1
- package/dist/chunks/{text-input-BIJx8kgm.es.js → text-input-DWJ-CPVR.es.js} +4 -4
- package/dist/chunks/{text-input-BIJx8kgm.es.js.map → text-input-DWJ-CPVR.es.js.map} +1 -1
- package/dist/chunks/{time-input-BbCVYXM4.es.js → time-input-CwfMLg_y.es.js} +3 -3
- package/dist/chunks/{time-input-BbCVYXM4.es.js.map → time-input-CwfMLg_y.es.js.map} +1 -1
- package/dist/chunks/{time-input-BCBvliVc.cjs.js → time-input-UNOO6gaq.cjs.js} +2 -2
- package/dist/chunks/{time-input-BCBvliVc.cjs.js.map → time-input-UNOO6gaq.cjs.js.map} +1 -1
- package/dist/chunks/{toggle-button-u8DA8u8k.cjs.js → toggle-button-BHOVooIy.cjs.js} +2 -2
- package/dist/chunks/{toggle-button-u8DA8u8k.cjs.js.map → toggle-button-BHOVooIy.cjs.js.map} +1 -1
- package/dist/chunks/{toggle-button-BlyysRNw.es.js → toggle-button-CdJftdD2.es.js} +4 -4
- package/dist/chunks/{toggle-button-BlyysRNw.es.js.map → toggle-button-CdJftdD2.es.js.map} +1 -1
- package/dist/chunks/{toggle-button-group-B5PFZHXJ.es.js → toggle-button-group-D2eN4VNE.es.js} +2 -2
- package/dist/chunks/{toggle-button-group-B5PFZHXJ.es.js.map → toggle-button-group-D2eN4VNE.es.js.map} +1 -1
- package/dist/chunks/{toolbar-BJlA8UZl.cjs.js → toolbar-0yDwxKuL.cjs.js} +2 -2
- package/dist/chunks/{toolbar-BJlA8UZl.cjs.js.map → toolbar-0yDwxKuL.cjs.js.map} +1 -1
- package/dist/chunks/{toolbar-BFUzjQC7.es.js → toolbar-DXDZ5G0Q.es.js} +4 -4
- package/dist/chunks/{toolbar-BFUzjQC7.es.js.map → toolbar-DXDZ5G0Q.es.js.map} +1 -1
- package/dist/chunks/{tooltip-D0dkVEDQ.es.js → tooltip-CgzrzHZy.es.js} +3 -3
- package/dist/chunks/{tooltip-D0dkVEDQ.es.js.map → tooltip-CgzrzHZy.es.js.map} +1 -1
- package/dist/chunks/{useListState-Bdz8ihfA.es.js → useListState-wotFHS2D.es.js} +2 -2
- package/dist/chunks/{useListState-Bdz8ihfA.es.js.map → useListState-wotFHS2D.es.js.map} +1 -1
- package/dist/chunks/{useSingleSelectListState-C0k_6pJ5.es.js → useSingleSelectListState-CYr_aJQU.es.js} +2 -2
- package/dist/chunks/{useSingleSelectListState-C0k_6pJ5.es.js.map → useSingleSelectListState-CYr_aJQU.es.js.map} +1 -1
- package/dist/chunks/{utils-D5g6AoR2.es.js → utils-Cyja2WdR.es.js} +5 -5
- package/dist/chunks/{utils-D5g6AoR2.es.js.map → utils-Cyja2WdR.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/drawer.cjs +2 -0
- package/dist/components/drawer.cjs.map +1 -0
- package/dist/components/drawer.es.js +5 -0
- package/dist/components/drawer.es.js.map +1 -0
- package/dist/components/form-field.cjs +1 -1
- package/dist/components/form-field.es.js +1 -1
- package/dist/components/group.es.js +1 -1
- package/dist/components/heading.es.js +1 -1
- package/dist/components/icon-button.cjs +1 -1
- package/dist/components/icon-button.es.js +1 -1
- package/dist/components/icon-toggle-button.cjs +1 -1
- package/dist/components/icon-toggle-button.es.js +1 -1
- package/dist/components/kbd.es.js +1 -1
- package/dist/components/localized-field.cjs +1 -1
- package/dist/components/localized-field.es.js +1 -1
- package/dist/components/money-input.cjs +1 -1
- package/dist/components/money-input.es.js +1 -1
- package/dist/components/multiline-text-input.cjs +1 -1
- package/dist/components/multiline-text-input.es.js +1 -1
- package/dist/components/nimbus-provider.cjs +1 -1
- package/dist/components/nimbus-provider.es.js +1 -1
- package/dist/components/number-input.cjs +1 -1
- package/dist/components/number-input.es.js +1 -1
- package/dist/components/pagination.cjs +1 -1
- package/dist/components/pagination.es.js +1 -1
- package/dist/components/password-input.cjs +1 -1
- package/dist/components/password-input.es.js +1 -1
- package/dist/components/popover.es.js +1 -1
- package/dist/components/progress-bar.cjs +1 -1
- package/dist/components/progress-bar.es.js +1 -1
- package/dist/components/radio-input.cjs +1 -1
- package/dist/components/radio-input.es.js +1 -1
- package/dist/components/range-calendar.cjs +1 -1
- package/dist/components/range-calendar.es.js +1 -1
- package/dist/components/rich-text-input.cjs +1 -1
- package/dist/components/rich-text-input.es.js +1 -1
- package/dist/components/scoped-search-input.cjs +1 -1
- package/dist/components/scoped-search-input.es.js +4 -4
- package/dist/components/search-input.cjs +1 -1
- package/dist/components/search-input.es.js +1 -1
- package/dist/components/select.cjs +1 -1
- package/dist/components/select.es.js +1 -1
- package/dist/components/separator.cjs +1 -1
- package/dist/components/separator.es.js +1 -1
- package/dist/components/split-button.cjs +1 -1
- package/dist/components/split-button.es.js +1 -1
- package/dist/components/switch.cjs +1 -1
- package/dist/components/switch.es.js +1 -1
- package/dist/components/tabs.cjs +1 -1
- package/dist/components/tabs.es.js +1 -1
- package/dist/components/tag-group.cjs +1 -1
- package/dist/components/tag-group.es.js +1 -1
- package/dist/components/text-input.cjs +1 -1
- package/dist/components/text-input.es.js +1 -1
- package/dist/components/text.es.js +1 -1
- package/dist/components/time-input.cjs +1 -1
- package/dist/components/time-input.es.js +1 -1
- package/dist/components/toggle-button-group.es.js +1 -1
- package/dist/components/toggle-button.cjs +1 -1
- package/dist/components/toggle-button.es.js +1 -1
- package/dist/components/toolbar.cjs +1 -1
- package/dist/components/toolbar.es.js +1 -1
- package/dist/components/tooltip.es.js +1 -1
- package/dist/dialog.d.ts +1 -1
- package/dist/drawer.d.ts +577 -0
- package/dist/index.cjs +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.es.js +56 -54
- package/dist/index.es.js.map +1 -1
- package/package.json +5 -5
- package/dist/chunks/dialog-BypIffa5.cjs.js.map +0 -1
- package/dist/chunks/dialog-DeZMe0yJ.es.js.map +0 -1
- package/dist/chunks/dialog.title-BmS1MORJ.es.js +0 -341
- package/dist/chunks/dialog.title-BmS1MORJ.es.js.map +0 -1
- package/dist/chunks/dialog.title-CsuOBAm8.cjs.js +0 -2
- package/dist/chunks/dialog.title-CsuOBAm8.cjs.js.map +0 -1
- package/dist/chunks/index-D26EXIvZ.es.js.map +0 -1
- package/dist/chunks/index-DhO4Z_an.cjs.js.map +0 -1
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import { jsx as e, jsxs as
|
|
1
|
+
import { jsx as e, jsxs as h, Fragment as F } from "react/jsx-runtime";
|
|
2
2
|
import { createSlotRecipeContext as K, useSlotRecipe as L } from "@chakra-ui/react/styled-system";
|
|
3
|
-
import {
|
|
4
|
-
import { m as q } from "./index-
|
|
3
|
+
import { l as E, g as O, m as j, n as k, o as V, p as W } from "./Dialog-FtshtbuD.es.js";
|
|
4
|
+
import { m as q } from "./index-DthLdwMN.es.js";
|
|
5
5
|
import { createContext as f, useContext as z } from "react";
|
|
6
|
-
import { a as A } from "./Button-
|
|
7
|
-
import { e as u } from "./extractStyleProps-
|
|
6
|
+
import { a as A } from "./Button-DbDspzBf.es.js";
|
|
7
|
+
import { e as u } from "./extractStyleProps-CNXOLneR.es.js";
|
|
8
8
|
import { ChevronRight as B } from "@commercetools/nimbus-icons";
|
|
9
9
|
import { I as D } from "./icon-DHu0zrOb.es.js";
|
|
10
10
|
import { g as G } from "./CollectionBuilder-Wz-mnWjQ.es.js";
|
|
11
|
-
import { c as H } from "./Header-
|
|
11
|
+
import { c as H } from "./Header-_Z7cZ9Ql.es.js";
|
|
12
12
|
const { withProvider: J, withContext: a } = /* @__PURE__ */ K({
|
|
13
13
|
recipe: q
|
|
14
14
|
}), Q = /* @__PURE__ */ J(
|
|
15
15
|
"div",
|
|
16
16
|
"root"
|
|
17
|
-
),
|
|
17
|
+
), M = /* @__PURE__ */ a("button", "trigger"), U = /* @__PURE__ */ a("div", "popover"), X = /* @__PURE__ */ a("div", "content"), Y = /* @__PURE__ */ a(
|
|
18
18
|
"div",
|
|
19
19
|
"item"
|
|
20
20
|
), Z = /* @__PURE__ */ a("div", "section"), _ = /* @__PURE__ */ a("div", "sectionLabel"), S = /* @__PURE__ */ f(void 0), ee = S.Provider, g = () => z(S), $ = (t) => {
|
|
@@ -26,7 +26,7 @@ const { withProvider: J, withContext: a } = /* @__PURE__ */ K({
|
|
|
26
26
|
onOpenChange: d,
|
|
27
27
|
...p
|
|
28
28
|
} = r;
|
|
29
|
-
return /* @__PURE__ */ e(Q, { ...c, asChild: !0, children: /* @__PURE__ */ e(
|
|
29
|
+
return /* @__PURE__ */ e(Q, { ...c, asChild: !0, children: /* @__PURE__ */ e(E, { ...{
|
|
30
30
|
trigger: n,
|
|
31
31
|
isOpen: i,
|
|
32
32
|
defaultOpen: l,
|
|
@@ -41,7 +41,7 @@ const P = ({
|
|
|
41
41
|
...r
|
|
42
42
|
}) => {
|
|
43
43
|
const [s, n] = u(r);
|
|
44
|
-
return o ? /* @__PURE__ */ e(
|
|
44
|
+
return o ? /* @__PURE__ */ e(M, { ref: c, asChild: !0, ...s, children: t }) : /* @__PURE__ */ e(M, { asChild: !0, ...s, children: /* @__PURE__ */ e(A, { ref: c, ...n, children: t }) });
|
|
45
45
|
};
|
|
46
46
|
P.displayName = "Menu.Trigger";
|
|
47
47
|
const te = /* @__PURE__ */ f(
|
|
@@ -55,7 +55,7 @@ const te = /* @__PURE__ */ f(
|
|
|
55
55
|
if (!r)
|
|
56
56
|
throw new Error("Menu.Content must be used within Menu.Root");
|
|
57
57
|
const { placement: s, ...n } = r, i = o || s || "bottom start";
|
|
58
|
-
return /* @__PURE__ */ e(x, { value: { selectionMode: n.selectionMode }, children: /* @__PURE__ */ e(U, { asChild: !0, children: /* @__PURE__ */ e(
|
|
58
|
+
return /* @__PURE__ */ e(x, { value: { selectionMode: n.selectionMode }, children: /* @__PURE__ */ e(U, { asChild: !0, children: /* @__PURE__ */ e(O, { placement: i, offset: 4, shouldFlip: !0, children: /* @__PURE__ */ e(X, { asChild: !0, children: /* @__PURE__ */ e(j, { ref: c, shouldFocusWrap: !0, autoFocus: "first", ...n, children: t }) }) }) }) });
|
|
59
59
|
};
|
|
60
60
|
m.displayName = "Menu.Content";
|
|
61
61
|
const C = ({
|
|
@@ -71,7 +71,7 @@ const C = ({
|
|
|
71
71
|
asChild: !0,
|
|
72
72
|
...s,
|
|
73
73
|
"data-critical": o ? "" : void 0,
|
|
74
|
-
children: /* @__PURE__ */ e(k, { ref: c, ...n, children: ({ hasSubmenu: i }) => /* @__PURE__ */
|
|
74
|
+
children: /* @__PURE__ */ e(k, { ref: c, ...n, children: ({ hasSubmenu: i }) => /* @__PURE__ */ h(F, { children: [
|
|
75
75
|
t,
|
|
76
76
|
i && /* @__PURE__ */ e(D, { slot: "caretIcon", children: /* @__PURE__ */ e(B, {}) })
|
|
77
77
|
] }) })
|
|
@@ -103,7 +103,7 @@ const y = ({
|
|
|
103
103
|
disallowEmptySelection: b = n?.disallowEmptySelection,
|
|
104
104
|
...N
|
|
105
105
|
} = s, [w, I] = u(N);
|
|
106
|
-
return /* @__PURE__ */ e(x, { value: { selectionMode: i }, children: /* @__PURE__ */ e(Z, { asChild: !0, ...w, children: /* @__PURE__ */
|
|
106
|
+
return /* @__PURE__ */ e(x, { value: { selectionMode: i }, children: /* @__PURE__ */ e(Z, { asChild: !0, ...w, children: /* @__PURE__ */ h(
|
|
107
107
|
V,
|
|
108
108
|
{
|
|
109
109
|
ref: o,
|
|
@@ -147,4 +147,4 @@ export {
|
|
|
147
147
|
R as f,
|
|
148
148
|
T as g
|
|
149
149
|
};
|
|
150
|
-
//# sourceMappingURL=menu-
|
|
150
|
+
//# sourceMappingURL=menu-BvZy65zm.es.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu-Bmph9lXW.es.js","sources":["../../src/components/menu/menu.slots.tsx","../../src/components/menu/components/menu.context.tsx","../../src/components/menu/components/menu.root.tsx","../../src/components/menu/components/menu.trigger.tsx","../../src/components/menu/components/menu.section-context.tsx","../../src/components/menu/components/menu.content.tsx","../../src/components/menu/components/menu.item.tsx","../../src/components/menu/components/menu.section-label.tsx","../../src/components/menu/components/menu.section.tsx","../../src/components/menu/components/menu.submenu-trigger.tsx","../../src/components/menu/components/menu.submenu.tsx","../../src/components/menu/menu.tsx"],"sourcesContent":["import {\n createSlotRecipeContext,\n type HTMLChakraProps,\n} from \"@chakra-ui/react/styled-system\";\nimport { menuSlotRecipe } from \"./menu.recipe\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n recipe: menuSlotRecipe,\n});\n\n// Menu Root\nexport type MenuRootSlotProps = HTMLChakraProps<\"div\">;\nexport const MenuRootSlot = withProvider<HTMLDivElement, MenuRootSlotProps>(\n \"div\",\n \"root\"\n);\n\n// Menu Trigger\nexport type MenuTriggerSlotProps = HTMLChakraProps<\"button\">;\nexport const MenuTriggerSlot = withContext<\n HTMLButtonElement,\n MenuTriggerSlotProps\n>(\"button\", \"trigger\");\n\n// Menu Popover\nexport type MenuPopoverSlotProps = HTMLChakraProps<\"div\">;\nexport const MenuPopoverSlot = withContext<\n HTMLDivElement,\n MenuPopoverSlotProps\n>(\"div\", \"popover\");\n\n// Menu Content\nexport type MenuContentSlotProps = HTMLChakraProps<\"div\">;\nexport const MenuContentSlot = withContext<\n HTMLDivElement,\n MenuContentSlotProps\n>(\"div\", \"content\");\n\n// Menu Item\nexport type MenuItemSlotProps = HTMLChakraProps<\"div\">;\nexport const MenuItemSlot = withContext<HTMLDivElement, MenuItemSlotProps>(\n \"div\",\n \"item\"\n);\n\n// Menu Section\nexport type MenuSectionSlotProps = HTMLChakraProps<\"div\">;\nexport const MenuSectionSlot = withContext<\n HTMLDivElement,\n MenuSectionSlotProps\n>(\"div\", \"section\");\n\n// Menu Section Label\nexport type MenuSectionLabelSlotProps = HTMLChakraProps<\"div\">;\nexport const MenuSectionLabelSlot = withContext<\n HTMLDivElement,\n MenuSectionLabelSlotProps\n>(\"div\", \"sectionLabel\");\n\n// Menu Group Label\nexport type MenuSubmenuSlotProps = HTMLChakraProps<\"div\">;\nexport const MenuSubmenuSlot = withContext<\n HTMLDivElement,\n MenuSubmenuSlotProps\n>(\"div\", \"submenu\");\n","import { createContext, useContext } from \"react\";\nimport type { MenuRootProps } from \"./../menu.types\";\nimport type { MenuTriggerProps as RaMenuTriggerProps } from \"react-aria-components\";\n\n// Context should contain all Menu props (excluding MenuTrigger-specific props)\nexport type MenuContextValue = Omit<\n MenuRootProps,\n keyof RaMenuTriggerProps | \"children\" | \"trigger\"\n>;\n\nconst MenuContext = createContext<MenuContextValue | undefined>(undefined);\n\nexport const MenuProvider = MenuContext.Provider;\n\nexport const useMenuContext = () => {\n const context = useContext(MenuContext);\n return context;\n};\n","import { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { MenuTrigger as RaMenuTrigger } from \"react-aria-components\";\nimport type { MenuRootProps } from \"../menu.types\";\nimport { MenuRootSlot } from \"../menu.slots\";\nimport { MenuProvider } from \"./menu.context\";\n\nexport const MenuRoot = (props: MenuRootProps) => {\n const recipe = useSlotRecipe({ key: \"menu\" });\n const [recipeProps, functionalProps] = recipe.splitVariantProps(props);\n\n // Separate MenuTrigger props from Menu props\n const {\n children,\n trigger,\n isOpen,\n defaultOpen,\n onOpenChange,\n ...menuContextProps\n } = functionalProps;\n\n const menuTriggerProps = {\n trigger,\n isOpen,\n defaultOpen,\n onOpenChange,\n };\n\n return (\n <MenuRootSlot {...recipeProps} asChild>\n <RaMenuTrigger {...menuTriggerProps}>\n <MenuProvider value={menuContextProps}>{children}</MenuProvider>\n </RaMenuTrigger>\n </MenuRootSlot>\n );\n};\n\nMenuRoot.displayName = \"Menu.Root\";\n","import { Button } from \"react-aria-components\";\nimport { MenuTriggerSlot } from \"../menu.slots\";\nimport type { MenuTriggerProps } from \"../menu.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport type { ReactNode } from \"react\";\n\nexport const MenuTrigger = ({\n children,\n asChild,\n ref,\n ...props\n}: MenuTriggerProps) => {\n const [styleProps, restProps] = extractStyleProps(props);\n\n /**\n * The user supplied a Button as the trigger\n */\n if (asChild) {\n // When asChild is true, apply styles to the child element\n return (\n <MenuTriggerSlot ref={ref} asChild {...styleProps}>\n {children as ReactNode}\n </MenuTriggerSlot>\n );\n }\n\n /**\n * The user did not supply a Button as trigger, use an unstyled button\n * to wrap which ever element the user supplied and make it a trigger\n */\n return (\n <MenuTriggerSlot asChild {...styleProps}>\n <Button ref={ref} {...restProps}>\n {children}\n </Button>\n </MenuTriggerSlot>\n );\n};\n\nMenuTrigger.displayName = \"Menu.Trigger\";\n","import { createContext, useContext } from \"react\";\n\nexport interface MenuSectionContextValue {\n selectionMode?: \"single\" | \"multiple\" | \"none\";\n}\n/**\n * Why is a second context (MenuSectionContext) needed?\n *\n * MenuSectionContext enables section-level config for menu items, such as\n * selection mode, which may differ from the global menu context. This allows\n * advanced menus where each section can have its own selection behavior\n * (e.g., one section is single-select, another is multi-select).\n * By scoping context to a section, menu items inherit settings from their\n * nearest section, falling back to the global menu context if not present.\n * This pattern improves flexibility and composability for complex menus,\n * and avoids prop drilling or awkward prop merging.\n */\n\nconst MenuSectionContext = createContext<MenuSectionContextValue | undefined>(\n undefined\n);\n\nexport const MenuSectionProvider = MenuSectionContext.Provider;\n\nexport const useMenuSectionContext = () => {\n return useContext(MenuSectionContext);\n};\n","import { Menu, Popover } from \"react-aria-components\";\nimport { MenuContentSlot, MenuPopoverSlot } from \"../menu.slots\";\nimport type { MenuContentProps } from \"../menu.types\";\nimport { useMenuContext } from \"./menu.context\";\nimport { MenuSectionProvider } from \"./menu.section-context\";\n\nexport const MenuContent = ({\n children,\n placement: placementOverride,\n ref,\n}: MenuContentProps) => {\n const contextProps = useMenuContext();\n\n if (!contextProps) {\n throw new Error(\"Menu.Content must be used within Menu.Root\");\n }\n\n // Separate placement from other props since it's handled by Popover\n const { placement, ...menuProps } = contextProps;\n const finalPlacement = placementOverride || placement || \"bottom start\";\n\n return (\n <MenuSectionProvider value={{ selectionMode: menuProps.selectionMode }}>\n <MenuPopoverSlot asChild>\n <Popover placement={finalPlacement} offset={4} shouldFlip>\n <MenuContentSlot asChild>\n <Menu ref={ref} shouldFocusWrap autoFocus=\"first\" {...menuProps}>\n {children}\n </Menu>\n </MenuContentSlot>\n </Popover>\n </MenuPopoverSlot>\n </MenuSectionProvider>\n );\n};\n\nMenuContent.displayName = \"Menu.Content\";\n","import { MenuItem as RaMenuItem } from \"react-aria-components\";\nimport { MenuItemSlot } from \"../menu.slots\";\nimport type { MenuItemProps } from \"../menu.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport { ChevronRight } from \"@commercetools/nimbus-icons\";\nimport { Icon } from \"@/components/icon\";\n\nexport const MenuItem = ({\n children,\n isCritical,\n ref,\n ...props\n}: MenuItemProps) => {\n const [styleProps, restProps] = extractStyleProps(props);\n\n return (\n <MenuItemSlot\n asChild\n {...styleProps}\n data-critical={isCritical ? \"\" : undefined}\n >\n <RaMenuItem ref={ref} {...restProps}>\n {({ hasSubmenu }) => (\n <>\n {children}\n {hasSubmenu && (\n <Icon slot=\"caretIcon\">\n <ChevronRight />\n </Icon>\n )}\n </>\n )}\n </RaMenuItem>\n </MenuItemSlot>\n );\n};\n\nMenuItem.displayName = \"Menu.Item\";\n","import { Header } from \"react-aria-components\";\nimport { MenuSectionLabelSlot } from \"../menu.slots\";\nimport type { MenuSectionLabelProps } from \"../menu.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\n\n/**\n * Used in MenuSection for rendering the `label` property.\n */\nexport const MenuSectionLabel = ({\n children,\n ref,\n ...props\n}: MenuSectionLabelProps) => {\n const [styleProps, restProps] = extractStyleProps(props);\n\n return (\n <MenuSectionLabelSlot asChild {...styleProps}>\n <Header ref={ref} {...restProps}>\n {children}\n </Header>\n </MenuSectionLabelSlot>\n );\n};\n\nMenuSectionLabel.displayName = \"Menu.SectionLabel\";\n","import {\n MenuSection as RaMenuSection,\n Collection,\n} from \"react-aria-components\";\nimport { MenuSectionSlot } from \"../menu.slots\";\nimport type { MenuSectionProps } from \"../menu.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport { useMenuContext } from \"./menu.context\";\nimport { MenuSectionProvider } from \"./menu.section-context\";\nimport { MenuSectionLabel } from \"./menu.section-label\";\nimport type { ReactNode } from \"react\";\n\nexport const MenuSection = <T extends object = object>({\n children,\n ref,\n label,\n items,\n ...props\n}: MenuSectionProps<T>) => {\n const contextProps = useMenuContext();\n\n // Extract selection-related props before extracting style props\n const {\n selectionMode = contextProps?.selectionMode,\n selectedKeys = contextProps?.selectedKeys,\n defaultSelectedKeys = contextProps?.defaultSelectedKeys,\n onSelectionChange = contextProps?.onSelectionChange,\n disallowEmptySelection = contextProps?.disallowEmptySelection,\n ...restProps\n } = props;\n\n const [styleProps, otherProps] = extractStyleProps(restProps);\n\n return (\n <MenuSectionProvider value={{ selectionMode }}>\n <MenuSectionSlot asChild {...styleProps}>\n <RaMenuSection\n ref={ref}\n selectionMode={selectionMode}\n selectedKeys={selectedKeys}\n defaultSelectedKeys={defaultSelectedKeys}\n onSelectionChange={onSelectionChange}\n disallowEmptySelection={disallowEmptySelection}\n {...otherProps}\n >\n <MenuSectionLabel>{label}</MenuSectionLabel>\n {items ? (\n <Collection items={items}>{children}</Collection>\n ) : (\n (children as ReactNode)\n )}\n </RaMenuSection>\n </MenuSectionSlot>\n </MenuSectionProvider>\n );\n};\n\nMenuSection.displayName = \"Menu.Section\";\n","import { SubmenuTrigger as RaSubmenuTrigger } from \"react-aria-components\";\nimport type { MenuSubmenuTriggerProps } from \"../menu.types\";\n\nexport const MenuSubmenuTrigger = ({\n children,\n ...props\n}: MenuSubmenuTriggerProps) => {\n return <RaSubmenuTrigger {...props}>{children}</RaSubmenuTrigger>;\n};\n\nMenuSubmenuTrigger.displayName = \"Menu.SubmenuTrigger\";\n","import type { MenuSubmenuProps } from \"../menu.types\";\nimport { MenuContent } from \"./menu.content\";\n\nexport const MenuSubmenu = ({ children, ...props }: MenuSubmenuProps) => {\n return (\n <MenuContent {...props} placement=\"end\">\n {children}\n </MenuContent>\n );\n};\n\nMenuSubmenu.displayName = \"Menu.Submenu\";\n","import { MenuRoot } from \"./components/menu.root\";\nimport { MenuTrigger } from \"./components/menu.trigger\";\nimport { MenuContent } from \"./components/menu.content\";\nimport { MenuItem } from \"./components/menu.item\";\nimport { MenuSection } from \"./components/menu.section\";\nimport { MenuSubmenuTrigger } from \"./components/menu.submenu-trigger\";\nimport { MenuSubmenu } from \"./components/menu.submenu\";\n\n// Re-export types\nexport type * from \"./menu.types\";\n\nexport const Menu = {\n Root: MenuRoot,\n Trigger: MenuTrigger,\n Content: MenuContent,\n Item: MenuItem,\n Section: MenuSection,\n Submenu: MenuSubmenu,\n SubmenuTrigger: MenuSubmenuTrigger,\n};\n\n// Exports for internal use by react-docgen\nexport {\n MenuRoot as _MenuRoot,\n MenuTrigger as _MenuTrigger,\n MenuContent as _MenuContent,\n MenuItem as _MenuItem,\n MenuSection as _MenuSection,\n MenuSubmenuTrigger as _MenuSubmenuTrigger,\n MenuSubmenu as _MenuSubmenu,\n};\n"],"names":["withProvider","withContext","createSlotRecipeContext","menuSlotRecipe","MenuRootSlot","MenuTriggerSlot","MenuPopoverSlot","MenuContentSlot","MenuItemSlot","MenuSectionSlot","MenuSectionLabelSlot","MenuContext","createContext","MenuProvider","useMenuContext","useContext","MenuRoot","props","recipe","useSlotRecipe","recipeProps","functionalProps","children","trigger","isOpen","defaultOpen","onOpenChange","menuContextProps","jsx","RaMenuTrigger","MenuTrigger","asChild","ref","styleProps","restProps","extractStyleProps","Button","MenuSectionContext","MenuSectionProvider","MenuContent","placementOverride","contextProps","placement","menuProps","finalPlacement","Popover","Menu","MenuItem","isCritical","RaMenuItem","hasSubmenu","jsxs","Fragment","Icon","ChevronRight","MenuSectionLabel","Header","MenuSection","label","items","selectionMode","selectedKeys","defaultSelectedKeys","onSelectionChange","disallowEmptySelection","otherProps","RaMenuSection","Collection","MenuSubmenuTrigger","RaSubmenuTrigger","MenuSubmenu"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"menu-BvZy65zm.es.js","sources":["../../src/components/menu/menu.slots.tsx","../../src/components/menu/components/menu.context.tsx","../../src/components/menu/components/menu.root.tsx","../../src/components/menu/components/menu.trigger.tsx","../../src/components/menu/components/menu.section-context.tsx","../../src/components/menu/components/menu.content.tsx","../../src/components/menu/components/menu.item.tsx","../../src/components/menu/components/menu.section-label.tsx","../../src/components/menu/components/menu.section.tsx","../../src/components/menu/components/menu.submenu-trigger.tsx","../../src/components/menu/components/menu.submenu.tsx","../../src/components/menu/menu.tsx"],"sourcesContent":["import {\n createSlotRecipeContext,\n type HTMLChakraProps,\n} from \"@chakra-ui/react/styled-system\";\nimport { menuSlotRecipe } from \"./menu.recipe\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n recipe: menuSlotRecipe,\n});\n\n// Menu Root\nexport type MenuRootSlotProps = HTMLChakraProps<\"div\">;\nexport const MenuRootSlot = withProvider<HTMLDivElement, MenuRootSlotProps>(\n \"div\",\n \"root\"\n);\n\n// Menu Trigger\nexport type MenuTriggerSlotProps = HTMLChakraProps<\"button\">;\nexport const MenuTriggerSlot = withContext<\n HTMLButtonElement,\n MenuTriggerSlotProps\n>(\"button\", \"trigger\");\n\n// Menu Popover\nexport type MenuPopoverSlotProps = HTMLChakraProps<\"div\">;\nexport const MenuPopoverSlot = withContext<\n HTMLDivElement,\n MenuPopoverSlotProps\n>(\"div\", \"popover\");\n\n// Menu Content\nexport type MenuContentSlotProps = HTMLChakraProps<\"div\">;\nexport const MenuContentSlot = withContext<\n HTMLDivElement,\n MenuContentSlotProps\n>(\"div\", \"content\");\n\n// Menu Item\nexport type MenuItemSlotProps = HTMLChakraProps<\"div\">;\nexport const MenuItemSlot = withContext<HTMLDivElement, MenuItemSlotProps>(\n \"div\",\n \"item\"\n);\n\n// Menu Section\nexport type MenuSectionSlotProps = HTMLChakraProps<\"div\">;\nexport const MenuSectionSlot = withContext<\n HTMLDivElement,\n MenuSectionSlotProps\n>(\"div\", \"section\");\n\n// Menu Section Label\nexport type MenuSectionLabelSlotProps = HTMLChakraProps<\"div\">;\nexport const MenuSectionLabelSlot = withContext<\n HTMLDivElement,\n MenuSectionLabelSlotProps\n>(\"div\", \"sectionLabel\");\n\n// Menu Group Label\nexport type MenuSubmenuSlotProps = HTMLChakraProps<\"div\">;\nexport const MenuSubmenuSlot = withContext<\n HTMLDivElement,\n MenuSubmenuSlotProps\n>(\"div\", \"submenu\");\n","import { createContext, useContext } from \"react\";\nimport type { MenuRootProps } from \"./../menu.types\";\nimport type { MenuTriggerProps as RaMenuTriggerProps } from \"react-aria-components\";\n\n// Context should contain all Menu props (excluding MenuTrigger-specific props)\nexport type MenuContextValue = Omit<\n MenuRootProps,\n keyof RaMenuTriggerProps | \"children\" | \"trigger\"\n>;\n\nconst MenuContext = createContext<MenuContextValue | undefined>(undefined);\n\nexport const MenuProvider = MenuContext.Provider;\n\nexport const useMenuContext = () => {\n const context = useContext(MenuContext);\n return context;\n};\n","import { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { MenuTrigger as RaMenuTrigger } from \"react-aria-components\";\nimport type { MenuRootProps } from \"../menu.types\";\nimport { MenuRootSlot } from \"../menu.slots\";\nimport { MenuProvider } from \"./menu.context\";\n\nexport const MenuRoot = (props: MenuRootProps) => {\n const recipe = useSlotRecipe({ key: \"menu\" });\n const [recipeProps, functionalProps] = recipe.splitVariantProps(props);\n\n // Separate MenuTrigger props from Menu props\n const {\n children,\n trigger,\n isOpen,\n defaultOpen,\n onOpenChange,\n ...menuContextProps\n } = functionalProps;\n\n const menuTriggerProps = {\n trigger,\n isOpen,\n defaultOpen,\n onOpenChange,\n };\n\n return (\n <MenuRootSlot {...recipeProps} asChild>\n <RaMenuTrigger {...menuTriggerProps}>\n <MenuProvider value={menuContextProps}>{children}</MenuProvider>\n </RaMenuTrigger>\n </MenuRootSlot>\n );\n};\n\nMenuRoot.displayName = \"Menu.Root\";\n","import { Button } from \"react-aria-components\";\nimport { MenuTriggerSlot } from \"../menu.slots\";\nimport type { MenuTriggerProps } from \"../menu.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport type { ReactNode } from \"react\";\n\nexport const MenuTrigger = ({\n children,\n asChild,\n ref,\n ...props\n}: MenuTriggerProps) => {\n const [styleProps, restProps] = extractStyleProps(props);\n\n /**\n * The user supplied a Button as the trigger\n */\n if (asChild) {\n // When asChild is true, apply styles to the child element\n return (\n <MenuTriggerSlot ref={ref} asChild {...styleProps}>\n {children as ReactNode}\n </MenuTriggerSlot>\n );\n }\n\n /**\n * The user did not supply a Button as trigger, use an unstyled button\n * to wrap which ever element the user supplied and make it a trigger\n */\n return (\n <MenuTriggerSlot asChild {...styleProps}>\n <Button ref={ref} {...restProps}>\n {children}\n </Button>\n </MenuTriggerSlot>\n );\n};\n\nMenuTrigger.displayName = \"Menu.Trigger\";\n","import { createContext, useContext } from \"react\";\n\nexport interface MenuSectionContextValue {\n selectionMode?: \"single\" | \"multiple\" | \"none\";\n}\n/**\n * Why is a second context (MenuSectionContext) needed?\n *\n * MenuSectionContext enables section-level config for menu items, such as\n * selection mode, which may differ from the global menu context. This allows\n * advanced menus where each section can have its own selection behavior\n * (e.g., one section is single-select, another is multi-select).\n * By scoping context to a section, menu items inherit settings from their\n * nearest section, falling back to the global menu context if not present.\n * This pattern improves flexibility and composability for complex menus,\n * and avoids prop drilling or awkward prop merging.\n */\n\nconst MenuSectionContext = createContext<MenuSectionContextValue | undefined>(\n undefined\n);\n\nexport const MenuSectionProvider = MenuSectionContext.Provider;\n\nexport const useMenuSectionContext = () => {\n return useContext(MenuSectionContext);\n};\n","import { Menu, Popover } from \"react-aria-components\";\nimport { MenuContentSlot, MenuPopoverSlot } from \"../menu.slots\";\nimport type { MenuContentProps } from \"../menu.types\";\nimport { useMenuContext } from \"./menu.context\";\nimport { MenuSectionProvider } from \"./menu.section-context\";\n\nexport const MenuContent = ({\n children,\n placement: placementOverride,\n ref,\n}: MenuContentProps) => {\n const contextProps = useMenuContext();\n\n if (!contextProps) {\n throw new Error(\"Menu.Content must be used within Menu.Root\");\n }\n\n // Separate placement from other props since it's handled by Popover\n const { placement, ...menuProps } = contextProps;\n const finalPlacement = placementOverride || placement || \"bottom start\";\n\n return (\n <MenuSectionProvider value={{ selectionMode: menuProps.selectionMode }}>\n <MenuPopoverSlot asChild>\n <Popover placement={finalPlacement} offset={4} shouldFlip>\n <MenuContentSlot asChild>\n <Menu ref={ref} shouldFocusWrap autoFocus=\"first\" {...menuProps}>\n {children}\n </Menu>\n </MenuContentSlot>\n </Popover>\n </MenuPopoverSlot>\n </MenuSectionProvider>\n );\n};\n\nMenuContent.displayName = \"Menu.Content\";\n","import { MenuItem as RaMenuItem } from \"react-aria-components\";\nimport { MenuItemSlot } from \"../menu.slots\";\nimport type { MenuItemProps } from \"../menu.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport { ChevronRight } from \"@commercetools/nimbus-icons\";\nimport { Icon } from \"@/components/icon\";\n\nexport const MenuItem = ({\n children,\n isCritical,\n ref,\n ...props\n}: MenuItemProps) => {\n const [styleProps, restProps] = extractStyleProps(props);\n\n return (\n <MenuItemSlot\n asChild\n {...styleProps}\n data-critical={isCritical ? \"\" : undefined}\n >\n <RaMenuItem ref={ref} {...restProps}>\n {({ hasSubmenu }) => (\n <>\n {children}\n {hasSubmenu && (\n <Icon slot=\"caretIcon\">\n <ChevronRight />\n </Icon>\n )}\n </>\n )}\n </RaMenuItem>\n </MenuItemSlot>\n );\n};\n\nMenuItem.displayName = \"Menu.Item\";\n","import { Header } from \"react-aria-components\";\nimport { MenuSectionLabelSlot } from \"../menu.slots\";\nimport type { MenuSectionLabelProps } from \"../menu.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\n\n/**\n * Used in MenuSection for rendering the `label` property.\n */\nexport const MenuSectionLabel = ({\n children,\n ref,\n ...props\n}: MenuSectionLabelProps) => {\n const [styleProps, restProps] = extractStyleProps(props);\n\n return (\n <MenuSectionLabelSlot asChild {...styleProps}>\n <Header ref={ref} {...restProps}>\n {children}\n </Header>\n </MenuSectionLabelSlot>\n );\n};\n\nMenuSectionLabel.displayName = \"Menu.SectionLabel\";\n","import {\n MenuSection as RaMenuSection,\n Collection,\n} from \"react-aria-components\";\nimport { MenuSectionSlot } from \"../menu.slots\";\nimport type { MenuSectionProps } from \"../menu.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport { useMenuContext } from \"./menu.context\";\nimport { MenuSectionProvider } from \"./menu.section-context\";\nimport { MenuSectionLabel } from \"./menu.section-label\";\nimport type { ReactNode } from \"react\";\n\nexport const MenuSection = <T extends object = object>({\n children,\n ref,\n label,\n items,\n ...props\n}: MenuSectionProps<T>) => {\n const contextProps = useMenuContext();\n\n // Extract selection-related props before extracting style props\n const {\n selectionMode = contextProps?.selectionMode,\n selectedKeys = contextProps?.selectedKeys,\n defaultSelectedKeys = contextProps?.defaultSelectedKeys,\n onSelectionChange = contextProps?.onSelectionChange,\n disallowEmptySelection = contextProps?.disallowEmptySelection,\n ...restProps\n } = props;\n\n const [styleProps, otherProps] = extractStyleProps(restProps);\n\n return (\n <MenuSectionProvider value={{ selectionMode }}>\n <MenuSectionSlot asChild {...styleProps}>\n <RaMenuSection\n ref={ref}\n selectionMode={selectionMode}\n selectedKeys={selectedKeys}\n defaultSelectedKeys={defaultSelectedKeys}\n onSelectionChange={onSelectionChange}\n disallowEmptySelection={disallowEmptySelection}\n {...otherProps}\n >\n <MenuSectionLabel>{label}</MenuSectionLabel>\n {items ? (\n <Collection items={items}>{children}</Collection>\n ) : (\n (children as ReactNode)\n )}\n </RaMenuSection>\n </MenuSectionSlot>\n </MenuSectionProvider>\n );\n};\n\nMenuSection.displayName = \"Menu.Section\";\n","import { SubmenuTrigger as RaSubmenuTrigger } from \"react-aria-components\";\nimport type { MenuSubmenuTriggerProps } from \"../menu.types\";\n\nexport const MenuSubmenuTrigger = ({\n children,\n ...props\n}: MenuSubmenuTriggerProps) => {\n return <RaSubmenuTrigger {...props}>{children}</RaSubmenuTrigger>;\n};\n\nMenuSubmenuTrigger.displayName = \"Menu.SubmenuTrigger\";\n","import type { MenuSubmenuProps } from \"../menu.types\";\nimport { MenuContent } from \"./menu.content\";\n\nexport const MenuSubmenu = ({ children, ...props }: MenuSubmenuProps) => {\n return (\n <MenuContent {...props} placement=\"end\">\n {children}\n </MenuContent>\n );\n};\n\nMenuSubmenu.displayName = \"Menu.Submenu\";\n","import { MenuRoot } from \"./components/menu.root\";\nimport { MenuTrigger } from \"./components/menu.trigger\";\nimport { MenuContent } from \"./components/menu.content\";\nimport { MenuItem } from \"./components/menu.item\";\nimport { MenuSection } from \"./components/menu.section\";\nimport { MenuSubmenuTrigger } from \"./components/menu.submenu-trigger\";\nimport { MenuSubmenu } from \"./components/menu.submenu\";\n\n// Re-export types\nexport type * from \"./menu.types\";\n\nexport const Menu = {\n Root: MenuRoot,\n Trigger: MenuTrigger,\n Content: MenuContent,\n Item: MenuItem,\n Section: MenuSection,\n Submenu: MenuSubmenu,\n SubmenuTrigger: MenuSubmenuTrigger,\n};\n\n// Exports for internal use by react-docgen\nexport {\n MenuRoot as _MenuRoot,\n MenuTrigger as _MenuTrigger,\n MenuContent as _MenuContent,\n MenuItem as _MenuItem,\n MenuSection as _MenuSection,\n MenuSubmenuTrigger as _MenuSubmenuTrigger,\n MenuSubmenu as _MenuSubmenu,\n};\n"],"names":["withProvider","withContext","createSlotRecipeContext","menuSlotRecipe","MenuRootSlot","MenuTriggerSlot","MenuPopoverSlot","MenuContentSlot","MenuItemSlot","MenuSectionSlot","MenuSectionLabelSlot","MenuContext","createContext","MenuProvider","useMenuContext","useContext","MenuRoot","props","recipe","useSlotRecipe","recipeProps","functionalProps","children","trigger","isOpen","defaultOpen","onOpenChange","menuContextProps","jsx","RaMenuTrigger","MenuTrigger","asChild","ref","styleProps","restProps","extractStyleProps","Button","MenuSectionContext","MenuSectionProvider","MenuContent","placementOverride","contextProps","placement","menuProps","finalPlacement","Popover","Menu","MenuItem","isCritical","RaMenuItem","hasSubmenu","jsxs","Fragment","Icon","ChevronRight","MenuSectionLabel","Header","MenuSection","label","items","selectionMode","selectedKeys","defaultSelectedKeys","onSelectionChange","disallowEmptySelection","otherProps","RaMenuSection","Collection","MenuSubmenuTrigger","RaSubmenuTrigger","MenuSubmenu"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const e=require("react/jsx-runtime"),y=require("@chakra-ui/react/styled-system"),u=require("./Dialog-XGXh4NXU.cjs.js"),w=require("./index-
|
|
2
|
-
//# sourceMappingURL=menu-
|
|
1
|
+
"use strict";const e=require("react/jsx-runtime"),y=require("@chakra-ui/react/styled-system"),u=require("./Dialog-XGXh4NXU.cjs.js"),w=require("./index-Bx9ez6gh.cjs.js"),m=require("react"),F=require("./Button-CFZnLKVR.cjs.js"),d=require("./extractStyleProps-G58aSXl8.cjs.js"),K=require("@commercetools/nimbus-icons"),L=require("./icon-BHx0r3NL.cjs.js"),E=require("./CollectionBuilder-BiEelELF.cjs.js"),O=require("./Header-BmzdY2bW.cjs.js"),{withProvider:B,withContext:l}=y.createSlotRecipeContext({recipe:w.menuSlotRecipe}),k=B("div","root"),j=l("button","trigger"),D=l("div","popover"),H=l("div","content"),V=l("div","item"),W=l("div","section"),z=l("div","sectionLabel"),f=m.createContext(void 0),A=f.Provider,v=()=>m.useContext(f),S=t=>{const n=y.useSlotRecipe({key:"menu"}),[c,r]=n.splitVariantProps(t),{children:s,trigger:o,isOpen:i,defaultOpen:p,onOpenChange:x,...b}=r,M={trigger:o,isOpen:i,defaultOpen:p,onOpenChange:x};return e.jsx(k,{...c,asChild:!0,children:e.jsx(u.$3674c52c6b3c5bce$export$27d2ad3c5815583e,{...M,children:e.jsx(A,{value:b,children:s})})})};S.displayName="Menu.Root";const h=({children:t,asChild:n,ref:c,...r})=>{const[s,o]=d.extractStyleProps(r);return n?e.jsx(j,{ref:c,asChild:!0,...s,children:t}):e.jsx(j,{asChild:!0,...s,children:e.jsx(F.$d2b4bc8c273e7be6$export$353f5b6fc5456de1,{ref:c,...o,children:t})})};h.displayName="Menu.Trigger";const G=m.createContext(void 0),R=G.Provider,a=({children:t,placement:n,ref:c})=>{const r=v();if(!r)throw new Error("Menu.Content must be used within Menu.Root");const{placement:s,...o}=r,i=n||s||"bottom start";return e.jsx(R,{value:{selectionMode:o.selectionMode},children:e.jsx(D,{asChild:!0,children:e.jsx(u.$07b14b47974efb58$export$5b6b19405a83ff9d,{placement:i,offset:4,shouldFlip:!0,children:e.jsx(H,{asChild:!0,children:e.jsx(u.$3674c52c6b3c5bce$export$d9b273488cd8ce6f,{ref:c,shouldFocusWrap:!0,autoFocus:"first",...o,children:t})})})})})};a.displayName="Menu.Content";const g=({children:t,isCritical:n,ref:c,...r})=>{const[s,o]=d.extractStyleProps(r);return e.jsx(V,{asChild:!0,...s,"data-critical":n?"":void 0,children:e.jsx(u.$3674c52c6b3c5bce$export$2ce376c2cc3355c8,{ref:c,...o,children:({hasSubmenu:i})=>e.jsxs(e.Fragment,{children:[t,i&&e.jsx(L.Icon,{slot:"caretIcon",children:e.jsx(K.ChevronRight,{})})]})})})};g.displayName="Menu.Item";const q=({children:t,ref:n,...c})=>{const[r,s]=d.extractStyleProps(c);return e.jsx(z,{asChild:!0,...r,children:e.jsx(O.$72a5793c14baf454$export$8b251419efc915eb,{ref:n,...s,children:t})})};q.displayName="Menu.SectionLabel";const P=({children:t,ref:n,label:c,items:r,...s})=>{const o=v(),{selectionMode:i=o?.selectionMode,selectedKeys:p=o?.selectedKeys,defaultSelectedKeys:x=o?.defaultSelectedKeys,onSelectionChange:b=o?.onSelectionChange,disallowEmptySelection:M=o?.disallowEmptySelection,...T}=s,[I,N]=d.extractStyleProps(T);return e.jsx(R,{value:{selectionMode:i},children:e.jsx(W,{asChild:!0,...I,children:e.jsxs(u.$3674c52c6b3c5bce$export$4b1545b4f2016d26,{ref:n,selectionMode:i,selectedKeys:p,defaultSelectedKeys:x,onSelectionChange:b,disallowEmptySelection:M,...N,children:[e.jsx(q,{children:c}),r?e.jsx(E.$e1995378a142960e$export$fb8073518f34e6ec,{items:r,children:t}):t]})})})};P.displayName="Menu.Section";const C=({children:t,...n})=>e.jsx(u.$3674c52c6b3c5bce$export$ecabc99eeffab7ca,{...n,children:t});C.displayName="Menu.SubmenuTrigger";const $=({children:t,...n})=>e.jsx(a,{...n,placement:"end",children:t});$.displayName="Menu.Submenu";const J={Root:S,Trigger:h,Content:a,Item:g,Section:P,Submenu:$,SubmenuTrigger:C};exports.Menu=J;exports.MenuContent=a;exports.MenuItem=g;exports.MenuRoot=S;exports.MenuSection=P;exports.MenuSubmenu=$;exports.MenuSubmenuTrigger=C;exports.MenuTrigger=h;
|
|
2
|
+
//# sourceMappingURL=menu-CW4QVk-m.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu-BGmtow-5.cjs.js","sources":["../../src/components/menu/menu.slots.tsx","../../src/components/menu/components/menu.context.tsx","../../src/components/menu/components/menu.root.tsx","../../src/components/menu/components/menu.trigger.tsx","../../src/components/menu/components/menu.section-context.tsx","../../src/components/menu/components/menu.content.tsx","../../src/components/menu/components/menu.item.tsx","../../src/components/menu/components/menu.section-label.tsx","../../src/components/menu/components/menu.section.tsx","../../src/components/menu/components/menu.submenu-trigger.tsx","../../src/components/menu/components/menu.submenu.tsx","../../src/components/menu/menu.tsx"],"sourcesContent":["import {\n createSlotRecipeContext,\n type HTMLChakraProps,\n} from \"@chakra-ui/react/styled-system\";\nimport { menuSlotRecipe } from \"./menu.recipe\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n recipe: menuSlotRecipe,\n});\n\n// Menu Root\nexport type MenuRootSlotProps = HTMLChakraProps<\"div\">;\nexport const MenuRootSlot = withProvider<HTMLDivElement, MenuRootSlotProps>(\n \"div\",\n \"root\"\n);\n\n// Menu Trigger\nexport type MenuTriggerSlotProps = HTMLChakraProps<\"button\">;\nexport const MenuTriggerSlot = withContext<\n HTMLButtonElement,\n MenuTriggerSlotProps\n>(\"button\", \"trigger\");\n\n// Menu Popover\nexport type MenuPopoverSlotProps = HTMLChakraProps<\"div\">;\nexport const MenuPopoverSlot = withContext<\n HTMLDivElement,\n MenuPopoverSlotProps\n>(\"div\", \"popover\");\n\n// Menu Content\nexport type MenuContentSlotProps = HTMLChakraProps<\"div\">;\nexport const MenuContentSlot = withContext<\n HTMLDivElement,\n MenuContentSlotProps\n>(\"div\", \"content\");\n\n// Menu Item\nexport type MenuItemSlotProps = HTMLChakraProps<\"div\">;\nexport const MenuItemSlot = withContext<HTMLDivElement, MenuItemSlotProps>(\n \"div\",\n \"item\"\n);\n\n// Menu Section\nexport type MenuSectionSlotProps = HTMLChakraProps<\"div\">;\nexport const MenuSectionSlot = withContext<\n HTMLDivElement,\n MenuSectionSlotProps\n>(\"div\", \"section\");\n\n// Menu Section Label\nexport type MenuSectionLabelSlotProps = HTMLChakraProps<\"div\">;\nexport const MenuSectionLabelSlot = withContext<\n HTMLDivElement,\n MenuSectionLabelSlotProps\n>(\"div\", \"sectionLabel\");\n\n// Menu Group Label\nexport type MenuSubmenuSlotProps = HTMLChakraProps<\"div\">;\nexport const MenuSubmenuSlot = withContext<\n HTMLDivElement,\n MenuSubmenuSlotProps\n>(\"div\", \"submenu\");\n","import { createContext, useContext } from \"react\";\nimport type { MenuRootProps } from \"./../menu.types\";\nimport type { MenuTriggerProps as RaMenuTriggerProps } from \"react-aria-components\";\n\n// Context should contain all Menu props (excluding MenuTrigger-specific props)\nexport type MenuContextValue = Omit<\n MenuRootProps,\n keyof RaMenuTriggerProps | \"children\" | \"trigger\"\n>;\n\nconst MenuContext = createContext<MenuContextValue | undefined>(undefined);\n\nexport const MenuProvider = MenuContext.Provider;\n\nexport const useMenuContext = () => {\n const context = useContext(MenuContext);\n return context;\n};\n","import { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { MenuTrigger as RaMenuTrigger } from \"react-aria-components\";\nimport type { MenuRootProps } from \"../menu.types\";\nimport { MenuRootSlot } from \"../menu.slots\";\nimport { MenuProvider } from \"./menu.context\";\n\nexport const MenuRoot = (props: MenuRootProps) => {\n const recipe = useSlotRecipe({ key: \"menu\" });\n const [recipeProps, functionalProps] = recipe.splitVariantProps(props);\n\n // Separate MenuTrigger props from Menu props\n const {\n children,\n trigger,\n isOpen,\n defaultOpen,\n onOpenChange,\n ...menuContextProps\n } = functionalProps;\n\n const menuTriggerProps = {\n trigger,\n isOpen,\n defaultOpen,\n onOpenChange,\n };\n\n return (\n <MenuRootSlot {...recipeProps} asChild>\n <RaMenuTrigger {...menuTriggerProps}>\n <MenuProvider value={menuContextProps}>{children}</MenuProvider>\n </RaMenuTrigger>\n </MenuRootSlot>\n );\n};\n\nMenuRoot.displayName = \"Menu.Root\";\n","import { Button } from \"react-aria-components\";\nimport { MenuTriggerSlot } from \"../menu.slots\";\nimport type { MenuTriggerProps } from \"../menu.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport type { ReactNode } from \"react\";\n\nexport const MenuTrigger = ({\n children,\n asChild,\n ref,\n ...props\n}: MenuTriggerProps) => {\n const [styleProps, restProps] = extractStyleProps(props);\n\n /**\n * The user supplied a Button as the trigger\n */\n if (asChild) {\n // When asChild is true, apply styles to the child element\n return (\n <MenuTriggerSlot ref={ref} asChild {...styleProps}>\n {children as ReactNode}\n </MenuTriggerSlot>\n );\n }\n\n /**\n * The user did not supply a Button as trigger, use an unstyled button\n * to wrap which ever element the user supplied and make it a trigger\n */\n return (\n <MenuTriggerSlot asChild {...styleProps}>\n <Button ref={ref} {...restProps}>\n {children}\n </Button>\n </MenuTriggerSlot>\n );\n};\n\nMenuTrigger.displayName = \"Menu.Trigger\";\n","import { createContext, useContext } from \"react\";\n\nexport interface MenuSectionContextValue {\n selectionMode?: \"single\" | \"multiple\" | \"none\";\n}\n/**\n * Why is a second context (MenuSectionContext) needed?\n *\n * MenuSectionContext enables section-level config for menu items, such as\n * selection mode, which may differ from the global menu context. This allows\n * advanced menus where each section can have its own selection behavior\n * (e.g., one section is single-select, another is multi-select).\n * By scoping context to a section, menu items inherit settings from their\n * nearest section, falling back to the global menu context if not present.\n * This pattern improves flexibility and composability for complex menus,\n * and avoids prop drilling or awkward prop merging.\n */\n\nconst MenuSectionContext = createContext<MenuSectionContextValue | undefined>(\n undefined\n);\n\nexport const MenuSectionProvider = MenuSectionContext.Provider;\n\nexport const useMenuSectionContext = () => {\n return useContext(MenuSectionContext);\n};\n","import { Menu, Popover } from \"react-aria-components\";\nimport { MenuContentSlot, MenuPopoverSlot } from \"../menu.slots\";\nimport type { MenuContentProps } from \"../menu.types\";\nimport { useMenuContext } from \"./menu.context\";\nimport { MenuSectionProvider } from \"./menu.section-context\";\n\nexport const MenuContent = ({\n children,\n placement: placementOverride,\n ref,\n}: MenuContentProps) => {\n const contextProps = useMenuContext();\n\n if (!contextProps) {\n throw new Error(\"Menu.Content must be used within Menu.Root\");\n }\n\n // Separate placement from other props since it's handled by Popover\n const { placement, ...menuProps } = contextProps;\n const finalPlacement = placementOverride || placement || \"bottom start\";\n\n return (\n <MenuSectionProvider value={{ selectionMode: menuProps.selectionMode }}>\n <MenuPopoverSlot asChild>\n <Popover placement={finalPlacement} offset={4} shouldFlip>\n <MenuContentSlot asChild>\n <Menu ref={ref} shouldFocusWrap autoFocus=\"first\" {...menuProps}>\n {children}\n </Menu>\n </MenuContentSlot>\n </Popover>\n </MenuPopoverSlot>\n </MenuSectionProvider>\n );\n};\n\nMenuContent.displayName = \"Menu.Content\";\n","import { MenuItem as RaMenuItem } from \"react-aria-components\";\nimport { MenuItemSlot } from \"../menu.slots\";\nimport type { MenuItemProps } from \"../menu.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport { ChevronRight } from \"@commercetools/nimbus-icons\";\nimport { Icon } from \"@/components/icon\";\n\nexport const MenuItem = ({\n children,\n isCritical,\n ref,\n ...props\n}: MenuItemProps) => {\n const [styleProps, restProps] = extractStyleProps(props);\n\n return (\n <MenuItemSlot\n asChild\n {...styleProps}\n data-critical={isCritical ? \"\" : undefined}\n >\n <RaMenuItem ref={ref} {...restProps}>\n {({ hasSubmenu }) => (\n <>\n {children}\n {hasSubmenu && (\n <Icon slot=\"caretIcon\">\n <ChevronRight />\n </Icon>\n )}\n </>\n )}\n </RaMenuItem>\n </MenuItemSlot>\n );\n};\n\nMenuItem.displayName = \"Menu.Item\";\n","import { Header } from \"react-aria-components\";\nimport { MenuSectionLabelSlot } from \"../menu.slots\";\nimport type { MenuSectionLabelProps } from \"../menu.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\n\n/**\n * Used in MenuSection for rendering the `label` property.\n */\nexport const MenuSectionLabel = ({\n children,\n ref,\n ...props\n}: MenuSectionLabelProps) => {\n const [styleProps, restProps] = extractStyleProps(props);\n\n return (\n <MenuSectionLabelSlot asChild {...styleProps}>\n <Header ref={ref} {...restProps}>\n {children}\n </Header>\n </MenuSectionLabelSlot>\n );\n};\n\nMenuSectionLabel.displayName = \"Menu.SectionLabel\";\n","import {\n MenuSection as RaMenuSection,\n Collection,\n} from \"react-aria-components\";\nimport { MenuSectionSlot } from \"../menu.slots\";\nimport type { MenuSectionProps } from \"../menu.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport { useMenuContext } from \"./menu.context\";\nimport { MenuSectionProvider } from \"./menu.section-context\";\nimport { MenuSectionLabel } from \"./menu.section-label\";\nimport type { ReactNode } from \"react\";\n\nexport const MenuSection = <T extends object = object>({\n children,\n ref,\n label,\n items,\n ...props\n}: MenuSectionProps<T>) => {\n const contextProps = useMenuContext();\n\n // Extract selection-related props before extracting style props\n const {\n selectionMode = contextProps?.selectionMode,\n selectedKeys = contextProps?.selectedKeys,\n defaultSelectedKeys = contextProps?.defaultSelectedKeys,\n onSelectionChange = contextProps?.onSelectionChange,\n disallowEmptySelection = contextProps?.disallowEmptySelection,\n ...restProps\n } = props;\n\n const [styleProps, otherProps] = extractStyleProps(restProps);\n\n return (\n <MenuSectionProvider value={{ selectionMode }}>\n <MenuSectionSlot asChild {...styleProps}>\n <RaMenuSection\n ref={ref}\n selectionMode={selectionMode}\n selectedKeys={selectedKeys}\n defaultSelectedKeys={defaultSelectedKeys}\n onSelectionChange={onSelectionChange}\n disallowEmptySelection={disallowEmptySelection}\n {...otherProps}\n >\n <MenuSectionLabel>{label}</MenuSectionLabel>\n {items ? (\n <Collection items={items}>{children}</Collection>\n ) : (\n (children as ReactNode)\n )}\n </RaMenuSection>\n </MenuSectionSlot>\n </MenuSectionProvider>\n );\n};\n\nMenuSection.displayName = \"Menu.Section\";\n","import { SubmenuTrigger as RaSubmenuTrigger } from \"react-aria-components\";\nimport type { MenuSubmenuTriggerProps } from \"../menu.types\";\n\nexport const MenuSubmenuTrigger = ({\n children,\n ...props\n}: MenuSubmenuTriggerProps) => {\n return <RaSubmenuTrigger {...props}>{children}</RaSubmenuTrigger>;\n};\n\nMenuSubmenuTrigger.displayName = \"Menu.SubmenuTrigger\";\n","import type { MenuSubmenuProps } from \"../menu.types\";\nimport { MenuContent } from \"./menu.content\";\n\nexport const MenuSubmenu = ({ children, ...props }: MenuSubmenuProps) => {\n return (\n <MenuContent {...props} placement=\"end\">\n {children}\n </MenuContent>\n );\n};\n\nMenuSubmenu.displayName = \"Menu.Submenu\";\n","import { MenuRoot } from \"./components/menu.root\";\nimport { MenuTrigger } from \"./components/menu.trigger\";\nimport { MenuContent } from \"./components/menu.content\";\nimport { MenuItem } from \"./components/menu.item\";\nimport { MenuSection } from \"./components/menu.section\";\nimport { MenuSubmenuTrigger } from \"./components/menu.submenu-trigger\";\nimport { MenuSubmenu } from \"./components/menu.submenu\";\n\n// Re-export types\nexport type * from \"./menu.types\";\n\nexport const Menu = {\n Root: MenuRoot,\n Trigger: MenuTrigger,\n Content: MenuContent,\n Item: MenuItem,\n Section: MenuSection,\n Submenu: MenuSubmenu,\n SubmenuTrigger: MenuSubmenuTrigger,\n};\n\n// Exports for internal use by react-docgen\nexport {\n MenuRoot as _MenuRoot,\n MenuTrigger as _MenuTrigger,\n MenuContent as _MenuContent,\n MenuItem as _MenuItem,\n MenuSection as _MenuSection,\n MenuSubmenuTrigger as _MenuSubmenuTrigger,\n MenuSubmenu as _MenuSubmenu,\n};\n"],"names":["withProvider","withContext","createSlotRecipeContext","menuSlotRecipe","MenuRootSlot","MenuTriggerSlot","MenuPopoverSlot","MenuContentSlot","MenuItemSlot","MenuSectionSlot","MenuSectionLabelSlot","MenuContext","createContext","MenuProvider","useMenuContext","useContext","MenuRoot","props","recipe","useSlotRecipe","recipeProps","functionalProps","children","trigger","isOpen","defaultOpen","onOpenChange","menuContextProps","menuTriggerProps","jsx","RaMenuTrigger","MenuTrigger","asChild","ref","styleProps","restProps","extractStyleProps","Button","MenuSectionContext","MenuSectionProvider","MenuContent","placementOverride","contextProps","placement","menuProps","finalPlacement","Popover","Menu","MenuItem","isCritical","RaMenuItem","hasSubmenu","jsxs","Fragment","Icon","ChevronRight","MenuSectionLabel","Header","MenuSection","label","items","selectionMode","selectedKeys","defaultSelectedKeys","onSelectionChange","disallowEmptySelection","otherProps","RaMenuSection","Collection","MenuSubmenuTrigger","RaSubmenuTrigger","MenuSubmenu"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"menu-CW4QVk-m.cjs.js","sources":["../../src/components/menu/menu.slots.tsx","../../src/components/menu/components/menu.context.tsx","../../src/components/menu/components/menu.root.tsx","../../src/components/menu/components/menu.trigger.tsx","../../src/components/menu/components/menu.section-context.tsx","../../src/components/menu/components/menu.content.tsx","../../src/components/menu/components/menu.item.tsx","../../src/components/menu/components/menu.section-label.tsx","../../src/components/menu/components/menu.section.tsx","../../src/components/menu/components/menu.submenu-trigger.tsx","../../src/components/menu/components/menu.submenu.tsx","../../src/components/menu/menu.tsx"],"sourcesContent":["import {\n createSlotRecipeContext,\n type HTMLChakraProps,\n} from \"@chakra-ui/react/styled-system\";\nimport { menuSlotRecipe } from \"./menu.recipe\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n recipe: menuSlotRecipe,\n});\n\n// Menu Root\nexport type MenuRootSlotProps = HTMLChakraProps<\"div\">;\nexport const MenuRootSlot = withProvider<HTMLDivElement, MenuRootSlotProps>(\n \"div\",\n \"root\"\n);\n\n// Menu Trigger\nexport type MenuTriggerSlotProps = HTMLChakraProps<\"button\">;\nexport const MenuTriggerSlot = withContext<\n HTMLButtonElement,\n MenuTriggerSlotProps\n>(\"button\", \"trigger\");\n\n// Menu Popover\nexport type MenuPopoverSlotProps = HTMLChakraProps<\"div\">;\nexport const MenuPopoverSlot = withContext<\n HTMLDivElement,\n MenuPopoverSlotProps\n>(\"div\", \"popover\");\n\n// Menu Content\nexport type MenuContentSlotProps = HTMLChakraProps<\"div\">;\nexport const MenuContentSlot = withContext<\n HTMLDivElement,\n MenuContentSlotProps\n>(\"div\", \"content\");\n\n// Menu Item\nexport type MenuItemSlotProps = HTMLChakraProps<\"div\">;\nexport const MenuItemSlot = withContext<HTMLDivElement, MenuItemSlotProps>(\n \"div\",\n \"item\"\n);\n\n// Menu Section\nexport type MenuSectionSlotProps = HTMLChakraProps<\"div\">;\nexport const MenuSectionSlot = withContext<\n HTMLDivElement,\n MenuSectionSlotProps\n>(\"div\", \"section\");\n\n// Menu Section Label\nexport type MenuSectionLabelSlotProps = HTMLChakraProps<\"div\">;\nexport const MenuSectionLabelSlot = withContext<\n HTMLDivElement,\n MenuSectionLabelSlotProps\n>(\"div\", \"sectionLabel\");\n\n// Menu Group Label\nexport type MenuSubmenuSlotProps = HTMLChakraProps<\"div\">;\nexport const MenuSubmenuSlot = withContext<\n HTMLDivElement,\n MenuSubmenuSlotProps\n>(\"div\", \"submenu\");\n","import { createContext, useContext } from \"react\";\nimport type { MenuRootProps } from \"./../menu.types\";\nimport type { MenuTriggerProps as RaMenuTriggerProps } from \"react-aria-components\";\n\n// Context should contain all Menu props (excluding MenuTrigger-specific props)\nexport type MenuContextValue = Omit<\n MenuRootProps,\n keyof RaMenuTriggerProps | \"children\" | \"trigger\"\n>;\n\nconst MenuContext = createContext<MenuContextValue | undefined>(undefined);\n\nexport const MenuProvider = MenuContext.Provider;\n\nexport const useMenuContext = () => {\n const context = useContext(MenuContext);\n return context;\n};\n","import { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { MenuTrigger as RaMenuTrigger } from \"react-aria-components\";\nimport type { MenuRootProps } from \"../menu.types\";\nimport { MenuRootSlot } from \"../menu.slots\";\nimport { MenuProvider } from \"./menu.context\";\n\nexport const MenuRoot = (props: MenuRootProps) => {\n const recipe = useSlotRecipe({ key: \"menu\" });\n const [recipeProps, functionalProps] = recipe.splitVariantProps(props);\n\n // Separate MenuTrigger props from Menu props\n const {\n children,\n trigger,\n isOpen,\n defaultOpen,\n onOpenChange,\n ...menuContextProps\n } = functionalProps;\n\n const menuTriggerProps = {\n trigger,\n isOpen,\n defaultOpen,\n onOpenChange,\n };\n\n return (\n <MenuRootSlot {...recipeProps} asChild>\n <RaMenuTrigger {...menuTriggerProps}>\n <MenuProvider value={menuContextProps}>{children}</MenuProvider>\n </RaMenuTrigger>\n </MenuRootSlot>\n );\n};\n\nMenuRoot.displayName = \"Menu.Root\";\n","import { Button } from \"react-aria-components\";\nimport { MenuTriggerSlot } from \"../menu.slots\";\nimport type { MenuTriggerProps } from \"../menu.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport type { ReactNode } from \"react\";\n\nexport const MenuTrigger = ({\n children,\n asChild,\n ref,\n ...props\n}: MenuTriggerProps) => {\n const [styleProps, restProps] = extractStyleProps(props);\n\n /**\n * The user supplied a Button as the trigger\n */\n if (asChild) {\n // When asChild is true, apply styles to the child element\n return (\n <MenuTriggerSlot ref={ref} asChild {...styleProps}>\n {children as ReactNode}\n </MenuTriggerSlot>\n );\n }\n\n /**\n * The user did not supply a Button as trigger, use an unstyled button\n * to wrap which ever element the user supplied and make it a trigger\n */\n return (\n <MenuTriggerSlot asChild {...styleProps}>\n <Button ref={ref} {...restProps}>\n {children}\n </Button>\n </MenuTriggerSlot>\n );\n};\n\nMenuTrigger.displayName = \"Menu.Trigger\";\n","import { createContext, useContext } from \"react\";\n\nexport interface MenuSectionContextValue {\n selectionMode?: \"single\" | \"multiple\" | \"none\";\n}\n/**\n * Why is a second context (MenuSectionContext) needed?\n *\n * MenuSectionContext enables section-level config for menu items, such as\n * selection mode, which may differ from the global menu context. This allows\n * advanced menus where each section can have its own selection behavior\n * (e.g., one section is single-select, another is multi-select).\n * By scoping context to a section, menu items inherit settings from their\n * nearest section, falling back to the global menu context if not present.\n * This pattern improves flexibility and composability for complex menus,\n * and avoids prop drilling or awkward prop merging.\n */\n\nconst MenuSectionContext = createContext<MenuSectionContextValue | undefined>(\n undefined\n);\n\nexport const MenuSectionProvider = MenuSectionContext.Provider;\n\nexport const useMenuSectionContext = () => {\n return useContext(MenuSectionContext);\n};\n","import { Menu, Popover } from \"react-aria-components\";\nimport { MenuContentSlot, MenuPopoverSlot } from \"../menu.slots\";\nimport type { MenuContentProps } from \"../menu.types\";\nimport { useMenuContext } from \"./menu.context\";\nimport { MenuSectionProvider } from \"./menu.section-context\";\n\nexport const MenuContent = ({\n children,\n placement: placementOverride,\n ref,\n}: MenuContentProps) => {\n const contextProps = useMenuContext();\n\n if (!contextProps) {\n throw new Error(\"Menu.Content must be used within Menu.Root\");\n }\n\n // Separate placement from other props since it's handled by Popover\n const { placement, ...menuProps } = contextProps;\n const finalPlacement = placementOverride || placement || \"bottom start\";\n\n return (\n <MenuSectionProvider value={{ selectionMode: menuProps.selectionMode }}>\n <MenuPopoverSlot asChild>\n <Popover placement={finalPlacement} offset={4} shouldFlip>\n <MenuContentSlot asChild>\n <Menu ref={ref} shouldFocusWrap autoFocus=\"first\" {...menuProps}>\n {children}\n </Menu>\n </MenuContentSlot>\n </Popover>\n </MenuPopoverSlot>\n </MenuSectionProvider>\n );\n};\n\nMenuContent.displayName = \"Menu.Content\";\n","import { MenuItem as RaMenuItem } from \"react-aria-components\";\nimport { MenuItemSlot } from \"../menu.slots\";\nimport type { MenuItemProps } from \"../menu.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport { ChevronRight } from \"@commercetools/nimbus-icons\";\nimport { Icon } from \"@/components/icon\";\n\nexport const MenuItem = ({\n children,\n isCritical,\n ref,\n ...props\n}: MenuItemProps) => {\n const [styleProps, restProps] = extractStyleProps(props);\n\n return (\n <MenuItemSlot\n asChild\n {...styleProps}\n data-critical={isCritical ? \"\" : undefined}\n >\n <RaMenuItem ref={ref} {...restProps}>\n {({ hasSubmenu }) => (\n <>\n {children}\n {hasSubmenu && (\n <Icon slot=\"caretIcon\">\n <ChevronRight />\n </Icon>\n )}\n </>\n )}\n </RaMenuItem>\n </MenuItemSlot>\n );\n};\n\nMenuItem.displayName = \"Menu.Item\";\n","import { Header } from \"react-aria-components\";\nimport { MenuSectionLabelSlot } from \"../menu.slots\";\nimport type { MenuSectionLabelProps } from \"../menu.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\n\n/**\n * Used in MenuSection for rendering the `label` property.\n */\nexport const MenuSectionLabel = ({\n children,\n ref,\n ...props\n}: MenuSectionLabelProps) => {\n const [styleProps, restProps] = extractStyleProps(props);\n\n return (\n <MenuSectionLabelSlot asChild {...styleProps}>\n <Header ref={ref} {...restProps}>\n {children}\n </Header>\n </MenuSectionLabelSlot>\n );\n};\n\nMenuSectionLabel.displayName = \"Menu.SectionLabel\";\n","import {\n MenuSection as RaMenuSection,\n Collection,\n} from \"react-aria-components\";\nimport { MenuSectionSlot } from \"../menu.slots\";\nimport type { MenuSectionProps } from \"../menu.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport { useMenuContext } from \"./menu.context\";\nimport { MenuSectionProvider } from \"./menu.section-context\";\nimport { MenuSectionLabel } from \"./menu.section-label\";\nimport type { ReactNode } from \"react\";\n\nexport const MenuSection = <T extends object = object>({\n children,\n ref,\n label,\n items,\n ...props\n}: MenuSectionProps<T>) => {\n const contextProps = useMenuContext();\n\n // Extract selection-related props before extracting style props\n const {\n selectionMode = contextProps?.selectionMode,\n selectedKeys = contextProps?.selectedKeys,\n defaultSelectedKeys = contextProps?.defaultSelectedKeys,\n onSelectionChange = contextProps?.onSelectionChange,\n disallowEmptySelection = contextProps?.disallowEmptySelection,\n ...restProps\n } = props;\n\n const [styleProps, otherProps] = extractStyleProps(restProps);\n\n return (\n <MenuSectionProvider value={{ selectionMode }}>\n <MenuSectionSlot asChild {...styleProps}>\n <RaMenuSection\n ref={ref}\n selectionMode={selectionMode}\n selectedKeys={selectedKeys}\n defaultSelectedKeys={defaultSelectedKeys}\n onSelectionChange={onSelectionChange}\n disallowEmptySelection={disallowEmptySelection}\n {...otherProps}\n >\n <MenuSectionLabel>{label}</MenuSectionLabel>\n {items ? (\n <Collection items={items}>{children}</Collection>\n ) : (\n (children as ReactNode)\n )}\n </RaMenuSection>\n </MenuSectionSlot>\n </MenuSectionProvider>\n );\n};\n\nMenuSection.displayName = \"Menu.Section\";\n","import { SubmenuTrigger as RaSubmenuTrigger } from \"react-aria-components\";\nimport type { MenuSubmenuTriggerProps } from \"../menu.types\";\n\nexport const MenuSubmenuTrigger = ({\n children,\n ...props\n}: MenuSubmenuTriggerProps) => {\n return <RaSubmenuTrigger {...props}>{children}</RaSubmenuTrigger>;\n};\n\nMenuSubmenuTrigger.displayName = \"Menu.SubmenuTrigger\";\n","import type { MenuSubmenuProps } from \"../menu.types\";\nimport { MenuContent } from \"./menu.content\";\n\nexport const MenuSubmenu = ({ children, ...props }: MenuSubmenuProps) => {\n return (\n <MenuContent {...props} placement=\"end\">\n {children}\n </MenuContent>\n );\n};\n\nMenuSubmenu.displayName = \"Menu.Submenu\";\n","import { MenuRoot } from \"./components/menu.root\";\nimport { MenuTrigger } from \"./components/menu.trigger\";\nimport { MenuContent } from \"./components/menu.content\";\nimport { MenuItem } from \"./components/menu.item\";\nimport { MenuSection } from \"./components/menu.section\";\nimport { MenuSubmenuTrigger } from \"./components/menu.submenu-trigger\";\nimport { MenuSubmenu } from \"./components/menu.submenu\";\n\n// Re-export types\nexport type * from \"./menu.types\";\n\nexport const Menu = {\n Root: MenuRoot,\n Trigger: MenuTrigger,\n Content: MenuContent,\n Item: MenuItem,\n Section: MenuSection,\n Submenu: MenuSubmenu,\n SubmenuTrigger: MenuSubmenuTrigger,\n};\n\n// Exports for internal use by react-docgen\nexport {\n MenuRoot as _MenuRoot,\n MenuTrigger as _MenuTrigger,\n MenuContent as _MenuContent,\n MenuItem as _MenuItem,\n MenuSection as _MenuSection,\n MenuSubmenuTrigger as _MenuSubmenuTrigger,\n MenuSubmenu as _MenuSubmenu,\n};\n"],"names":["withProvider","withContext","createSlotRecipeContext","menuSlotRecipe","MenuRootSlot","MenuTriggerSlot","MenuPopoverSlot","MenuContentSlot","MenuItemSlot","MenuSectionSlot","MenuSectionLabelSlot","MenuContext","createContext","MenuProvider","useMenuContext","useContext","MenuRoot","props","recipe","useSlotRecipe","recipeProps","functionalProps","children","trigger","isOpen","defaultOpen","onOpenChange","menuContextProps","menuTriggerProps","jsx","RaMenuTrigger","MenuTrigger","asChild","ref","styleProps","restProps","extractStyleProps","Button","MenuSectionContext","MenuSectionProvider","MenuContent","placementOverride","contextProps","placement","menuProps","finalPlacement","Popover","Menu","MenuItem","isCritical","RaMenuItem","hasSubmenu","jsxs","Fragment","Icon","ChevronRight","MenuSectionLabel","Header","MenuSection","label","items","selectionMode","selectedKeys","defaultSelectedKeys","onSelectionChange","disallowEmptySelection","otherProps","RaMenuSection","Collection","MenuSubmenuTrigger","RaSubmenuTrigger","MenuSubmenu"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const e=require("react/jsx-runtime"),s=require("react"),U=require("@chakra-ui/react/styled-system"),L=require("react-intl"),di=require("@commercetools/nimbus-icons"),mi=require("./extractStyleProps-Dm0IZP1e.cjs.js"),yi=require("@chakra-ui/react"),hi=require("./group-NazPMAWg.cjs.js"),x=require("./mergeProps-BA5Cwf5w.cjs.js"),bi=require("./context-OoV8SSWX.cjs.js"),A=require("./select-CwAyhevQ.cjs.js"),Si=require("./number-input-C40q3d4I.cjs.js"),Mi=require("./make-element-focusable-oedzOY_M.cjs.js"),X=require("./tooltip-CH2ASPPO.cjs.js"),Ci=require("./box-CWni3A32.cjs.js"),D={ADP:{fractionDigits:0},AED:{fractionDigits:2},AFA:{fractionDigits:2},AFN:{fractionDigits:2},ALL:{fractionDigits:2},AMD:{fractionDigits:2},ANG:{fractionDigits:2},AOA:{fractionDigits:2},ARS:{fractionDigits:2},ATS:{fractionDigits:2},AUD:{fractionDigits:2},AWG:{fractionDigits:2},AYM:{fractionDigits:2},AZM:{fractionDigits:2},AZN:{fractionDigits:2},BAM:{fractionDigits:2},BBD:{fractionDigits:2},BDT:{fractionDigits:2},BEF:{fractionDigits:0},BGL:{fractionDigits:2},BGN:{fractionDigits:2},BHD:{fractionDigits:3},BIF:{fractionDigits:0},BMD:{fractionDigits:2},BND:{fractionDigits:2},BOB:{fractionDigits:2},BOV:{fractionDigits:2},BRL:{fractionDigits:2},BSD:{fractionDigits:2},BTN:{fractionDigits:2},BWP:{fractionDigits:2},BYB:{fractionDigits:0},BYN:{fractionDigits:2},BYR:{fractionDigits:0},BZD:{fractionDigits:2},CAD:{fractionDigits:2},CDF:{fractionDigits:2},CHF:{fractionDigits:2},CLF:{fractionDigits:0},CLP:{fractionDigits:0},CNY:{fractionDigits:2},COP:{fractionDigits:2},CRC:{fractionDigits:2},CSD:{fractionDigits:2},CUC:{fractionDigits:2},CUP:{fractionDigits:2},CVE:{fractionDigits:2},CYP:{fractionDigits:2},CZK:{fractionDigits:2},DEM:{fractionDigits:2},DJF:{fractionDigits:0},DKK:{fractionDigits:2},DOP:{fractionDigits:2},DZD:{fractionDigits:2},EEK:{fractionDigits:2},EGP:{fractionDigits:2},ERN:{fractionDigits:2},ESP:{fractionDigits:0},ETB:{fractionDigits:2},EUR:{fractionDigits:2},FIM:{fractionDigits:2},FJD:{fractionDigits:2},FKP:{fractionDigits:2},FRF:{fractionDigits:2},GBP:{fractionDigits:2},GEL:{fractionDigits:2},GHC:{fractionDigits:2},GHS:{fractionDigits:2},GIP:{fractionDigits:2},GMD:{fractionDigits:2},GNF:{fractionDigits:0},GRD:{fractionDigits:0},GTQ:{fractionDigits:2},GWP:{fractionDigits:2},GYD:{fractionDigits:2},HKD:{fractionDigits:2},HNL:{fractionDigits:2},HRK:{fractionDigits:2},HTG:{fractionDigits:2},HUF:{fractionDigits:2},IDR:{fractionDigits:2},IEP:{fractionDigits:2},ILS:{fractionDigits:2},INR:{fractionDigits:2},IQD:{fractionDigits:3},IRR:{fractionDigits:2},ISK:{fractionDigits:0},ITL:{fractionDigits:0},JMD:{fractionDigits:2},JOD:{fractionDigits:3},JPY:{fractionDigits:0},KES:{fractionDigits:2},KGS:{fractionDigits:2},KHR:{fractionDigits:2},KMF:{fractionDigits:0},KPW:{fractionDigits:2},KRW:{fractionDigits:0},KWD:{fractionDigits:3},KYD:{fractionDigits:2},KZT:{fractionDigits:2},LAK:{fractionDigits:2},LBP:{fractionDigits:2},LKR:{fractionDigits:2},LRD:{fractionDigits:2},LSL:{fractionDigits:2},LTL:{fractionDigits:2},LUF:{fractionDigits:0},LVL:{fractionDigits:2},LYD:{fractionDigits:3},MAD:{fractionDigits:2},MDL:{fractionDigits:2},MGA:{fractionDigits:2},MGF:{fractionDigits:0},MKD:{fractionDigits:2},MMK:{fractionDigits:2},MNT:{fractionDigits:2},MOP:{fractionDigits:2},MRO:{fractionDigits:2},MTL:{fractionDigits:2},MUR:{fractionDigits:2},MVR:{fractionDigits:2},MWK:{fractionDigits:2},MXN:{fractionDigits:2},MXV:{fractionDigits:2},MYR:{fractionDigits:2},MZM:{fractionDigits:2},MZN:{fractionDigits:2},NAD:{fractionDigits:2},NGN:{fractionDigits:2},NIO:{fractionDigits:2},NLG:{fractionDigits:2},NOK:{fractionDigits:2},NPR:{fractionDigits:2},NZD:{fractionDigits:2},OMR:{fractionDigits:3},PAB:{fractionDigits:2},PEN:{fractionDigits:2},PGK:{fractionDigits:2},PHP:{fractionDigits:2},PKR:{fractionDigits:2},PLN:{fractionDigits:2},PTE:{fractionDigits:0},PYG:{fractionDigits:0},QAR:{fractionDigits:2},ROL:{fractionDigits:2},RON:{fractionDigits:2},RSD:{fractionDigits:2},RUB:{fractionDigits:2},RUR:{fractionDigits:2},RWF:{fractionDigits:0},SAR:{fractionDigits:2},SBD:{fractionDigits:2},SCR:{fractionDigits:2},SDD:{fractionDigits:2},SDG:{fractionDigits:2},SEK:{fractionDigits:2},SGD:{fractionDigits:2},SHP:{fractionDigits:2},SIT:{fractionDigits:2},SKK:{fractionDigits:2},SLL:{fractionDigits:2},SOS:{fractionDigits:2},SRD:{fractionDigits:2},SRG:{fractionDigits:2},SSP:{fractionDigits:2},STD:{fractionDigits:2},SVC:{fractionDigits:2},SYP:{fractionDigits:2},SZL:{fractionDigits:2},THB:{fractionDigits:2},TJS:{fractionDigits:2},TMM:{fractionDigits:2},TMT:{fractionDigits:2},TND:{fractionDigits:3},TOP:{fractionDigits:2},TPE:{fractionDigits:0},TRL:{fractionDigits:0},TRY:{fractionDigits:2},TTD:{fractionDigits:2},TWD:{fractionDigits:2},TZS:{fractionDigits:2},UAH:{fractionDigits:2},UGX:{fractionDigits:0},USD:{fractionDigits:2},USN:{fractionDigits:2},USS:{fractionDigits:2},UYU:{fractionDigits:2},UZS:{fractionDigits:2},VEB:{fractionDigits:2},VEF:{fractionDigits:2},VND:{fractionDigits:0},VUV:{fractionDigits:0},WST:{fractionDigits:2},XAF:{fractionDigits:0},XAG:{fractionDigits:-1},XAU:{fractionDigits:-1},XBA:{fractionDigits:-1},XBB:{fractionDigits:-1},XBC:{fractionDigits:-1},XBD:{fractionDigits:-1},XCD:{fractionDigits:2},XDR:{fractionDigits:-1},XFO:{fractionDigits:-1},XFU:{fractionDigits:-1},XOF:{fractionDigits:0},XPD:{fractionDigits:-1},XPF:{fractionDigits:0},XPT:{fractionDigits:-1},XSU:{fractionDigits:-1},XTS:{fractionDigits:-1},XUA:{fractionDigits:-1},XXX:{fractionDigits:-1},YER:{fractionDigits:2},YUM:{fractionDigits:2},ZAR:{fractionDigits:2},ZMK:{fractionDigits:2},ZMW:{fractionDigits:2},ZWD:{fractionDigits:2},ZWL:{fractionDigits:2},ZWN:{fractionDigits:2},ZWR:{fractionDigits:2}},H=yi.defineSlotRecipe({slots:["root","container","currencySelect","currencyLabel","amountInput","badge"],className:"nimbus-money-input",base:{root:{width:"full",position:"relative",fontFamily:"inherit","& .nimbus-select__trigger":{width:"2800",borderRightRadius:"0",boxShadow:"inset 0 1px 0 0 {colors.neutral.7}, inset 0 -1px 0 0 {colors.neutral.7}, inset 1px 0 0 0 {colors.neutral.7}"},"&:has(.nimbus-money-input__container:focus-within)":{"& .nimbus-money-input__currencyLabel":{outlineWidth:"var(--focus-ring-width)",outlineColor:"var(--focus-ring-color)",outlineStyle:"var(--focus-ring-style)",outlineOffset:"var(--focus-ring-offset)",clipPath:"inset(-4px -1px -4px -4px)"},"& .nimbus-money-input__amountInput":{clipPath:"inset(-4px -4px -4px -1px)"}}},container:{display:"inline-flex",alignItems:"stretch",position:"relative"},currencySelect:{_focusWithin:{zIndex:2}},currencyLabel:{color:"neutral.11",fontWeight:"500",display:"flex",height:"full",borderLeftRadius:"200",backgroundColor:"neutral.1",boxShadow:"inset 0 1px 0 0 {colors.neutral.7}, inset 0 -1px 0 0 {colors.neutral.7}, inset 1px 0 0 0 {colors.neutral.7}",paddingInline:"400",alignItems:"center","&[data-disabled='true']":{opacity:"0.5"}},amountInput:{borderLeftRadius:"0",_focusWithin:{zIndex:2}},badge:{position:"absolute",top:"0",right:"0",height:"full",display:"flex",alignItems:"center",justifyContent:"center",marginRight:"spacing.25"}},variants:{size:{sm:{root:{fontSize:"fontSize.20","& .nimbus-select__trigger":{width:"2600"}},currencySelect:{padding:"0 spacing.20"},amountInput:{paddingRight:"spacing.30"},currencyLabel:{fontSize:"300",lineHeight:"450"}},md:{root:{fontSize:"fontSize.30","& .nimbus-select__trigger":{width:"2800"}},currencySelect:{padding:"0 spacing.25"},amountInput:{paddingRight:"spacing.40"},currencyLabel:{fontSize:"350",lineHeight:"500"}}}},defaultVariants:{size:"md"}}),{withProvider:Ii,withContext:p}=U.createSlotRecipeContext({recipe:H}),Pi=Ii(hi.Group,"root"),Ri=p("div","container"),xi=p("div","currencySelect"),Ai=p("label","currencyLabel"),Li=p("input","amountInput"),Bi=p("div","badge"),Ni=(i,r,o)=>{if(!o)return null;const t=D[o];if(!t||i.length===0||i.trim()==="")return null;!r&&t.fractionDigits===0&&console.warn(`MoneyInput: A locale must be provided when currency has no fraction digits (${o})`);const c=parseFloat(i);if(isNaN(c))return null;const a=Math.trunc(Math.round(c*10**t.fractionDigits)),g=String(c).indexOf(".")===-1?0:String(c).length-String(c).indexOf(".")-1;return g>t.fractionDigits?{type:"highPrecision",currencyCode:o,centAmount:a,preciseAmount:parseInt(String(c).replace(".",""),10),fractionDigits:g}:{type:"centPrecision",currencyCode:o,centAmount:a,fractionDigits:t.fractionDigits}},Fi=i=>i.type==="highPrecision"?i.preciseAmount/10**i.fractionDigits:i.centAmount/10**D[i.currencyCode].fractionDigits,j=(i,r)=>Object.prototype.hasOwnProperty.call(i,r);function u(i,r){return i&&r?`${i}.${r}`:void 0}const W=(i,r)=>Ni(typeof i.amount=="string"?i.amount.trim():"",r,i.currencyCode),Ti=(i,r)=>{if(!i)return{currencyCode:"",amount:""};if(console.warn(typeof r=="string","MoneyInput.parseMoneyValue: A locale must be passed as the second argument"),console.warn(typeof i=="object","MoneyInput.parseMoneyValue: Value must be passed as an object or be undefined"),console.warn(typeof i.currencyCode=="string",'MoneyInput.parseMoneyValue: Value must contain "currencyCode"'),typeof i.currencyCode!="string")throw new Error('MoneyInput.parseMoneyValue: Value must contain "currencyCode"');if(console.warn(j(D,i.currencyCode),"MoneyInput.parseMoneyValue: Value must use known currency code"),!j(D,i.currencyCode))throw new Error("MoneyInput.parseMoneyValue: Value must use known currency code");console.warn(typeof i.centAmount=="number"||typeof i.preciseAmount=="number"&&typeof i.fractionDigits=="number",'MoneyInput.parseMoneyValue: Value must contain "amount"');const o=Fi(i),t=i.preciseAmount?i.fractionDigits:D[i.currencyCode].fractionDigits;return{amount:isNaN(o)?"":o.toLocaleString(r,{minimumFractionDigits:t}),currencyCode:i.currencyCode}},Z=i=>!i||i?.amount?.trim()===""||i?.currencyCode?.trim()==="",V=(i,r)=>Z(i)?!1:W(i,r)?.type==="highPrecision",C=L.defineMessages({currencySelectLabel:{id:"Nimbus.MoneyInput.currencySelectLabel",description:"aria-label for currency selection dropdown",defaultMessage:"Currency"},amountInputLabel:{id:"Nimbus.MoneyInput.amountInputLabel",description:"aria-label for amount input",defaultMessage:"Amount"},highPrecisionPrice:{id:"Nimbus.MoneyInput.highPrecisionPrice",description:"tooltip text for high precision price badge",defaultMessage:"High precision price"}}),Y=i=>{const{id:r,name:o,value:t,currencies:c=[],onChange:a,onValueChange:g,onAmountChange:B,onCurrencyChange:N,onFocus:d,onBlur:m,isDisabled:l,isReadOnly:F,isInvalid:q,isRequired:$,hasHighPrecisionBadge:T=!0,isCurrencyInputDisabled:_,placeholder:k="0.00",autoFocus:z,size:I,...J}=i,Q=x.$bdb11010cef70236$export$f680877a34711e37(),P=r??Q,{locale:G}=bi.$18f2051aff69b9bf$export$43bb16f9c6d9e3f7(),R=L.useIntl(),ii=t.amount?parseFloat(t.amount):void 0,ti=!c||c.length===0,v=V(t,G||"en"),ni=s.useMemo(()=>t.currencyCode?{minimumFractionDigits:D[t.currencyCode].fractionDigits,maximumFractionDigits:20,useGrouping:!0,style:"decimal"}:{},[t.currencyCode,G]),ri=U.useSlotRecipe({recipe:H}),[oi,ei]=ri.splitVariantProps({...J,size:I}),[ci,si]=mi.extractStyleProps(ei),y=u(P,"amount"),h=u(P,"currencyCode"),b=u(o,"amount"),S=u(o,"currencyCode"),ai=s.useCallback(n=>{const M=n.toString();a?.({target:{id:y,name:b,value:M}});const pi={...t,amount:M};g?.(pi),B?.(M)},[a,g,B,t,P,o]),gi=s.useCallback(()=>{const n={target:{id:y,name:b,value:t.amount}};d?.(n)},[d,t.amount,r,o]),fi=s.useCallback(()=>{const n={target:{id:y,name:b,value:t.amount}};m?.(n)},[m,t,r,o]),O=s.useCallback(n=>{a?.({target:{id:h,name:S,value:n}});const w={...t,currencyCode:n};g?.(w),N?.(n)},[a,g,N,t,r,o]),ui=s.useCallback(()=>{const n={target:{id:h,name:S,value:t.currencyCode}};d?.(n)},[d,t.currencyCode,r,o]),Di=s.useCallback(()=>{const n={target:{id:h,name:S,value:t.currencyCode}};m?.(n)},[m,t.currencyCode,r,o]),li=s.useCallback(n=>{n&&typeof n=="string"&&O(n)},[O]),K=x.$bdb11010cef70236$export$f680877a34711e37(),E=x.$bdb11010cef70236$export$f680877a34711e37();return e.jsxs(Pi,{...oi,...ci,...si,children:[e.jsxs(Ri,{children:[e.jsx(xi,{children:ti?e.jsx(Ai,{...l&&{"data-disabled":l},asChild:!0,children:e.jsx("label",{id:K,children:t.currencyCode})}):e.jsx(A.Select.Root,{id:h,name:S,selectedKey:t.currencyCode||null,onSelectionChange:li,onFocus:ui,onBlur:Di,isDisabled:_||l||F,isClearable:!1,placeholder:"","aria-label":R.formatMessage(C.currencySelectLabel),size:I,children:e.jsx(A.Select.Options,{children:c.map(n=>e.jsx(A.Select.Option,{id:n,children:n},n))})})}),e.jsx(Li,{"data-has-high-precision":T&&v,asChild:!0,children:e.jsx(Si.NumberInput,{id:y,name:b,value:ii,formatOptions:ni,onChange:ai,onFocus:gi,onBlur:fi,isDisabled:l,isReadOnly:F,isInvalid:q,isRequired:$,placeholder:k,autoFocus:z,size:I,"aria-label":R.formatMessage(C.amountInputLabel),"aria-labelledby":K,"aria-describedby":E,step:void 0})})]}),T&&v&&e.jsx(Bi,{children:e.jsxs(X.Tooltip.Root,{delay:0,closeDelay:0,children:[e.jsx(Mi.MakeElementFocusable,{children:e.jsx(Ci.Box,{as:di.HighPrecision,id:E,color:l?"neutral.8":"neutral.11","aria-label":R.formatMessage(C.highPrecisionPrice),transform:"translateX(-100px) translateY(2px)"})}),e.jsx(X.Tooltip.Content,{placement:"top",children:e.jsx(L.FormattedMessage,{...C.highPrecisionPrice})})]})})]})};Y.displayName="MoneyInput";const f=Y;f.getAmountInputId=i=>u(i,"amount");f.getCurrencyDropdownId=i=>u(i,"currencyCode");f.convertToMoneyValue=W;f.parseMoneyValue=Ti;f.isEmpty=Z;f.isHighPrecision=V;exports.MoneyInput=f;
|
|
2
|
-
//# sourceMappingURL=money-input-
|
|
1
|
+
"use strict";const e=require("react/jsx-runtime"),s=require("react"),U=require("@chakra-ui/react/styled-system"),L=require("react-intl"),di=require("@commercetools/nimbus-icons"),mi=require("./extractStyleProps-G58aSXl8.cjs.js"),yi=require("@chakra-ui/react"),hi=require("./group-NazPMAWg.cjs.js"),x=require("./mergeProps-BA5Cwf5w.cjs.js"),bi=require("./context-OoV8SSWX.cjs.js"),A=require("./select-D_HPNSo0.cjs.js"),Si=require("./number-input-DA_yy5BZ.cjs.js"),Mi=require("./make-element-focusable-oedzOY_M.cjs.js"),X=require("./tooltip-CH2ASPPO.cjs.js"),Ci=require("./box-CWni3A32.cjs.js"),D={ADP:{fractionDigits:0},AED:{fractionDigits:2},AFA:{fractionDigits:2},AFN:{fractionDigits:2},ALL:{fractionDigits:2},AMD:{fractionDigits:2},ANG:{fractionDigits:2},AOA:{fractionDigits:2},ARS:{fractionDigits:2},ATS:{fractionDigits:2},AUD:{fractionDigits:2},AWG:{fractionDigits:2},AYM:{fractionDigits:2},AZM:{fractionDigits:2},AZN:{fractionDigits:2},BAM:{fractionDigits:2},BBD:{fractionDigits:2},BDT:{fractionDigits:2},BEF:{fractionDigits:0},BGL:{fractionDigits:2},BGN:{fractionDigits:2},BHD:{fractionDigits:3},BIF:{fractionDigits:0},BMD:{fractionDigits:2},BND:{fractionDigits:2},BOB:{fractionDigits:2},BOV:{fractionDigits:2},BRL:{fractionDigits:2},BSD:{fractionDigits:2},BTN:{fractionDigits:2},BWP:{fractionDigits:2},BYB:{fractionDigits:0},BYN:{fractionDigits:2},BYR:{fractionDigits:0},BZD:{fractionDigits:2},CAD:{fractionDigits:2},CDF:{fractionDigits:2},CHF:{fractionDigits:2},CLF:{fractionDigits:0},CLP:{fractionDigits:0},CNY:{fractionDigits:2},COP:{fractionDigits:2},CRC:{fractionDigits:2},CSD:{fractionDigits:2},CUC:{fractionDigits:2},CUP:{fractionDigits:2},CVE:{fractionDigits:2},CYP:{fractionDigits:2},CZK:{fractionDigits:2},DEM:{fractionDigits:2},DJF:{fractionDigits:0},DKK:{fractionDigits:2},DOP:{fractionDigits:2},DZD:{fractionDigits:2},EEK:{fractionDigits:2},EGP:{fractionDigits:2},ERN:{fractionDigits:2},ESP:{fractionDigits:0},ETB:{fractionDigits:2},EUR:{fractionDigits:2},FIM:{fractionDigits:2},FJD:{fractionDigits:2},FKP:{fractionDigits:2},FRF:{fractionDigits:2},GBP:{fractionDigits:2},GEL:{fractionDigits:2},GHC:{fractionDigits:2},GHS:{fractionDigits:2},GIP:{fractionDigits:2},GMD:{fractionDigits:2},GNF:{fractionDigits:0},GRD:{fractionDigits:0},GTQ:{fractionDigits:2},GWP:{fractionDigits:2},GYD:{fractionDigits:2},HKD:{fractionDigits:2},HNL:{fractionDigits:2},HRK:{fractionDigits:2},HTG:{fractionDigits:2},HUF:{fractionDigits:2},IDR:{fractionDigits:2},IEP:{fractionDigits:2},ILS:{fractionDigits:2},INR:{fractionDigits:2},IQD:{fractionDigits:3},IRR:{fractionDigits:2},ISK:{fractionDigits:0},ITL:{fractionDigits:0},JMD:{fractionDigits:2},JOD:{fractionDigits:3},JPY:{fractionDigits:0},KES:{fractionDigits:2},KGS:{fractionDigits:2},KHR:{fractionDigits:2},KMF:{fractionDigits:0},KPW:{fractionDigits:2},KRW:{fractionDigits:0},KWD:{fractionDigits:3},KYD:{fractionDigits:2},KZT:{fractionDigits:2},LAK:{fractionDigits:2},LBP:{fractionDigits:2},LKR:{fractionDigits:2},LRD:{fractionDigits:2},LSL:{fractionDigits:2},LTL:{fractionDigits:2},LUF:{fractionDigits:0},LVL:{fractionDigits:2},LYD:{fractionDigits:3},MAD:{fractionDigits:2},MDL:{fractionDigits:2},MGA:{fractionDigits:2},MGF:{fractionDigits:0},MKD:{fractionDigits:2},MMK:{fractionDigits:2},MNT:{fractionDigits:2},MOP:{fractionDigits:2},MRO:{fractionDigits:2},MTL:{fractionDigits:2},MUR:{fractionDigits:2},MVR:{fractionDigits:2},MWK:{fractionDigits:2},MXN:{fractionDigits:2},MXV:{fractionDigits:2},MYR:{fractionDigits:2},MZM:{fractionDigits:2},MZN:{fractionDigits:2},NAD:{fractionDigits:2},NGN:{fractionDigits:2},NIO:{fractionDigits:2},NLG:{fractionDigits:2},NOK:{fractionDigits:2},NPR:{fractionDigits:2},NZD:{fractionDigits:2},OMR:{fractionDigits:3},PAB:{fractionDigits:2},PEN:{fractionDigits:2},PGK:{fractionDigits:2},PHP:{fractionDigits:2},PKR:{fractionDigits:2},PLN:{fractionDigits:2},PTE:{fractionDigits:0},PYG:{fractionDigits:0},QAR:{fractionDigits:2},ROL:{fractionDigits:2},RON:{fractionDigits:2},RSD:{fractionDigits:2},RUB:{fractionDigits:2},RUR:{fractionDigits:2},RWF:{fractionDigits:0},SAR:{fractionDigits:2},SBD:{fractionDigits:2},SCR:{fractionDigits:2},SDD:{fractionDigits:2},SDG:{fractionDigits:2},SEK:{fractionDigits:2},SGD:{fractionDigits:2},SHP:{fractionDigits:2},SIT:{fractionDigits:2},SKK:{fractionDigits:2},SLL:{fractionDigits:2},SOS:{fractionDigits:2},SRD:{fractionDigits:2},SRG:{fractionDigits:2},SSP:{fractionDigits:2},STD:{fractionDigits:2},SVC:{fractionDigits:2},SYP:{fractionDigits:2},SZL:{fractionDigits:2},THB:{fractionDigits:2},TJS:{fractionDigits:2},TMM:{fractionDigits:2},TMT:{fractionDigits:2},TND:{fractionDigits:3},TOP:{fractionDigits:2},TPE:{fractionDigits:0},TRL:{fractionDigits:0},TRY:{fractionDigits:2},TTD:{fractionDigits:2},TWD:{fractionDigits:2},TZS:{fractionDigits:2},UAH:{fractionDigits:2},UGX:{fractionDigits:0},USD:{fractionDigits:2},USN:{fractionDigits:2},USS:{fractionDigits:2},UYU:{fractionDigits:2},UZS:{fractionDigits:2},VEB:{fractionDigits:2},VEF:{fractionDigits:2},VND:{fractionDigits:0},VUV:{fractionDigits:0},WST:{fractionDigits:2},XAF:{fractionDigits:0},XAG:{fractionDigits:-1},XAU:{fractionDigits:-1},XBA:{fractionDigits:-1},XBB:{fractionDigits:-1},XBC:{fractionDigits:-1},XBD:{fractionDigits:-1},XCD:{fractionDigits:2},XDR:{fractionDigits:-1},XFO:{fractionDigits:-1},XFU:{fractionDigits:-1},XOF:{fractionDigits:0},XPD:{fractionDigits:-1},XPF:{fractionDigits:0},XPT:{fractionDigits:-1},XSU:{fractionDigits:-1},XTS:{fractionDigits:-1},XUA:{fractionDigits:-1},XXX:{fractionDigits:-1},YER:{fractionDigits:2},YUM:{fractionDigits:2},ZAR:{fractionDigits:2},ZMK:{fractionDigits:2},ZMW:{fractionDigits:2},ZWD:{fractionDigits:2},ZWL:{fractionDigits:2},ZWN:{fractionDigits:2},ZWR:{fractionDigits:2}},H=yi.defineSlotRecipe({slots:["root","container","currencySelect","currencyLabel","amountInput","badge"],className:"nimbus-money-input",base:{root:{width:"full",position:"relative",fontFamily:"inherit","& .nimbus-select__trigger":{width:"2800",borderRightRadius:"0",boxShadow:"inset 0 1px 0 0 {colors.neutral.7}, inset 0 -1px 0 0 {colors.neutral.7}, inset 1px 0 0 0 {colors.neutral.7}"},"&:has(.nimbus-money-input__container:focus-within)":{"& .nimbus-money-input__currencyLabel":{outlineWidth:"var(--focus-ring-width)",outlineColor:"var(--focus-ring-color)",outlineStyle:"var(--focus-ring-style)",outlineOffset:"var(--focus-ring-offset)",clipPath:"inset(-4px -1px -4px -4px)"},"& .nimbus-money-input__amountInput":{clipPath:"inset(-4px -4px -4px -1px)"}}},container:{display:"inline-flex",alignItems:"stretch",position:"relative"},currencySelect:{_focusWithin:{zIndex:2}},currencyLabel:{color:"neutral.11",fontWeight:"500",display:"flex",height:"full",borderLeftRadius:"200",backgroundColor:"neutral.1",boxShadow:"inset 0 1px 0 0 {colors.neutral.7}, inset 0 -1px 0 0 {colors.neutral.7}, inset 1px 0 0 0 {colors.neutral.7}",paddingInline:"400",alignItems:"center","&[data-disabled='true']":{opacity:"0.5"}},amountInput:{borderLeftRadius:"0",_focusWithin:{zIndex:2}},badge:{position:"absolute",top:"0",right:"0",height:"full",display:"flex",alignItems:"center",justifyContent:"center",marginRight:"spacing.25"}},variants:{size:{sm:{root:{fontSize:"fontSize.20","& .nimbus-select__trigger":{width:"2600"}},currencySelect:{padding:"0 spacing.20"},amountInput:{paddingRight:"spacing.30"},currencyLabel:{fontSize:"300",lineHeight:"450"}},md:{root:{fontSize:"fontSize.30","& .nimbus-select__trigger":{width:"2800"}},currencySelect:{padding:"0 spacing.25"},amountInput:{paddingRight:"spacing.40"},currencyLabel:{fontSize:"350",lineHeight:"500"}}}},defaultVariants:{size:"md"}}),{withProvider:Ii,withContext:p}=U.createSlotRecipeContext({recipe:H}),Pi=Ii(hi.Group,"root"),Ri=p("div","container"),xi=p("div","currencySelect"),Ai=p("label","currencyLabel"),Li=p("input","amountInput"),Bi=p("div","badge"),Ni=(i,r,o)=>{if(!o)return null;const t=D[o];if(!t||i.length===0||i.trim()==="")return null;!r&&t.fractionDigits===0&&console.warn(`MoneyInput: A locale must be provided when currency has no fraction digits (${o})`);const c=parseFloat(i);if(isNaN(c))return null;const a=Math.trunc(Math.round(c*10**t.fractionDigits)),g=String(c).indexOf(".")===-1?0:String(c).length-String(c).indexOf(".")-1;return g>t.fractionDigits?{type:"highPrecision",currencyCode:o,centAmount:a,preciseAmount:parseInt(String(c).replace(".",""),10),fractionDigits:g}:{type:"centPrecision",currencyCode:o,centAmount:a,fractionDigits:t.fractionDigits}},Fi=i=>i.type==="highPrecision"?i.preciseAmount/10**i.fractionDigits:i.centAmount/10**D[i.currencyCode].fractionDigits,j=(i,r)=>Object.prototype.hasOwnProperty.call(i,r);function u(i,r){return i&&r?`${i}.${r}`:void 0}const W=(i,r)=>Ni(typeof i.amount=="string"?i.amount.trim():"",r,i.currencyCode),Ti=(i,r)=>{if(!i)return{currencyCode:"",amount:""};if(console.warn(typeof r=="string","MoneyInput.parseMoneyValue: A locale must be passed as the second argument"),console.warn(typeof i=="object","MoneyInput.parseMoneyValue: Value must be passed as an object or be undefined"),console.warn(typeof i.currencyCode=="string",'MoneyInput.parseMoneyValue: Value must contain "currencyCode"'),typeof i.currencyCode!="string")throw new Error('MoneyInput.parseMoneyValue: Value must contain "currencyCode"');if(console.warn(j(D,i.currencyCode),"MoneyInput.parseMoneyValue: Value must use known currency code"),!j(D,i.currencyCode))throw new Error("MoneyInput.parseMoneyValue: Value must use known currency code");console.warn(typeof i.centAmount=="number"||typeof i.preciseAmount=="number"&&typeof i.fractionDigits=="number",'MoneyInput.parseMoneyValue: Value must contain "amount"');const o=Fi(i),t=i.preciseAmount?i.fractionDigits:D[i.currencyCode].fractionDigits;return{amount:isNaN(o)?"":o.toLocaleString(r,{minimumFractionDigits:t}),currencyCode:i.currencyCode}},Z=i=>!i||i?.amount?.trim()===""||i?.currencyCode?.trim()==="",V=(i,r)=>Z(i)?!1:W(i,r)?.type==="highPrecision",C=L.defineMessages({currencySelectLabel:{id:"Nimbus.MoneyInput.currencySelectLabel",description:"aria-label for currency selection dropdown",defaultMessage:"Currency"},amountInputLabel:{id:"Nimbus.MoneyInput.amountInputLabel",description:"aria-label for amount input",defaultMessage:"Amount"},highPrecisionPrice:{id:"Nimbus.MoneyInput.highPrecisionPrice",description:"tooltip text for high precision price badge",defaultMessage:"High precision price"}}),Y=i=>{const{id:r,name:o,value:t,currencies:c=[],onChange:a,onValueChange:g,onAmountChange:B,onCurrencyChange:N,onFocus:d,onBlur:m,isDisabled:l,isReadOnly:F,isInvalid:q,isRequired:$,hasHighPrecisionBadge:T=!0,isCurrencyInputDisabled:_,placeholder:k="0.00",autoFocus:z,size:I,...J}=i,Q=x.$bdb11010cef70236$export$f680877a34711e37(),P=r??Q,{locale:G}=bi.$18f2051aff69b9bf$export$43bb16f9c6d9e3f7(),R=L.useIntl(),ii=t.amount?parseFloat(t.amount):void 0,ti=!c||c.length===0,v=V(t,G||"en"),ni=s.useMemo(()=>t.currencyCode?{minimumFractionDigits:D[t.currencyCode].fractionDigits,maximumFractionDigits:20,useGrouping:!0,style:"decimal"}:{},[t.currencyCode,G]),ri=U.useSlotRecipe({recipe:H}),[oi,ei]=ri.splitVariantProps({...J,size:I}),[ci,si]=mi.extractStyleProps(ei),y=u(P,"amount"),h=u(P,"currencyCode"),b=u(o,"amount"),S=u(o,"currencyCode"),ai=s.useCallback(n=>{const M=n.toString();a?.({target:{id:y,name:b,value:M}});const pi={...t,amount:M};g?.(pi),B?.(M)},[a,g,B,t,P,o]),gi=s.useCallback(()=>{const n={target:{id:y,name:b,value:t.amount}};d?.(n)},[d,t.amount,r,o]),fi=s.useCallback(()=>{const n={target:{id:y,name:b,value:t.amount}};m?.(n)},[m,t,r,o]),O=s.useCallback(n=>{a?.({target:{id:h,name:S,value:n}});const w={...t,currencyCode:n};g?.(w),N?.(n)},[a,g,N,t,r,o]),ui=s.useCallback(()=>{const n={target:{id:h,name:S,value:t.currencyCode}};d?.(n)},[d,t.currencyCode,r,o]),Di=s.useCallback(()=>{const n={target:{id:h,name:S,value:t.currencyCode}};m?.(n)},[m,t.currencyCode,r,o]),li=s.useCallback(n=>{n&&typeof n=="string"&&O(n)},[O]),K=x.$bdb11010cef70236$export$f680877a34711e37(),E=x.$bdb11010cef70236$export$f680877a34711e37();return e.jsxs(Pi,{...oi,...ci,...si,children:[e.jsxs(Ri,{children:[e.jsx(xi,{children:ti?e.jsx(Ai,{...l&&{"data-disabled":l},asChild:!0,children:e.jsx("label",{id:K,children:t.currencyCode})}):e.jsx(A.Select.Root,{id:h,name:S,selectedKey:t.currencyCode||null,onSelectionChange:li,onFocus:ui,onBlur:Di,isDisabled:_||l||F,isClearable:!1,placeholder:"","aria-label":R.formatMessage(C.currencySelectLabel),size:I,children:e.jsx(A.Select.Options,{children:c.map(n=>e.jsx(A.Select.Option,{id:n,children:n},n))})})}),e.jsx(Li,{"data-has-high-precision":T&&v,asChild:!0,children:e.jsx(Si.NumberInput,{id:y,name:b,value:ii,formatOptions:ni,onChange:ai,onFocus:gi,onBlur:fi,isDisabled:l,isReadOnly:F,isInvalid:q,isRequired:$,placeholder:k,autoFocus:z,size:I,"aria-label":R.formatMessage(C.amountInputLabel),"aria-labelledby":K,"aria-describedby":E,step:void 0})})]}),T&&v&&e.jsx(Bi,{children:e.jsxs(X.Tooltip.Root,{delay:0,closeDelay:0,children:[e.jsx(Mi.MakeElementFocusable,{children:e.jsx(Ci.Box,{as:di.HighPrecision,id:E,color:l?"neutral.8":"neutral.11","aria-label":R.formatMessage(C.highPrecisionPrice),transform:"translateX(-100px) translateY(2px)"})}),e.jsx(X.Tooltip.Content,{placement:"top",children:e.jsx(L.FormattedMessage,{...C.highPrecisionPrice})})]})})]})};Y.displayName="MoneyInput";const f=Y;f.getAmountInputId=i=>u(i,"amount");f.getCurrencyDropdownId=i=>u(i,"currencyCode");f.convertToMoneyValue=W;f.parseMoneyValue=Ti;f.isEmpty=Z;f.isHighPrecision=V;exports.MoneyInput=f;
|
|
2
|
+
//# sourceMappingURL=money-input-BklJuHw0.cjs.js.map
|