@ryuzaki13/react-foundation-ui 1.2.0 → 1.2.2
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/advanced-search/index.js +1 -1
- package/dist/chunks/{multi-select-Bg7Psslp.js → multi-select-DgSwr3Pf.js} +5 -6
- package/dist/chunks/multi-select-DgSwr3Pf.js.map +1 -0
- package/dist/chunks/picker-BAQ9NeHe.js.map +1 -1
- package/dist/chunks/{select-DKbSVCp4.js → select-kZQRRj2e.js} +23 -24
- package/dist/chunks/{select-DKbSVCp4.js.map → select-kZQRRj2e.js.map} +1 -1
- package/dist/chunks/useODataSelectBase-CWBR3WCn.js +149 -0
- package/dist/chunks/useODataSelectBase-CWBR3WCn.js.map +1 -0
- package/dist/multi-select/index.js +1 -1
- package/dist/picker/model/usePickerFloatingListbox.d.ts +2 -1
- package/dist/picker/model/usePickerFloatingListbox.d.ts.map +1 -1
- package/dist/preset-select/index.js +1 -1
- package/dist/select/index.js +1 -1
- package/dist/state-select/index.js +1 -1
- package/dist/tree-select/TreeMultiSelect.d.ts.map +1 -1
- package/dist/tree-select/TreePickerBase.d.ts +3 -1
- package/dist/tree-select/TreePickerBase.d.ts.map +1 -1
- package/dist/tree-select/index.js +236 -215
- package/dist/tree-select/index.js.map +1 -1
- package/package.json +2 -2
- package/storybook-static/assets/{Badge-D7v1JZZ8.js → Badge-uO9G8XfM.js} +1 -1
- package/storybook-static/assets/{Badge.stories-ByDc-8tr.js → Badge.stories-D7xAm88f.js} +1 -1
- package/storybook-static/assets/{Button-DKzqaITD.js → Button-CMIn9ZGH.js} +1 -1
- package/storybook-static/assets/{Button-C5Ybi_6I.js → Button-CTNNWxuu.js} +1 -1
- package/storybook-static/assets/{Button.stories-DX0MePOq.js → Button.stories-CPe9cLIw.js} +1 -1
- package/storybook-static/assets/{CheckBox-BbBVCd-t.js → CheckBox-Dpg_g4z4.js} +1 -1
- package/storybook-static/assets/{CheckBox-CG7erYfw.js → CheckBox-rvChOzA-.js} +1 -1
- package/storybook-static/assets/{CheckBox.stories-DzB9XnzM.js → CheckBox.stories-CWShbXBJ.js} +1 -1
- package/storybook-static/assets/{Color-KMSTOMOX-DkRZLrHN.js → Color-KMSTOMOX-BgqTHLvP.js} +1 -1
- package/storybook-static/assets/{ContextMenu-BAhISS2o.js → ContextMenu-CBYiY6J5.js} +1 -1
- package/storybook-static/assets/{ContextMenu.stories-B4v0sOgu.js → ContextMenu.stories-BOrSBzx5.js} +1 -1
- package/storybook-static/assets/{DateInput-BXTSi08q.js → DateInput-B3Cp2uKV.js} +1 -1
- package/storybook-static/assets/{DateInput-CwxInHA8.js → DateInput-wHMtFgc6.js} +1 -1
- package/storybook-static/assets/{DateInput.stories-7gdC4CVg.js → DateInput.stories-5BIU86fY.js} +1 -1
- package/storybook-static/assets/{DateRangePresetSelect-BYeBU5zB.js → DateRangePresetSelect-BTSfPFyp.js} +1 -1
- package/storybook-static/assets/{DateRangePresetSelect-BJnOqHar.js → DateRangePresetSelect-bGJ_gs_o.js} +1 -1
- package/storybook-static/assets/{DateRangePresetSelect.stories-C7z1iucY.js → DateRangePresetSelect.stories-genQPd5W.js} +1 -1
- package/storybook-static/assets/{Detail-DH7ZmSPc.js → Detail-BbHfbHUY.js} +1 -1
- package/storybook-static/assets/{Detail.stories-BSv9uWqB.js → Detail.stories-CAIhSO0X.js} +1 -1
- package/storybook-static/assets/{Dialog-Dpcmx3OO.js → Dialog-CddTt7Id.js} +1 -1
- package/storybook-static/assets/{Dialog.stories-CySTfqZJ.js → Dialog.stories-BY3XK6XL.js} +1 -1
- package/storybook-static/assets/{Disclosure-GuRERHI1.js → Disclosure-pgogTO3b.js} +1 -1
- package/storybook-static/assets/{Disclosure.stories-DYOViMcd.js → Disclosure.stories-D9Yx_pbQ.js} +1 -1
- package/storybook-static/assets/{DocsRenderer-JROSPFPF-mXFEHzID.js → DocsRenderer-JROSPFPF-CR6HdP5C.js} +2 -2
- package/storybook-static/assets/{DropZone-ueGIp3x3.js → DropZone-DIeiHmxz.js} +1 -1
- package/storybook-static/assets/{DropZone.stories-DR_AdNgw.js → DropZone.stories-CvBElfN-.js} +1 -1
- package/storybook-static/assets/{DropdownMenu-CK5lznDK.js → DropdownMenu-t-M3UcjA.js} +1 -1
- package/storybook-static/assets/{ExpandableActionPanel.stories-2CQ1AWdx.js → ExpandableActionPanel.stories-C7IyyWpx.js} +1 -1
- package/storybook-static/assets/{Flex-BOk2MClD.js → Flex-Dd06EmPB.js} +1 -1
- package/storybook-static/assets/{Flex-DW-ftapu.js → Flex-DvTI3mYk.js} +1 -1
- package/storybook-static/assets/{Flex.stories-HzEHXSGa.js → Flex.stories-BFNOV6Yf.js} +1 -1
- package/storybook-static/assets/{Grid-D1SjHhSh.js → Grid-CU4J2C3q.js} +1 -1
- package/storybook-static/assets/{Grid-zr1rxPoi.js → Grid-az6IQBfE.js} +1 -1
- package/storybook-static/assets/{Grid.stories-BLEMxz0Y.js → Grid.stories-gEUMJb43.js} +1 -1
- package/storybook-static/assets/{ImageCropper.stories-B9PtK7QG.js → ImageCropper.stories-CWOuKzKT.js} +1 -1
- package/storybook-static/assets/{ImageRenderer-DEGHLXPn.js → ImageRenderer-K4ZiFsAK.js} +1 -1
- package/storybook-static/assets/{ImageRenderer.stories-ukNyUK8o.js → ImageRenderer.stories-H1Del4xw.js} +1 -1
- package/storybook-static/assets/{ImageView.stories-BszL_0Zc.js → ImageView.stories-CTZRQdhK.js} +1 -1
- package/storybook-static/assets/{ImageViewer.stories-GO-di0mo.js → ImageViewer.stories-CAFs20Fk.js} +2 -2
- package/storybook-static/assets/{ImageViewerRuntime-C7pZfqPI.js → ImageViewerRuntime-J4OqSpb2.js} +1 -1
- package/storybook-static/assets/{Input-BTierf74.js → Input-BebTP7pM.js} +1 -1
- package/storybook-static/assets/{Input-Bt2IerRO.js → Input-Dm61M6JG.js} +1 -1
- package/storybook-static/assets/{Input.stories-DhNpohII.js → Input.stories-CugwOaMa.js} +1 -1
- package/storybook-static/assets/{InputDateTime-BtZX5hDd.js → InputDateTime-KGBCYDBq.js} +1 -1
- package/storybook-static/assets/{InputDateTime.stories-BTehTQnn.js → InputDateTime.stories-Ve4U_dxf.js} +1 -1
- package/storybook-static/assets/{InputFile-DHcad0UA.js → InputFile-BL-SlWWt.js} +1 -1
- package/storybook-static/assets/{InputFile.stories-EhvFRZEW.js → InputFile.stories-DHjIUOdi.js} +1 -1
- package/storybook-static/assets/{InputFiles-v2NJm_qh.js → InputFiles-6t2WNyW4.js} +1 -1
- package/storybook-static/assets/{InputFiles-BIPBlJCX.js → InputFiles-C0QhzCqm.js} +1 -1
- package/storybook-static/assets/{InputFiles.stories-BayzozA6.js → InputFiles.stories-DhgEcFoL.js} +1 -1
- package/storybook-static/assets/{InputImage-DGj2RHDF.js → InputImage-CUvVGb6y.js} +1 -1
- package/storybook-static/assets/{InputImage.stories-DyULIi5J.js → InputImage.stories-DtVAtN9k.js} +1 -1
- package/storybook-static/assets/{LayoutPicker-BhMHQ6qN.js → LayoutPicker-B5vBtZOU.js} +1 -1
- package/storybook-static/assets/{LayoutPicker.stories-q8iUnVpY.js → LayoutPicker.stories-B7N2aKhS.js} +1 -1
- package/storybook-static/assets/{Listbox-C_Exppg-.js → Listbox-BXqKPCyK.js} +1 -1
- package/storybook-static/assets/{Listbox.stories-CGkGgr1a.js → Listbox.stories-yxAzaCHS.js} +1 -1
- package/storybook-static/assets/{Modal-Bovqf5pf.js → Modal-lMu-Z41j.js} +1 -1
- package/storybook-static/assets/{Modal.stories-BK00bPl-.js → Modal.stories-DunQZY1C.js} +1 -1
- package/storybook-static/assets/MultiSelect-BHQNi1ra.js +2 -0
- package/storybook-static/assets/{MultiSelect-Cuhm_3qG.js → MultiSelect-D5i_efpS.js} +1 -1
- package/storybook-static/assets/{MultiSelect.stories-DzpE4zRQ.js → MultiSelect.stories-C8qVOJbu.js} +1 -1
- package/storybook-static/assets/{NotificationsHost-ch3PRXY1.js → NotificationsHost-B7YexVDB.js} +1 -1
- package/storybook-static/assets/{NotificationsHost.stories-C2_Yv4hp.js → NotificationsHost.stories-BB-TDarJ.js} +1 -1
- package/storybook-static/assets/{ODataMultiSelect-BaHv24bR.js → ODataMultiSelect-Baf1Q6oc.js} +1 -1
- package/storybook-static/assets/ODataMultiSelect-Dyag5di5.js +1 -0
- package/storybook-static/assets/ODataMultiSelect.stories-Cni0hLpA.js +73 -0
- package/storybook-static/assets/{ODataSelect-DRobtrxL.js → ODataSelect-CJZpxHUc.js} +1 -1
- package/storybook-static/assets/{ODataSelect-DCpmIrxn.js → ODataSelect-CThq4RD_.js} +1 -1
- package/storybook-static/assets/{ODataSelect.stories-BfDzSEYh.js → ODataSelect.stories-CCynRdsv.js} +1 -1
- package/storybook-static/assets/{ODataTreeMultiSelect-BKtVg8_t.js → ODataTreeMultiSelect-Cgqr94ee.js} +1 -1
- package/storybook-static/assets/{ODataTreeMultiSelect.stories-Cy_hJFR7.js → ODataTreeMultiSelect.stories-DHeLSYNw.js} +1 -1
- package/storybook-static/assets/{ODataTreeSelect-CtcR9xTc.js → ODataTreeSelect-DNtzXjdL.js} +1 -1
- package/storybook-static/assets/{ODataTreeSelect.stories-CflBmWSY.js → ODataTreeSelect.stories-D0wWXU41.js} +1 -1
- package/storybook-static/assets/{PeriodSelect-Bb9RLrAP.js → PeriodSelect-C4VMCSCl.js} +1 -1
- package/storybook-static/assets/{PeriodSelect.stories-BVWGwTxF.js → PeriodSelect.stories-CBZvUzro.js} +1 -1
- package/storybook-static/assets/{Popover-DHxAzBcZ.js → Popover-DpH4jngV.js} +1 -1
- package/storybook-static/assets/{Popover.stories-CSsXOlfQ.js → Popover.stories-BMBdC6up.js} +1 -1
- package/storybook-static/assets/{PresetRangeDateInput-BtT9qT_X.js → PresetRangeDateInput-BugqgtBW.js} +1 -1
- package/storybook-static/assets/{PresetRangeDateInput.stories-CdDhCVhC.js → PresetRangeDateInput.stories-CHsw3Uot.js} +1 -1
- package/storybook-static/assets/{RadioButton-g8BzgLBx.js → RadioButton-BaYRkkiD.js} +1 -1
- package/storybook-static/assets/{RadioButton.stories-DDkpHQZh.js → RadioButton.stories-7TpBVUeK.js} +1 -1
- package/storybook-static/assets/{RadioGroup-DEiqietc.js → RadioGroup-B2clcIVT.js} +1 -1
- package/storybook-static/assets/{RadioGroup-DmC3Kq0U.js → RadioGroup-TQRh002x.js} +1 -1
- package/storybook-static/assets/{RadioGroup.stories-Cmj7AdLG.js → RadioGroup.stories-mMWKARDz.js} +1 -1
- package/storybook-static/assets/{Select-CmKYViuR.js → Select-B1V1uJm6.js} +1 -1
- package/storybook-static/assets/{Select-HhIbNmso.js → Select-CeoaBOrP.js} +1 -1
- package/storybook-static/assets/{Select.stories-CWJxI41B.js → Select.stories-D58HyK6S.js} +1 -1
- package/storybook-static/assets/{SelectOptionContent-DptMfd-O.js → SelectOptionContent-C_GVYwC7.js} +1 -1
- package/storybook-static/assets/{SerializableSelect-BkSgKWRB.js → SerializableSelect-CdUlpqes.js} +1 -1
- package/storybook-static/assets/{SerializableSelect-CQA10vMJ.js → SerializableSelect-Dl2LIcSi.js} +1 -1
- package/storybook-static/assets/{SerializableSelect.stories-BFCuuz2t.js → SerializableSelect.stories-Dc9Wwt_K.js} +1 -1
- package/storybook-static/assets/{SingleDateTimeInput-BfcECgA3.js → SingleDateTimeInput-D_o7462N.js} +1 -1
- package/storybook-static/assets/{SingleDateTimeInput.stories-DyowjiLp.js → SingleDateTimeInput.stories-CvmMQFZk.js} +1 -1
- package/storybook-static/assets/{Slider-CPLgIEaw.js → Slider-Br9_ipzv.js} +1 -1
- package/storybook-static/assets/{Slider.stories-CnImlj4A.js → Slider.stories-BPjEuRXu.js} +1 -1
- package/storybook-static/assets/{SliderInput-C2Q1T0vU.js → SliderInput-BPkVwjYL.js} +1 -1
- package/storybook-static/assets/{SliderInput.stories-CJUN89pc.js → SliderInput.stories-C5uY1dhk.js} +1 -1
- package/storybook-static/assets/{Sortable-DPyfih4N.js → Sortable-M_vdCQU5.js} +1 -1
- package/storybook-static/assets/{Sortable.stories-DItOzu5t.js → Sortable.stories-VpUmXgvh.js} +1 -1
- package/storybook-static/assets/{Splitter-gmjouNuu.js → Splitter-Be08Mits.js} +1 -1
- package/storybook-static/assets/{Splitter.stories-CCSZIcqs.js → Splitter.stories-DxYEjtWa.js} +1 -1
- package/storybook-static/assets/{StateSelect-CG7RPOcH.js → StateSelect-CnSbzOjn.js} +1 -1
- package/storybook-static/assets/{StateSelect.stories-C1vyXGQT.js → StateSelect.stories-CgtvGuTO.js} +1 -1
- package/storybook-static/assets/{Switch-D74-uQCk.js → Switch-CozWfBLr.js} +1 -1
- package/storybook-static/assets/{Switch.stories-BT3z4Ejw.js → Switch.stories-CFG6xtBC.js} +1 -1
- package/storybook-static/assets/{Table-BrFX0-DO.js → Table-Dn5fa1JF.js} +1 -1
- package/storybook-static/assets/{Table.stories-C6oPBhy0.js → Table.stories-DrRmsG8U.js} +1 -1
- package/storybook-static/assets/{Tabs-DqP4L44q.js → Tabs-BwbnjvR4.js} +1 -1
- package/storybook-static/assets/{Tabs.stories-AJuiuYg6.js → Tabs.stories-Ci_Bsbho.js} +1 -1
- package/storybook-static/assets/{TagInput.stories-BNKEqixk.js → TagInput.stories-DrWnStc3.js} +1 -1
- package/storybook-static/assets/{Textarea-B60jfl8B.js → Textarea-CIIbQQ_z.js} +1 -1
- package/storybook-static/assets/{Textarea.stories-BcDp6M7a.js → Textarea.stories-DKJcRQlv.js} +1 -1
- package/storybook-static/assets/{TimePanel-DLhzWAkt.js → TimePanel-tBn2tSnW.js} +1 -1
- package/storybook-static/assets/{TimePanel.stories-EAF0Iwzy.js → TimePanel.stories-0_jPdrac.js} +1 -1
- package/storybook-static/assets/{Toggle-zLmaeFxV.js → Toggle-BIO2ZZJG.js} +1 -1
- package/storybook-static/assets/{Toggle.stories-CXCqTlgq.js → Toggle.stories-s-U1_EB4.js} +1 -1
- package/storybook-static/assets/TreeMultiSelect-CsdHv5Tu.js +1 -0
- package/storybook-static/assets/{TreeMultiSelect-DqCeanEK.js → TreeMultiSelect-iAC8iMnQ.js} +1 -1
- package/storybook-static/assets/TreeMultiSelect.stories-A7ZQ-TMo.js +31 -0
- package/storybook-static/assets/TreePickerBase-CSAkX1MC.js +22 -0
- package/storybook-static/assets/{TreeSelect-CxXbMUuz.js → TreeSelect-Dmeig8En.js} +1 -1
- package/storybook-static/assets/{TreeSelect-CGEhTrwZ.js → TreeSelect-_hNx7YjM.js} +1 -1
- package/storybook-static/assets/{TreeSelect.stories-D6JsuirR.js → TreeSelect.stories-P5i7N6xQ.js} +1 -1
- package/storybook-static/assets/{TreeTable-CHcN_J4f.js → TreeTable-zRLk7HO_.js} +1 -1
- package/storybook-static/assets/{TreeTable.stories-Chf80BCf.js → TreeTable.stories-BGi_qb4u.js} +1 -1
- package/storybook-static/assets/{WithTooltip-7X4HQR7L-ClNgbWeP.js → WithTooltip-7X4HQR7L-CykoJOA-.js} +1 -1
- package/storybook-static/assets/base-table-CsVLWY6L.js +18 -0
- package/storybook-static/assets/{blocks-Cvma_IcF.js → blocks-DiO1TOQU.js} +6 -6
- package/storybook-static/assets/{button-kPwSLavu.js → button-BAB4sYiW.js} +1 -1
- package/storybook-static/assets/{check-box-lrsmWYyx.js → check-box-C3pS0wBv.js} +1 -1
- package/storybook-static/assets/{chunk-3LY4VQVK-BTM7iIVH.js → chunk-3LY4VQVK-CmKQo29b.js} +1 -1
- package/storybook-static/assets/{chunk-LITCR56V-ArT2yDYL.js → chunk-LITCR56V-CoWoJN9V.js} +1 -1
- package/storybook-static/assets/{contextMenu-Ca1VYkz6.js → contextMenu-BxQYRww8.js} +1 -1
- package/storybook-static/assets/{error-DuNJO9vV.js → error-DNwlq4Bv.js} +1 -1
- package/storybook-static/assets/{flex-BGvA-XpI.js → flex-CmPU5ose.js} +1 -1
- package/storybook-static/assets/floating-ui.react-1sEL-Z2u.js +1 -0
- package/storybook-static/assets/formatter-L2YTDE3Q-BzqK_csI.js +1 -0
- package/storybook-static/assets/{formatters-h4ZtB1KQ.js → formatters-BGVkMgP2.js} +1 -1
- package/storybook-static/assets/grid-Bu6-JJy1.js +1 -0
- package/storybook-static/assets/hooks-CsuvbALP.js +5 -0
- package/storybook-static/assets/{iframe-DOzGPw3M.js → iframe-DDcUIbTW.js} +4 -4
- package/storybook-static/assets/{input-CfG8dfNR.js → input-BPKHI_to.js} +1 -1
- package/storybook-static/assets/{lucide-react-CXmxxiwZ.js → lucide-react-BEuqhHrO.js} +1 -1
- package/storybook-static/assets/{mdx-react-shim-Dt6mwzpn.js → mdx-react-shim-BpvM7HGu.js} +1 -1
- package/storybook-static/assets/{media-C2c8Madb.js → media-bYcXqMjJ.js} +1 -1
- package/storybook-static/assets/{misc-BetQ78R5.js → misc-PrqyCNih.js} +1 -1
- package/storybook-static/assets/{notifications-JG54VOrf.js → notifications-CC8LMVn6.js} +1 -1
- package/storybook-static/assets/{odata-CfPigtOy.js → odata-DwZEPsVI.js} +1 -1
- package/storybook-static/assets/odata-service-uS1knlu6.js +1 -0
- package/storybook-static/assets/{odataStoryFixtures-x2DUwBVr.js → odataStoryFixtures-BfoOVWQb.js} +1 -1
- package/storybook-static/assets/{picker-C3kxY39P.js → picker-DwZCEgUh.js} +2 -2
- package/storybook-static/assets/{popover-DK9hrPJ3.js → popover-tLJ1tHHS.js} +2 -2
- package/storybook-static/assets/{preset-select-DI74dY8m.js → preset-select-BPYh-4UT.js} +1 -1
- package/storybook-static/assets/{react-18-BDmeTisq.js → react-18-BPLMQEZO.js} +1 -1
- package/storybook-static/assets/{react-DWEKtw6N.js → react-DCnbEl9z.js} +1 -1
- package/storybook-static/assets/{react-dom-C1-d-rN9.js → react-dom-DcLyojGx.js} +1 -1
- package/storybook-static/assets/select-NwNpdJAq.js +1 -0
- package/storybook-static/assets/{slider-Dyk9y0wa.js → slider-eMLEHL3w.js} +1 -1
- package/storybook-static/assets/{sortable-V1-iQvjL.js → sortable-CJbYu2UV.js} +1 -1
- package/storybook-static/assets/{syntaxhighlighter-RTCFPKCB-fdaSGWy2.js → syntaxhighlighter-RTCFPKCB-DLt2Dk6Q.js} +1 -1
- package/storybook-static/assets/{text-BDg3R98B.js → text-Dhy3PQNL.js} +1 -1
- package/storybook-static/assets/{theming-Cpt7iVYH.js → theming-YknuSZ_c.js} +1 -1
- package/storybook-static/assets/ui-CyVakBja.js +1 -0
- package/storybook-static/assets/{useODataSelectBase-CfKXO11g.js → useODataSelectBase-BMQ4Co0B.js} +1 -1
- package/storybook-static/assets/{useODataTreeData-CNz5U2G8.js → useODataTreeData-DSYnj0iM.js} +1 -1
- package/storybook-static/assets/{utils-D2Si_EM1.js → utils-3wvLOPp1.js} +1 -1
- package/storybook-static/iframe.html +1 -1
- package/storybook-static/index.json +1 -1
- package/storybook-static/project.json +1 -1
- package/dist/chunks/SelectOptionContent-CI7wq9Oi.js +0 -27
- package/dist/chunks/SelectOptionContent-CI7wq9Oi.js.map +0 -1
- package/dist/chunks/multi-select-Bg7Psslp.js.map +0 -1
- package/dist/chunks/useODataSelectBase-wZ07hQFv.js +0 -125
- package/dist/chunks/useODataSelectBase-wZ07hQFv.js.map +0 -1
- package/storybook-static/assets/MultiSelect-CrQL1Ipo.js +0 -2
- package/storybook-static/assets/ODataMultiSelect.stories-CirB5r0U.js +0 -73
- package/storybook-static/assets/TreeMultiSelect-Cqzvsvll.js +0 -1
- package/storybook-static/assets/TreeMultiSelect.stories-CLgN86i0.js +0 -18
- package/storybook-static/assets/TreePickerBase-BZAJrNmY.js +0 -22
- package/storybook-static/assets/base-table-DFNAHbOh.js +0 -18
- package/storybook-static/assets/floating-ui.react-DQwZi-9a.js +0 -1
- package/storybook-static/assets/formatter-L2YTDE3Q-DE5ZvVwE.js +0 -1
- package/storybook-static/assets/grid-D9Cj-9Hk.js +0 -1
- package/storybook-static/assets/hooks-0JTkzX8v.js +0 -5
- package/storybook-static/assets/odata-service-CXxiscbG.js +0 -1
- package/storybook-static/assets/select-Clm8A0Fz.js +0 -1
- package/storybook-static/assets/ui-DKM94Yn2.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as e,i as t}from"./preload-helper-B45gAKPr.js";import{C as n}from"./iframe-
|
|
1
|
+
import{c as e,i as t}from"./preload-helper-B45gAKPr.js";import{C as n}from"./iframe-DDcUIbTW.js";import{t as r}from"./jsx-runtime-BBQGix-2.js";import{o as i,t as a}from"./lucide-react-BEuqhHrO.js";import{n as o,t as s}from"./Button-CTNNWxuu.js";function c({onPreRemove:e,onRemove:t,className:n}){let[r,a]=(0,l.useState)(!1),o=(0,l.useRef)(null);return(0,u.jsx)(s,{icon:(0,u.jsx)(i,{}),onClick:n=>{n.preventDefault(),o.current&&=(window.clearTimeout(o.current),null),r?(t(),a(!1)):(e?.(),a(!0),o.current=window.setTimeout(()=>{a(!1)},1500))},tone:`error`,appearance:r?`solid`:`outline`,className:n})}var l,u,d=t((()=>{l=e(n(),1),a(),o(),u=r(),c.__docgenInfo={description:"Специализированная кнопка удаления сущности или вложения. Инкапсулирует подтверждающее поведение перед окончательным вызовом `onRemove`.",methods:[],displayName:`ButtonRemove`,props:{onRemove:{required:!0,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:``},onPreRemove:{required:!1,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:``},className:{required:!1,tsType:{name:`string`},description:``}}}})),f=t((()=>{o(),d()}));export{f as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{i as e}from"./preload-helper-B45gAKPr.js";import{n as t}from"./CheckBox-
|
|
1
|
+
import{i as e}from"./preload-helper-B45gAKPr.js";import{n as t}from"./CheckBox-rvChOzA-.js";var n=e((()=>{t()}));export{n as t};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{i as e}from"./preload-helper-B45gAKPr.js";import{f as t,m as n,u as r}from"./iframe-
|
|
1
|
+
import{i as e}from"./preload-helper-B45gAKPr.js";import{f as t,m as n,u as r}from"./iframe-DDcUIbTW.js";var i,a=e((()=>{n(),i=r({"../../node_modules/memoizerific/memoizerific.js"(e,n){(function(t){if(typeof e==`object`&&typeof n<`u`)n.exports=t();else if(typeof define==`function`&&define.amd)define([],t);else{var r=typeof window<`u`?window:typeof global<`u`?global:typeof self<`u`?self:this;r.memoizerific=t()}})(function(){return(function e(n,r,i){function a(s,c){if(!r[s]){if(!n[s]){var l=typeof t==`function`&&t;if(!c&&l)return l(s,!0);if(o)return o(s,!0);var u=Error(`Cannot find module '`+s+`'`);throw u.code=`MODULE_NOT_FOUND`,u}var d=r[s]={exports:{}};n[s][0].call(d.exports,function(e){var t=n[s][1][e];return a(t||e)},d,d.exports,e,n,r,i)}return r[s].exports}for(var o=typeof t==`function`&&t,s=0;s<i.length;s++)a(i[s]);return a})({1:[function(e,t,n){t.exports=function(t){return typeof Map!=`function`||t?new(e(`./similar`)):new Map}},{"./similar":2}],2:[function(e,t,n){function r(){return this.list=[],this.lastItem=void 0,this.size=0,this}r.prototype.get=function(e){var t;if(this.lastItem&&this.isEqual(this.lastItem.key,e))return this.lastItem.val;if(t=this.indexOf(e),t>=0)return this.lastItem=this.list[t],this.list[t].val},r.prototype.set=function(e,t){var n;return this.lastItem&&this.isEqual(this.lastItem.key,e)?(this.lastItem.val=t,this):(n=this.indexOf(e),n>=0?(this.lastItem=this.list[n],this.list[n].val=t,this):(this.lastItem={key:e,val:t},this.list.push(this.lastItem),this.size++,this))},r.prototype.delete=function(e){var t;if(this.lastItem&&this.isEqual(this.lastItem.key,e)&&(this.lastItem=void 0),t=this.indexOf(e),t>=0)return this.size--,this.list.splice(t,1)[0]},r.prototype.has=function(e){var t;return this.lastItem&&this.isEqual(this.lastItem.key,e)?!0:(t=this.indexOf(e),t>=0?(this.lastItem=this.list[t],!0):!1)},r.prototype.forEach=function(e,t){var n;for(n=0;n<this.size;n++)e.call(t||this,this.list[n].val,this.list[n].key,this)},r.prototype.indexOf=function(e){var t;for(t=0;t<this.size;t++)if(this.isEqual(this.list[t].key,e))return t;return-1},r.prototype.isEqual=function(e,t){return e===t||e!==e&&t!==t},t.exports=r},{}],3:[function(e,t,n){var r=e(`map-or-similar`);t.exports=function(e){var t=new r(!1),n=[];return function(o){var s=function(){var c=t,l,u,d=arguments.length-1,f=Array(d+1),p=!0,m;if((s.numArgs||s.numArgs===0)&&s.numArgs!==d+1)throw Error(`Memoizerific functions should always be called with the same number of arguments`);for(m=0;m<d;m++){if(f[m]={cacheItem:c,arg:arguments[m]},c.has(arguments[m])){c=c.get(arguments[m]);continue}p=!1,l=new r(!1),c.set(arguments[m],l),c=l}return p&&(c.has(arguments[d])?u=c.get(arguments[d]):p=!1),p||(u=o.apply(null,arguments),c.set(arguments[d],u)),e>0&&(f[d]={cacheItem:c,arg:arguments[d]},p?i(n,f):n.push(f),n.length>e&&a(n.shift())),s.wasMemoized=p,s.numArgs=d+1,u};return s.limit=e,s.wasMemoized=!1,s.cache=t,s.lru=n,s}};function i(e,t){var n=e.length,r=t.length,i,a,s;for(a=0;a<n;a++){for(i=!0,s=0;s<r;s++)if(!o(e[a][s].arg,t[s].arg)){i=!1;break}if(i)break}e.push(e.splice(a,1)[0])}function a(e){var t=e.length,n=e[t-1],r,i;for(n.cacheItem.delete(n.arg),i=t-2;i>=0&&(n=e[i],r=n.cacheItem.get(n.arg),!r||!r.size);i--)n.cacheItem.delete(n.arg)}function o(e,t){return e===t||e!==e&&t!==t}},{"map-or-similar":1}]},{},[3])(3)})}})}));function o(e){var t=[...arguments].slice(1),n=Array.from(typeof e==`string`?[e]:e);n[n.length-1]=n[n.length-1].replace(/\r?\n([\t ]*)$/,``);var r=n.reduce(function(e,t){var n=t.match(/\n([\t ]+|(?!\s).)/g);return n?e.concat(n.map(function(e){return e.match(/[\t ]/g)?.length??0})):e},[]);if(r.length){var i=RegExp(`
|
|
2
2
|
[ ]{`+Math.min.apply(Math,r)+`}`,`g`);n=n.map(function(e){return e.replace(i,`
|
|
3
3
|
`)})}n[0]=n[0].replace(/^\r?\n/,``);var a=n[0];return t.forEach(function(e,t){var r=a.match(/(?:^|\n)( *)$/),i=r?r[1]:``,o=e;typeof e==`string`&&e.includes(`
|
|
4
4
|
`)&&(o=String(e).split(`
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{c as e,i as t}from"./preload-helper-B45gAKPr.js";import{C as n}from"./iframe-
|
|
1
|
+
import{c as e,i as t}from"./preload-helper-B45gAKPr.js";import{C as n}from"./iframe-DDcUIbTW.js";import{a as r,l as i}from"./theming-YknuSZ_c.js";import{t as a}from"./react-dom-DcLyojGx.js";import{t as o}from"./jsx-runtime-BBQGix-2.js";function s(e,t){typeof e==`function`?e(t):e!=null&&(e.current=t)}function c(...e){return t=>e.forEach(e=>s(e,t))}function l(...e){return oe.useCallback(c(...e),e)}function u(e){return M.isValidElement(e)&&e.type===he}function d(e,t){let n={...t};for(let r in t){let i=e[r],a=t[r];/^on[A-Z]/.test(r)?i&&a?n[r]=(...e)=>{a(...e),i(...e)}:i&&(n[r]=i):r===`style`?n[r]={...i,...a}:r===`className`&&(n[r]=[i,a].filter(Boolean).join(` `))}return{...e,...n}}function f(e){let t=Object.getOwnPropertyDescriptor(e.props,`ref`)?.get,n=t&&`isReactWarning`in t&&t.isReactWarning;return n?e.ref:(t=Object.getOwnPropertyDescriptor(e,`ref`)?.get,n=t&&`isReactWarning`in t&&t.isReactWarning,n?e.props.ref:e.props.ref||e.ref)}function p(e,t){return ue.useReducer((e,n)=>t[e][n]??e,e)}function m(e){let[t,n]=P.useState(),r=P.useRef({}),i=P.useRef(e),a=P.useRef(`none`),[o,s]=p(e?`mounted`:`unmounted`,{mounted:{UNMOUNT:`unmounted`,ANIMATION_OUT:`unmountSuspended`},unmountSuspended:{MOUNT:`mounted`,ANIMATION_END:`unmounted`},unmounted:{MOUNT:`mounted`}});return P.useEffect(()=>{let e=h(r.current);a.current=o===`mounted`?e:`none`},[o]),U(()=>{let t=r.current,n=i.current;if(n!==e){let r=a.current,o=h(t);e?s(`MOUNT`):o===`none`||t?.display===`none`?s(`UNMOUNT`):s(n&&r!==o?`ANIMATION_OUT`:`UNMOUNT`),i.current=e}},[e,s]),U(()=>{if(t){let e=e=>{let n=h(r.current).includes(e.animationName);e.target===t&&n&&ce.flushSync(()=>s(`ANIMATION_END`))},n=e=>{e.target===t&&(a.current=h(r.current))};return t.addEventListener(`animationstart`,n),t.addEventListener(`animationcancel`,e),t.addEventListener(`animationend`,e),()=>{t.removeEventListener(`animationstart`,n),t.removeEventListener(`animationcancel`,e),t.removeEventListener(`animationend`,e)}}else s(`ANIMATION_END`)},[t,s]),{isPresent:[`mounted`,`unmountSuspended`].includes(o),ref:P.useCallback(e=>{e&&(r.current=getComputedStyle(e)),n(e)},[])}}function h(e){return e?.animationName||`none`}function ee(e){let t=Object.getOwnPropertyDescriptor(e.props,`ref`)?.get,n=t&&`isReactWarning`in t&&t.isReactWarning;return n?e.ref:(t=Object.getOwnPropertyDescriptor(e,`ref`)?.get,n=t&&`isReactWarning`in t&&t.isReactWarning,n?e.props.ref:e.props.ref||e.ref)}function g(e,t=[]){let n=[];function r(t,r){let i=F.createContext(r),a=n.length;n=[...n,r];function o(t){let{scope:n,children:r,...o}=t,s=n?.[e][a]||i,c=F.useMemo(()=>o,Object.values(o));return(0,de.jsx)(s.Provider,{value:c,children:r})}function s(n,o){let s=o?.[e][a]||i,c=F.useContext(s);if(c)return c;if(r!==void 0)return r;throw Error(`\`${n}\` must be used within \`${t}\``)}return o.displayName=t+`Provider`,[o,s]}let i=()=>{let t=n.map(e=>F.createContext(e));return function(n){let r=n?.[e]||t;return F.useMemo(()=>({[`__scope${e}`]:{...n,[e]:r}}),[n,r])}};return i.scopeName=e,[r,_(i,...t)]}function _(...e){let t=e[0];if(e.length===1)return t;let n=()=>{let n=e.map(e=>({useScope:e(),scopeName:e.scopeName}));return function(e){let r=n.reduce((t,{useScope:n,scopeName:r})=>{let i=n(e)[`__scope${r}`];return{...t,...i}},{});return F.useMemo(()=>({[`__scope${t.scopeName}`]:r}),[r])}};return n.scopeName=t.scopeName,n}function v(e){let t=I.useRef(e);return I.useEffect(()=>{t.current=e}),I.useMemo(()=>(...e)=>t.current?.(...e),[])}function te(e){let t=L.useContext(ge);return e||t||`ltr`}function y(e,[t,n]){return Math.min(n,Math.max(t,e))}function b(e,t,{checkForDefaultPrevented:n=!0}={}){return function(r){if(e?.(r),n===!1||!r.defaultPrevented)return t?.(r)}}function x(e,t){return fe.useReducer((e,n)=>t[e][n]??e,e)}function S(e){return e?parseInt(e,10):0}function C(e,t){let n=e/t;return isNaN(n)?0:n}function w(e){let t=C(e.viewport,e.content),n=e.scrollbar.paddingStart+e.scrollbar.paddingEnd,r=(e.scrollbar.size-n)*t;return Math.max(r,18)}function T(e,t,n,r=`ltr`){let i=w(n),a=i/2,o=t||a,s=i-o,c=n.scrollbar.paddingStart+o,l=n.scrollbar.size-n.scrollbar.paddingEnd-s,u=n.content-n.viewport,d=r===`ltr`?[0,u]:[u*-1,0];return ne([c,l],d)(e)}function E(e,t,n=`ltr`){let r=w(t),i=t.scrollbar.paddingStart+t.scrollbar.paddingEnd,a=t.scrollbar.size-i,o=t.content-t.viewport,s=a-r,c=y(e,n===`ltr`?[0,o]:[o*-1,0]);return ne([0,o],[0,s])(c)}function ne(e,t){return n=>{if(e[0]===e[1]||t[0]===t[1])return t[0];let r=(t[1]-t[0])/(e[1]-e[0]);return t[0]+r*(n-e[0])}}function re(e,t){return e>0&&e<t}function D(e,t){let n=v(e),r=j.useRef(0);return j.useEffect(()=>()=>window.clearTimeout(r.current),[]),j.useCallback(()=>{window.clearTimeout(r.current),r.current=window.setTimeout(n,t)},[n,t])}function O(e,t){let n=v(t);U(()=>{let t=0;if(e){let r=new ResizeObserver(()=>{cancelAnimationFrame(t),t=window.requestAnimationFrame(n)});return r.observe(e),()=>{window.cancelAnimationFrame(t),r.unobserve(e)}}},[e,n])}function ie(e,t){let{asChild:n,children:r}=e;if(!n)return typeof t==`function`?t(r):t;let i=j.Children.only(r);return j.cloneElement(i,{children:typeof t==`function`?t(i.props.children):t})}var k,A,j,ae,M,oe,N,se,P,ce,le,ue,F,de,I,L,fe,R,pe,z,me,B,V,he,H,U,W,ge,G,K,_e,ve,q,J,ye,be,Y,xe,Se,Ce,we,X,Te,Ee,De,Oe,ke,Z,Ae,je,Q,Me,Ne,Pe,Fe,Ie,Le,Re,ze,Be,Ve,He,Ue,We,Ge=t((()=>{k=e(n(),1),r(),A=e(n(),1),j=e(n(),1),ae=e(n(),1),a(),M=e(n(),1),oe=e(n(),1),N=o(),se=o(),P=e(n(),1),ce=e(a(),1),le=e(n(),1),ue=e(n(),1),F=e(n(),1),de=o(),I=e(n(),1),L=e(n(),1),o(),fe=e(n(),1),R=o(),pe=i.div(({theme:e,$flexLayout:t=!1})=>[{background:e.background.content},t?{display:`inline-flex`,marginInlineStart:`auto`,alignSelf:`flex-end`}:{position:`absolute`,bottom:0,right:0,maxWidth:`100%`,display:`flex`,zIndex:1}]),z=i.button(({theme:e})=>({margin:0,border:`0 none`,padding:`4px 10px`,cursor:`pointer`,display:`flex`,alignItems:`center`,color:e.color.defaultText,background:e.background.content,fontSize:12,lineHeight:`16px`,fontFamily:e.typography.fonts.base,fontWeight:e.typography.weight.bold,borderTop:`1px solid ${e.appBorderColor}`,borderLeft:`1px solid ${e.appBorderColor}`,marginLeft:-1,borderRadius:`4px 0 0 0`,"&:not(:last-child)":{borderRight:`1px solid ${e.appBorderColor}`},"& + *":{borderLeft:`1px solid ${e.appBorderColor}`,borderRadius:0},"&:focus":{boxShadow:`${e.color.secondary} 0 -3px 0 0 inset`,outline:`0 none`,"@media (forced-colors: active)":{outline:`1px solid highlight`}}}),({disabled:e})=>e&&{cursor:`not-allowed`,opacity:.5}),z.displayName=`ActionButton`,me=({actionItems:e,flexLayout:t=!1,...n})=>k.createElement(pe,{...n,$flexLayout:t},e.map(({title:e,className:t,onClick:n,disabled:r},i)=>k.createElement(z,{key:i,className:t,onClick:n,disabled:!!r},e))),B=M.forwardRef((e,t)=>{let{children:n,...r}=e,i=M.Children.toArray(n),a=i.find(u);if(a){let e=a.props.children,n=i.map(t=>t===a?M.Children.count(e)>1?M.Children.only(null):M.isValidElement(e)?e.props.children:null:t);return(0,N.jsx)(V,{...r,ref:t,children:M.isValidElement(e)?M.cloneElement(e,void 0,n):null})}return(0,N.jsx)(V,{...r,ref:t,children:n})}),B.displayName=`Slot`,V=M.forwardRef((e,t)=>{let{children:n,...r}=e;if(M.isValidElement(n)){let e=f(n);return M.cloneElement(n,{...d(r,n.props),ref:t?c(t,e):e})}return M.Children.count(n)>1?M.Children.only(null):null}),V.displayName=`SlotClone`,he=({children:e})=>(0,N.jsx)(N.Fragment,{children:e}),H=[`a`,`button`,`div`,`form`,`h2`,`h3`,`img`,`input`,`label`,`li`,`nav`,`ol`,`p`,`span`,`svg`,`ul`].reduce((e,t)=>{let n=ae.forwardRef((e,n)=>{let{asChild:r,...i}=e,a=r?B:t;return typeof window<`u`&&(window[Symbol.for(`radix-ui`)]=!0),(0,se.jsx)(a,{...i,ref:n})});return n.displayName=`Primitive.${t}`,{...e,[t]:n}},{}),U=globalThis?.document?le.useLayoutEffect:()=>{},W=e=>{let{present:t,children:n}=e,r=m(t),i=typeof n==`function`?n({present:r.isPresent}):P.Children.only(n),a=l(r.ref,ee(i));return typeof n==`function`||r.isPresent?P.cloneElement(i,{ref:a}):null},W.displayName=`Presence`,ge=L.createContext(void 0),G=`ScrollArea`,[K,_e]=g(G),[ve,q]=K(G),J=j.forwardRef((e,t)=>{let{__scopeScrollArea:n,type:r=`hover`,dir:i,scrollHideDelay:a=600,...o}=e,[s,c]=j.useState(null),[u,d]=j.useState(null),[f,p]=j.useState(null),[m,h]=j.useState(null),[ee,g]=j.useState(null),[_,v]=j.useState(0),[y,b]=j.useState(0),[x,S]=j.useState(!1),[C,w]=j.useState(!1),T=l(t,e=>c(e)),E=te(i);return(0,R.jsx)(ve,{scope:n,type:r,dir:E,scrollHideDelay:a,scrollArea:s,viewport:u,onViewportChange:d,content:f,onContentChange:p,scrollbarX:m,onScrollbarXChange:h,scrollbarXEnabled:x,onScrollbarXEnabledChange:S,scrollbarY:ee,onScrollbarYChange:g,scrollbarYEnabled:C,onScrollbarYEnabledChange:w,onCornerWidthChange:v,onCornerHeightChange:b,children:(0,R.jsx)(H.div,{dir:E,...o,ref:T,style:{position:`relative`,"--radix-scroll-area-corner-width":_+`px`,"--radix-scroll-area-corner-height":y+`px`,...e.style}})})}),J.displayName=G,ye=`ScrollAreaViewport`,be=j.forwardRef((e,t)=>{let{__scopeScrollArea:n,children:r,asChild:i,nonce:a,...o}=e,s=q(ye,n),c=l(t,j.useRef(null),s.onViewportChange);return(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(`style`,{dangerouslySetInnerHTML:{__html:`
|
|
2
2
|
[data-radix-scroll-area-viewport] {
|
|
3
3
|
scrollbar-width: none;
|
|
4
4
|
-ms-overflow-style: none;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{i as e}from"./preload-helper-B45gAKPr.js";import{E as t,c as n,l as r,m as i}from"./blocks-Cvma_IcF.js";import{t as a}from"./jsx-runtime-BBQGix-2.js";import{t as o}from"./mdx-react-shim-Dt6mwzpn.js";var s,c=e((()=>{s='# Context Menu\n\nУниверсальный модуль меню с двумя сценариями открытия:\n\n- `DropdownMenu` — открытие по обычному клику.\n- `ContextMenu` — открытие строго по событию `contextmenu` (правый клик), также поддержан клавиатурный вызов `Shift+F10` и клавиша `ContextMenu`.\n\nРеализация разделена на:\n\n- функциональный слой в `src/shared/lib/context-menu`;\n- UI-слой в `src/shared/ui/basic/context-menu`.\n\nМодуль готов к production-использованию: поддерживает controlled/uncontrolled режим, позиционирование через `floating-ui`, анимацию через `motion`, базовую a11y-разметку и клавиатурную навигацию.\n\n---\n\n## Быстрый старт\n\n```tsx\nimport { ContextMenu, DropdownMenu } from "@/shared/ui";\n```\n\n### Обычное меню (по клику)\n\n```tsx\n<DropdownMenu>\n <DropdownMenu.Trigger>\n <button type="button">Действия</button>\n </DropdownMenu.Trigger>\n\n <DropdownMenu.Content>\n <DropdownMenu.Item>Редактировать</DropdownMenu.Item>\n <DropdownMenu.Item>Копировать</DropdownMenu.Item>\n <DropdownMenu.Separator />\n <DropdownMenu.Item>Удалить</DropdownMenu.Item>\n </DropdownMenu.Content>\n</DropdownMenu>\n```\n\n### Контекстное меню (по правому клику)\n\n```tsx\n<ContextMenu>\n <ContextMenu.Trigger>\n <div style={{ width: 320, height: 180 }}>Нажмите правой кнопкой мыши</div>\n </ContextMenu.Trigger>\n\n <ContextMenu.Content>\n <ContextMenu.Item>Переименовать</ContextMenu.Item>\n <ContextMenu.Item>Дублировать</ContextMenu.Item>\n <ContextMenu.Separator />\n <ContextMenu.Item>Переместить в корзину</ContextMenu.Item>\n </ContextMenu.Content>\n</ContextMenu>\n```\n\n### Радиальное контекстное меню\n\nРадиальное меню подходит для короткого набора частых действий, которые удобно выбирать вокруг точки вызова. Для длинных списков, групп, разделителей и вложенных сценариев используйте обычный `ContextMenu.Content`.\n\n```tsx\n<ContextMenu>\n <ContextMenu.Trigger>\n <div style={{ width: 320, height: 180 }}>Нажмите правой кнопкой мыши</div>\n </ContextMenu.Trigger>\n\n <ContextMenu.RadialContent>\n <ContextMenu.RadialItem icon={<PencilLine />}>Править</ContextMenu.RadialItem>\n <ContextMenu.RadialItem icon={<Copy />}>Копия</ContextMenu.RadialItem>\n <ContextMenu.RadialItem icon={<Pin />}>Закрепить</ContextMenu.RadialItem>\n <ContextMenu.RadialItem icon={<Eye />}>Просмотр</ContextMenu.RadialItem>\n </ContextMenu.RadialContent>\n</ContextMenu>\n```\n\nВ v1 радиальное меню поддерживает выбор только кликом по пункту. Выбор жестом по направлению движения и отпусканию кнопки мыши не реализован.\n\n---\n\n## API: UI-слой\n\n## `DropdownMenu`\n\nRoot-компонент для меню, открываемого по клику.\n\n### Props\n\n| Prop | Тип | По умолчанию | Описание |\n| -------------- | ---------------------------------- | ---------------- | ---------------------------------------------------------------------------------- |\n| `children` | `React.ReactNode` | — | Композиция из `Trigger`, `Content` и опционально `Item`, `Separator`, `GroupLabel` |\n| `placement` | `Placement` (`@floating-ui/react`) | `"bottom-start"` | Позиция меню относительно trigger-элемента |\n| `open` | `boolean` | — | Controlled-состояние открытия |\n| `defaultOpen` | `boolean` | `false` | Начальное состояние в uncontrolled-режиме |\n| `onOpenChange` | `(open: boolean) => void` | — | Колбэк изменения состояния |\n\n---\n\n## `ContextMenu`\n\nRoot-компонент для меню, открываемого по `contextmenu`.\n\n### Props\n\n| Prop | Тип | По умолчанию | Описание |\n| -------------- | ---------------------------------- | --------------- | ---------------------------------------------------------------------------------- |\n| `children` | `React.ReactNode` | — | Композиция из `Trigger`, `Content` и опционально `Item`, `Separator`, `GroupLabel` |\n| `placement` | `Placement` (`@floating-ui/react`) | `"right-start"` | Позиция меню относительно точки правого клика |\n| `open` | `boolean` | — | Controlled-состояние открытия |\n| `defaultOpen` | `boolean` | `false` | Начальное состояние в uncontrolled-режиме |\n| `onOpenChange` | `(open: boolean) => void` | — | Колбэк изменения состояния |\n\n---\n\n## `ContextMenu.RadialContent`\n\nКольцевой контейнер для коротких контекстных команд вокруг точки открытия.\n\n### Props\n\n| Prop | Тип | По умолчанию | Описание |\n| --------------------- | -------------------------------------------------------------------------- | ------------ | --------------------------------------------- |\n| `children` | `React.ReactNode \\| ((ctx: { closeMenu: () => void }) => React.ReactNode)` | — | Набор `ContextMenu.RadialItem` |\n| `className` | `string` | — | Дополнительный CSS-класс контейнера |\n| `closeOnOutside` | `boolean` | `true` | Закрывать ли меню при клике вне него |\n| `closeOnEscape` | `boolean` | `true` | Закрывать ли меню по клавише `Escape` |\n| `disableOutsideClick` | `boolean` | `false` | Полностью выключить закрытие по клику снаружи |\n| `restoreFocus` | `boolean` | `true` | Возвращать ли фокус в trigger после закрытия |\n| `radius` | `number` | `76` | Радиус раскладки пунктов в пикселях |\n| `itemSize` | `number` | `64` | Размер одного пункта в пикселях |\n| `closeLabel` | `string` | `"Закрыть"` | Текст и `aria-label` центральной кнопки |\n\n### Поведение\n\n- Рендер в `document.body` через портал.\n- Центрируется на точке правого клика или на центре trigger-элемента при `Shift+F10`.\n- Центральная кнопка закрывает меню и не участвует в раскладке `RadialItem`.\n- Не выходит за границы viewport.\n- Навигация с клавиатуры: `ArrowLeft`, `ArrowRight`, `ArrowUp`, `ArrowDown`, `Home`, `End`, `Escape`.\n- Оптимальный диапазон — 4-8 пунктов.\n\n---\n\n## `ContextMenu.RadialItem`\n\nПункт радиального меню.\n\n### Props\n\n| Prop | Тип | По умолчанию | Описание |\n| --------------- | ------------------------------------------------------ | ------------ | --------------------------- |\n| `children` | `React.ReactNode` | — | Подпись пункта |\n| `icon` | `React.ReactNode` | — | Иконка над подписью |\n| `className` | `string` | — | Дополнительный CSS-класс |\n| `disabled` | `boolean` | `false` | Блокирует выбор пункта |\n| `closeOnSelect` | `boolean` | `true` | Закрывать меню после выбора |\n| `onSelect` | `(event: React.MouseEvent<HTMLButtonElement>) => void` | — | Обработчик выбора |\n\n---\n\n## `*.Trigger`\n\nКомпоненты-триггеры:\n\n- `DropdownMenu.Trigger`\n- `ContextMenu.Trigger`\n\n### Props\n\n| Prop | Тип | По умолчанию | Описание |\n| ---------- | -------------------- | ------------ | ------------------------------------------------------------------- |\n| `children` | `React.ReactElement` | — | Единственный дочерний элемент, в который пробрасываются обработчики |\n\n### Важные детали\n\n- Для `DropdownMenu.Trigger` используется `onClick`.\n- Для `ContextMenu.Trigger` используется `onContextMenu` (с `preventDefault()`).\n- В оба trigger-компонента добавляются `aria-haspopup="menu"` и `aria-expanded`.\n- Вызов через клавиатуру работает в обоих триггерах: `Shift+F10` и `ContextMenu`.\n\n---\n\n## `*.Content`\n\nКомпонент отображения меню:\n\n- `DropdownMenu.Content`\n- `ContextMenu.Content`\n\n### Props\n\n| Prop | Тип | По умолчанию | Описание |\n| --------------------- | -------------------------------------------------------------------------- | ------------ | ---------------------------------------------- |\n| `children` | `React.ReactNode \\| ((ctx: { closeMenu: () => void }) => React.ReactNode)` | — | Контент меню или render-function с `closeMenu` |\n| `className` | `string` | — | Дополнительный CSS-класс контейнера меню |\n| `closeOnOutside` | `boolean` | `true` | Закрывать ли меню при клике вне него |\n| `closeOnEscape` | `boolean` | `true` | Закрывать ли меню по клавише `Escape` |\n| `disableOutsideClick` | `boolean` | `false` | Полностью выключить закрытие по клику снаружи |\n\n### Поведение по умолчанию\n\n- Рендер в `document.body` через портал.\n- Роль контейнера: `role="menu"`.\n- Автофокус на первый доступный пункт меню.\n- Навигация с клавиатуры:\n- `ArrowDown`, `ArrowUp`\n- `Home`, `End`\n- `Escape`\n\n---\n\n## `*.Item`\n\nПункт меню:\n\n- `DropdownMenu.Item`\n- `ContextMenu.Item`\n\n### Props\n\n| Prop | Тип | По умолчанию | Описание |\n| --------------- | ------------------------------------------------ | ------------ | ---------------------------------- |\n| `children` | `React.ReactNode` | — | Текст/контент пункта |\n| `icon` | `React.ReactNode` | — | Иконка слева |\n| `hotKey` | `string` | — | Подсказка сочетания клавиш справа |\n| `className` | `string` | — | Дополнительный CSS-класс |\n| `disabled` | `boolean` | `false` | Блокирует выбор пункта |\n| `href` | `string` | — | Рендер как `<a>` вместо `<button>` |\n| `target` | `string` | — | Атрибут ссылки |\n| `rel` | `string` | — | Атрибут ссылки |\n| `closeOnSelect` | `boolean` | `true` | Закрывать меню после выбора |\n| `onSelect` | `(event: React.MouseEvent<HTMLElement>) => void` | — | Обработчик выбора |\n\n### Поведение\n\n- Если передан `href`, рендерится ссылка `<a role="menuitem">`.\n- Если `href` не передан, рендерится `<button role="menuitem">`.\n- Если `disabled`, выбор блокируется и закрытие не выполняется.\n\n---\n\n## `*.Separator`\n\nРазделитель группы пунктов.\n\n### Props\n\n| Prop | Тип | По умолчанию | Описание |\n| ----------- | -------- | ------------ | ------------------------ |\n| `className` | `string` | — | Дополнительный CSS-класс |\n\n---\n\n## `*.GroupLabel`\n\nЛейбл группы пунктов.\n\n### Props\n\n| Prop | Тип | По умолчанию | Описание |\n| ----------- | ----------------- | ------------ | ------------------------ |\n| `children` | `React.ReactNode` | — | Текст группы |\n| `className` | `string` | — | Дополнительный CSS-класс |\n\n---\n\n## API: функциональный слой (`src/shared/lib/context-menu`)\n\nИмпорт:\n\n```ts\nimport {\n initialMenuState,\n openMenu,\n closeMenu,\n toggleMenu,\n getMenuPointFromEvent,\n getMenuPointFromRect,\n createVirtualAnchor\n} from "@/shared/lib/context-menu";\n```\n\n### Типы\n\n```ts\ninterface MenuPoint {\n x: number;\n y: number;\n}\n\ntype MenuOpenSource = "click" | "contextmenu" | "keyboard" | "programmatic";\n\ntype MenuAnchor = { type: "element"; element: HTMLElement } | { type: "point"; point: MenuPoint; contextElement?: Element | null };\n\ninterface MenuState {\n open: boolean;\n source: MenuOpenSource | null;\n anchor: MenuAnchor | null;\n}\n\ninterface OpenMenuPayload {\n source: MenuOpenSource;\n anchor: MenuAnchor;\n}\n```\n\n### Функции состояния\n\n| Функция | Сигнатура | Назначение |\n| ------------------ | ----------------------------------------------------------- | ------------------------------------- |\n| `initialMenuState` | `MenuState` | Начальное состояние закрытого меню |\n| `openMenu` | `(payload: OpenMenuPayload) => MenuState` | Создать состояние открытого меню |\n| `closeMenu` | `(state: MenuState) => MenuState` | Закрыть меню и очистить anchor/source |\n| `toggleMenu` | `(state: MenuState, payload: OpenMenuPayload) => MenuState` | Переключить состояние |\n\n### Функции позиционирования\n\n| Функция | Сигнатура | Назначение |\n| ----------------------- | ------------------------------------------------------------------------------------------------------------------------ | ---------------------------------------- |\n| `getMenuPointFromEvent` | `(event: { clientX: number; clientY: number }) => MenuPoint` | Получить координаты из mouse event |\n| `getMenuPointFromRect` | `(rect: { left: number; top: number; width: number; height: number }) => MenuPoint` | Получить центр прямоугольника |\n| `createVirtualAnchor` | `(point: MenuPoint, contextElement?: Element \\| null) => { getBoundingClientRect(): DOMRect; contextElement?: Element }` | Создать virtual anchor для `floating-ui` |\n\n---\n\n## Примеры использования\n\n## 1) Controlled `DropdownMenu`\n\n```tsx\nconst [open, setOpen] = useState(false);\n\nreturn (\n <DropdownMenu open={open} onOpenChange={setOpen}>\n <DropdownMenu.Trigger>\n <button type="button">{open ? "Скрыть" : "Показать"} меню</button>\n </DropdownMenu.Trigger>\n <DropdownMenu.Content>\n <DropdownMenu.Item onSelect={() => console.log("Edit")}>Редактировать</DropdownMenu.Item>\n <DropdownMenu.Item onSelect={() => setOpen(false)}>Закрыть вручную</DropdownMenu.Item>\n </DropdownMenu.Content>\n </DropdownMenu>\n);\n```\n\n## 2) Controlled `ContextMenu`\n\n```tsx\nconst [open, setOpen] = useState(false);\n\nreturn (\n <ContextMenu open={open} onOpenChange={setOpen}>\n <ContextMenu.Trigger>\n <div tabIndex={0}>Правая кнопка мыши</div>\n </ContextMenu.Trigger>\n <ContextMenu.Content>\n <ContextMenu.Item onSelect={() => alert("Открыть")}>Открыть</ContextMenu.Item>\n </ContextMenu.Content>\n </ContextMenu>\n);\n```\n\n## 3) Группы, иконки, горячие клавиши\n\n```tsx\n<DropdownMenu>\n <DropdownMenu.Trigger>\n <button type="button">Меню</button>\n </DropdownMenu.Trigger>\n <DropdownMenu.Content>\n <DropdownMenu.GroupLabel>Документ</DropdownMenu.GroupLabel>\n <DropdownMenu.Item icon={<FilePenLine size={14} />} hotKey="Ctrl+E">\n Редактировать\n </DropdownMenu.Item>\n <DropdownMenu.Item icon={<Copy size={14} />} hotKey="Ctrl+C">\n Копировать\n </DropdownMenu.Item>\n <DropdownMenu.Separator />\n <DropdownMenu.GroupLabel>Опасные</DropdownMenu.GroupLabel>\n <DropdownMenu.Item icon={<Trash2 size={14} />} hotKey="Del">\n Удалить\n </DropdownMenu.Item>\n </DropdownMenu.Content>\n</DropdownMenu>\n```\n\n## 4) Пункт-ссылка\n\n```tsx\n<ContextMenu.Item href="/docs/123" target="_blank" rel="noreferrer">\n Открыть документацию\n</ContextMenu.Item>\n```\n\n## 5) Оставлять меню открытым после выбора\n\n```tsx\n<DropdownMenu.Item closeOnSelect={false} onSelect={() => setFilter("active")}>\n Только активные\n</DropdownMenu.Item>\n```\n\n## 6) Render-function контента с `closeMenu`\n\n```tsx\n<ContextMenu.Content>\n {({ closeMenu }) => (\n <div>\n <ContextMenu.Item onSelect={() => runCommand("rename")}>Переименовать</ContextMenu.Item>\n <button type="button" onClick={closeMenu}>\n Закрыть\n </button>\n </div>\n )}\n</ContextMenu.Content>\n```\n\n## 7) Асинхронный `onSelect` с ручным закрытием\n\n```tsx\n<DropdownMenu.Item\n closeOnSelect={false}\n onSelect={async () => {\n await saveDraft();\n notify("Черновик сохранен");\n }}>\n Сохранить черновик\n</DropdownMenu.Item>\n```\n\n## 8) Отключить закрытие по клику вне меню\n\n```tsx\n<DropdownMenu.Content disableOutsideClick closeOnEscape>\n <DropdownMenu.Item>Пункт</DropdownMenu.Item>\n</DropdownMenu.Content>\n```\n\n## 9) Кастомные стили контейнера\n\n```tsx\n<ContextMenu.Content className="myContextMenu">\n <ContextMenu.Item>Кастомный пункт</ContextMenu.Item>\n</ContextMenu.Content>\n```\n\n```scss\n.myContextMenu {\n min-width: 18rem;\n max-width: 28rem;\n}\n```\n\n## 10) Использование low-level функций `shared/lib/context-menu`\n\n```ts\nimport { closeMenu, initialMenuState, openMenu, toggleMenu } from "@/shared/lib/context-menu";\n\nlet state = initialMenuState;\n\nstate = openMenu({\n source: "programmatic",\n anchor: {\n type: "point",\n point: { x: 100, y: 200 }\n }\n});\n\nstate = toggleMenu(state, {\n source: "click",\n anchor: {\n type: "point",\n point: { x: 120, y: 220 }\n }\n});\n\nstate = closeMenu(state);\n```\n\n---\n\n## Доступность и клавиатура\n\n- `Trigger` получает `aria-haspopup="menu"` и `aria-expanded`.\n- Контент рендерится с `role="menu"`.\n- Элементы действий рендерятся с `role="menuitem"`.\n- Поддержка клавиш:\n- `Shift+F10` / `ContextMenu` для открытия;\n- `ArrowUp` / `ArrowDown` для перемещения;\n- `Home` / `End` для перехода к первому/последнему пункту;\n- `Escape` для закрытия.\n\n---\n\n## Storybook\n\nИстории находятся в:\n\n- `src/shared/ui/atomic/context-menu/stories/ContextMenu.stories.tsx`\n\nОсновные сценарии:\n\n- `DropdownMenu / Базовый`\n- `ContextMenu / По правому клику`\n- `DropdownMenu / Контролируемый`\n\n---\n\n## Внутренние детали реализации\n\n- Позиционирование: `@floating-ui/react`.\n- Анимация открытия/закрытия: `motion/react` (`AnimatePresence`, `motion.div`).\n- Для совместимости с анимацией позиционирование `floating-ui` переведено на `top/left` (`transform: false`), чтобы исключить конфликт `transform` со стороны `motion`.\n\n---\n\n## Тесты\n\nПокрыты функциональные утилиты слоя `shared/lib/context-menu`:\n\n- `src/shared/lib/context-menu/state.test.ts`\n- `src/shared/lib/context-menu/anchor.test.ts`\n\nЗапуск:\n\n```bash\nnpx vitest run src/shared/lib/context-menu/state.test.ts src/shared/lib/context-menu/anchor.test.ts\n```\n'}));function l(e){return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(r,{title:`Документация/shared/ui/contextMenu`}),`
|
|
1
|
+
import{i as e}from"./preload-helper-B45gAKPr.js";import{E as t,c as n,l as r,m as i}from"./blocks-DiO1TOQU.js";import{t as a}from"./jsx-runtime-BBQGix-2.js";import{t as o}from"./mdx-react-shim-BpvM7HGu.js";var s,c=e((()=>{s='# Context Menu\n\nУниверсальный модуль меню с двумя сценариями открытия:\n\n- `DropdownMenu` — открытие по обычному клику.\n- `ContextMenu` — открытие строго по событию `contextmenu` (правый клик), также поддержан клавиатурный вызов `Shift+F10` и клавиша `ContextMenu`.\n\nРеализация разделена на:\n\n- функциональный слой в `src/shared/lib/context-menu`;\n- UI-слой в `src/shared/ui/basic/context-menu`.\n\nМодуль готов к production-использованию: поддерживает controlled/uncontrolled режим, позиционирование через `floating-ui`, анимацию через `motion`, базовую a11y-разметку и клавиатурную навигацию.\n\n---\n\n## Быстрый старт\n\n```tsx\nimport { ContextMenu, DropdownMenu } from "@/shared/ui";\n```\n\n### Обычное меню (по клику)\n\n```tsx\n<DropdownMenu>\n <DropdownMenu.Trigger>\n <button type="button">Действия</button>\n </DropdownMenu.Trigger>\n\n <DropdownMenu.Content>\n <DropdownMenu.Item>Редактировать</DropdownMenu.Item>\n <DropdownMenu.Item>Копировать</DropdownMenu.Item>\n <DropdownMenu.Separator />\n <DropdownMenu.Item>Удалить</DropdownMenu.Item>\n </DropdownMenu.Content>\n</DropdownMenu>\n```\n\n### Контекстное меню (по правому клику)\n\n```tsx\n<ContextMenu>\n <ContextMenu.Trigger>\n <div style={{ width: 320, height: 180 }}>Нажмите правой кнопкой мыши</div>\n </ContextMenu.Trigger>\n\n <ContextMenu.Content>\n <ContextMenu.Item>Переименовать</ContextMenu.Item>\n <ContextMenu.Item>Дублировать</ContextMenu.Item>\n <ContextMenu.Separator />\n <ContextMenu.Item>Переместить в корзину</ContextMenu.Item>\n </ContextMenu.Content>\n</ContextMenu>\n```\n\n### Радиальное контекстное меню\n\nРадиальное меню подходит для короткого набора частых действий, которые удобно выбирать вокруг точки вызова. Для длинных списков, групп, разделителей и вложенных сценариев используйте обычный `ContextMenu.Content`.\n\n```tsx\n<ContextMenu>\n <ContextMenu.Trigger>\n <div style={{ width: 320, height: 180 }}>Нажмите правой кнопкой мыши</div>\n </ContextMenu.Trigger>\n\n <ContextMenu.RadialContent>\n <ContextMenu.RadialItem icon={<PencilLine />}>Править</ContextMenu.RadialItem>\n <ContextMenu.RadialItem icon={<Copy />}>Копия</ContextMenu.RadialItem>\n <ContextMenu.RadialItem icon={<Pin />}>Закрепить</ContextMenu.RadialItem>\n <ContextMenu.RadialItem icon={<Eye />}>Просмотр</ContextMenu.RadialItem>\n </ContextMenu.RadialContent>\n</ContextMenu>\n```\n\nВ v1 радиальное меню поддерживает выбор только кликом по пункту. Выбор жестом по направлению движения и отпусканию кнопки мыши не реализован.\n\n---\n\n## API: UI-слой\n\n## `DropdownMenu`\n\nRoot-компонент для меню, открываемого по клику.\n\n### Props\n\n| Prop | Тип | По умолчанию | Описание |\n| -------------- | ---------------------------------- | ---------------- | ---------------------------------------------------------------------------------- |\n| `children` | `React.ReactNode` | — | Композиция из `Trigger`, `Content` и опционально `Item`, `Separator`, `GroupLabel` |\n| `placement` | `Placement` (`@floating-ui/react`) | `"bottom-start"` | Позиция меню относительно trigger-элемента |\n| `open` | `boolean` | — | Controlled-состояние открытия |\n| `defaultOpen` | `boolean` | `false` | Начальное состояние в uncontrolled-режиме |\n| `onOpenChange` | `(open: boolean) => void` | — | Колбэк изменения состояния |\n\n---\n\n## `ContextMenu`\n\nRoot-компонент для меню, открываемого по `contextmenu`.\n\n### Props\n\n| Prop | Тип | По умолчанию | Описание |\n| -------------- | ---------------------------------- | --------------- | ---------------------------------------------------------------------------------- |\n| `children` | `React.ReactNode` | — | Композиция из `Trigger`, `Content` и опционально `Item`, `Separator`, `GroupLabel` |\n| `placement` | `Placement` (`@floating-ui/react`) | `"right-start"` | Позиция меню относительно точки правого клика |\n| `open` | `boolean` | — | Controlled-состояние открытия |\n| `defaultOpen` | `boolean` | `false` | Начальное состояние в uncontrolled-режиме |\n| `onOpenChange` | `(open: boolean) => void` | — | Колбэк изменения состояния |\n\n---\n\n## `ContextMenu.RadialContent`\n\nКольцевой контейнер для коротких контекстных команд вокруг точки открытия.\n\n### Props\n\n| Prop | Тип | По умолчанию | Описание |\n| --------------------- | -------------------------------------------------------------------------- | ------------ | --------------------------------------------- |\n| `children` | `React.ReactNode \\| ((ctx: { closeMenu: () => void }) => React.ReactNode)` | — | Набор `ContextMenu.RadialItem` |\n| `className` | `string` | — | Дополнительный CSS-класс контейнера |\n| `closeOnOutside` | `boolean` | `true` | Закрывать ли меню при клике вне него |\n| `closeOnEscape` | `boolean` | `true` | Закрывать ли меню по клавише `Escape` |\n| `disableOutsideClick` | `boolean` | `false` | Полностью выключить закрытие по клику снаружи |\n| `restoreFocus` | `boolean` | `true` | Возвращать ли фокус в trigger после закрытия |\n| `radius` | `number` | `76` | Радиус раскладки пунктов в пикселях |\n| `itemSize` | `number` | `64` | Размер одного пункта в пикселях |\n| `closeLabel` | `string` | `"Закрыть"` | Текст и `aria-label` центральной кнопки |\n\n### Поведение\n\n- Рендер в `document.body` через портал.\n- Центрируется на точке правого клика или на центре trigger-элемента при `Shift+F10`.\n- Центральная кнопка закрывает меню и не участвует в раскладке `RadialItem`.\n- Не выходит за границы viewport.\n- Навигация с клавиатуры: `ArrowLeft`, `ArrowRight`, `ArrowUp`, `ArrowDown`, `Home`, `End`, `Escape`.\n- Оптимальный диапазон — 4-8 пунктов.\n\n---\n\n## `ContextMenu.RadialItem`\n\nПункт радиального меню.\n\n### Props\n\n| Prop | Тип | По умолчанию | Описание |\n| --------------- | ------------------------------------------------------ | ------------ | --------------------------- |\n| `children` | `React.ReactNode` | — | Подпись пункта |\n| `icon` | `React.ReactNode` | — | Иконка над подписью |\n| `className` | `string` | — | Дополнительный CSS-класс |\n| `disabled` | `boolean` | `false` | Блокирует выбор пункта |\n| `closeOnSelect` | `boolean` | `true` | Закрывать меню после выбора |\n| `onSelect` | `(event: React.MouseEvent<HTMLButtonElement>) => void` | — | Обработчик выбора |\n\n---\n\n## `*.Trigger`\n\nКомпоненты-триггеры:\n\n- `DropdownMenu.Trigger`\n- `ContextMenu.Trigger`\n\n### Props\n\n| Prop | Тип | По умолчанию | Описание |\n| ---------- | -------------------- | ------------ | ------------------------------------------------------------------- |\n| `children` | `React.ReactElement` | — | Единственный дочерний элемент, в который пробрасываются обработчики |\n\n### Важные детали\n\n- Для `DropdownMenu.Trigger` используется `onClick`.\n- Для `ContextMenu.Trigger` используется `onContextMenu` (с `preventDefault()`).\n- В оба trigger-компонента добавляются `aria-haspopup="menu"` и `aria-expanded`.\n- Вызов через клавиатуру работает в обоих триггерах: `Shift+F10` и `ContextMenu`.\n\n---\n\n## `*.Content`\n\nКомпонент отображения меню:\n\n- `DropdownMenu.Content`\n- `ContextMenu.Content`\n\n### Props\n\n| Prop | Тип | По умолчанию | Описание |\n| --------------------- | -------------------------------------------------------------------------- | ------------ | ---------------------------------------------- |\n| `children` | `React.ReactNode \\| ((ctx: { closeMenu: () => void }) => React.ReactNode)` | — | Контент меню или render-function с `closeMenu` |\n| `className` | `string` | — | Дополнительный CSS-класс контейнера меню |\n| `closeOnOutside` | `boolean` | `true` | Закрывать ли меню при клике вне него |\n| `closeOnEscape` | `boolean` | `true` | Закрывать ли меню по клавише `Escape` |\n| `disableOutsideClick` | `boolean` | `false` | Полностью выключить закрытие по клику снаружи |\n\n### Поведение по умолчанию\n\n- Рендер в `document.body` через портал.\n- Роль контейнера: `role="menu"`.\n- Автофокус на первый доступный пункт меню.\n- Навигация с клавиатуры:\n- `ArrowDown`, `ArrowUp`\n- `Home`, `End`\n- `Escape`\n\n---\n\n## `*.Item`\n\nПункт меню:\n\n- `DropdownMenu.Item`\n- `ContextMenu.Item`\n\n### Props\n\n| Prop | Тип | По умолчанию | Описание |\n| --------------- | ------------------------------------------------ | ------------ | ---------------------------------- |\n| `children` | `React.ReactNode` | — | Текст/контент пункта |\n| `icon` | `React.ReactNode` | — | Иконка слева |\n| `hotKey` | `string` | — | Подсказка сочетания клавиш справа |\n| `className` | `string` | — | Дополнительный CSS-класс |\n| `disabled` | `boolean` | `false` | Блокирует выбор пункта |\n| `href` | `string` | — | Рендер как `<a>` вместо `<button>` |\n| `target` | `string` | — | Атрибут ссылки |\n| `rel` | `string` | — | Атрибут ссылки |\n| `closeOnSelect` | `boolean` | `true` | Закрывать меню после выбора |\n| `onSelect` | `(event: React.MouseEvent<HTMLElement>) => void` | — | Обработчик выбора |\n\n### Поведение\n\n- Если передан `href`, рендерится ссылка `<a role="menuitem">`.\n- Если `href` не передан, рендерится `<button role="menuitem">`.\n- Если `disabled`, выбор блокируется и закрытие не выполняется.\n\n---\n\n## `*.Separator`\n\nРазделитель группы пунктов.\n\n### Props\n\n| Prop | Тип | По умолчанию | Описание |\n| ----------- | -------- | ------------ | ------------------------ |\n| `className` | `string` | — | Дополнительный CSS-класс |\n\n---\n\n## `*.GroupLabel`\n\nЛейбл группы пунктов.\n\n### Props\n\n| Prop | Тип | По умолчанию | Описание |\n| ----------- | ----------------- | ------------ | ------------------------ |\n| `children` | `React.ReactNode` | — | Текст группы |\n| `className` | `string` | — | Дополнительный CSS-класс |\n\n---\n\n## API: функциональный слой (`src/shared/lib/context-menu`)\n\nИмпорт:\n\n```ts\nimport {\n initialMenuState,\n openMenu,\n closeMenu,\n toggleMenu,\n getMenuPointFromEvent,\n getMenuPointFromRect,\n createVirtualAnchor\n} from "@/shared/lib/context-menu";\n```\n\n### Типы\n\n```ts\ninterface MenuPoint {\n x: number;\n y: number;\n}\n\ntype MenuOpenSource = "click" | "contextmenu" | "keyboard" | "programmatic";\n\ntype MenuAnchor = { type: "element"; element: HTMLElement } | { type: "point"; point: MenuPoint; contextElement?: Element | null };\n\ninterface MenuState {\n open: boolean;\n source: MenuOpenSource | null;\n anchor: MenuAnchor | null;\n}\n\ninterface OpenMenuPayload {\n source: MenuOpenSource;\n anchor: MenuAnchor;\n}\n```\n\n### Функции состояния\n\n| Функция | Сигнатура | Назначение |\n| ------------------ | ----------------------------------------------------------- | ------------------------------------- |\n| `initialMenuState` | `MenuState` | Начальное состояние закрытого меню |\n| `openMenu` | `(payload: OpenMenuPayload) => MenuState` | Создать состояние открытого меню |\n| `closeMenu` | `(state: MenuState) => MenuState` | Закрыть меню и очистить anchor/source |\n| `toggleMenu` | `(state: MenuState, payload: OpenMenuPayload) => MenuState` | Переключить состояние |\n\n### Функции позиционирования\n\n| Функция | Сигнатура | Назначение |\n| ----------------------- | ------------------------------------------------------------------------------------------------------------------------ | ---------------------------------------- |\n| `getMenuPointFromEvent` | `(event: { clientX: number; clientY: number }) => MenuPoint` | Получить координаты из mouse event |\n| `getMenuPointFromRect` | `(rect: { left: number; top: number; width: number; height: number }) => MenuPoint` | Получить центр прямоугольника |\n| `createVirtualAnchor` | `(point: MenuPoint, contextElement?: Element \\| null) => { getBoundingClientRect(): DOMRect; contextElement?: Element }` | Создать virtual anchor для `floating-ui` |\n\n---\n\n## Примеры использования\n\n## 1) Controlled `DropdownMenu`\n\n```tsx\nconst [open, setOpen] = useState(false);\n\nreturn (\n <DropdownMenu open={open} onOpenChange={setOpen}>\n <DropdownMenu.Trigger>\n <button type="button">{open ? "Скрыть" : "Показать"} меню</button>\n </DropdownMenu.Trigger>\n <DropdownMenu.Content>\n <DropdownMenu.Item onSelect={() => console.log("Edit")}>Редактировать</DropdownMenu.Item>\n <DropdownMenu.Item onSelect={() => setOpen(false)}>Закрыть вручную</DropdownMenu.Item>\n </DropdownMenu.Content>\n </DropdownMenu>\n);\n```\n\n## 2) Controlled `ContextMenu`\n\n```tsx\nconst [open, setOpen] = useState(false);\n\nreturn (\n <ContextMenu open={open} onOpenChange={setOpen}>\n <ContextMenu.Trigger>\n <div tabIndex={0}>Правая кнопка мыши</div>\n </ContextMenu.Trigger>\n <ContextMenu.Content>\n <ContextMenu.Item onSelect={() => alert("Открыть")}>Открыть</ContextMenu.Item>\n </ContextMenu.Content>\n </ContextMenu>\n);\n```\n\n## 3) Группы, иконки, горячие клавиши\n\n```tsx\n<DropdownMenu>\n <DropdownMenu.Trigger>\n <button type="button">Меню</button>\n </DropdownMenu.Trigger>\n <DropdownMenu.Content>\n <DropdownMenu.GroupLabel>Документ</DropdownMenu.GroupLabel>\n <DropdownMenu.Item icon={<FilePenLine size={14} />} hotKey="Ctrl+E">\n Редактировать\n </DropdownMenu.Item>\n <DropdownMenu.Item icon={<Copy size={14} />} hotKey="Ctrl+C">\n Копировать\n </DropdownMenu.Item>\n <DropdownMenu.Separator />\n <DropdownMenu.GroupLabel>Опасные</DropdownMenu.GroupLabel>\n <DropdownMenu.Item icon={<Trash2 size={14} />} hotKey="Del">\n Удалить\n </DropdownMenu.Item>\n </DropdownMenu.Content>\n</DropdownMenu>\n```\n\n## 4) Пункт-ссылка\n\n```tsx\n<ContextMenu.Item href="/docs/123" target="_blank" rel="noreferrer">\n Открыть документацию\n</ContextMenu.Item>\n```\n\n## 5) Оставлять меню открытым после выбора\n\n```tsx\n<DropdownMenu.Item closeOnSelect={false} onSelect={() => setFilter("active")}>\n Только активные\n</DropdownMenu.Item>\n```\n\n## 6) Render-function контента с `closeMenu`\n\n```tsx\n<ContextMenu.Content>\n {({ closeMenu }) => (\n <div>\n <ContextMenu.Item onSelect={() => runCommand("rename")}>Переименовать</ContextMenu.Item>\n <button type="button" onClick={closeMenu}>\n Закрыть\n </button>\n </div>\n )}\n</ContextMenu.Content>\n```\n\n## 7) Асинхронный `onSelect` с ручным закрытием\n\n```tsx\n<DropdownMenu.Item\n closeOnSelect={false}\n onSelect={async () => {\n await saveDraft();\n notify("Черновик сохранен");\n }}>\n Сохранить черновик\n</DropdownMenu.Item>\n```\n\n## 8) Отключить закрытие по клику вне меню\n\n```tsx\n<DropdownMenu.Content disableOutsideClick closeOnEscape>\n <DropdownMenu.Item>Пункт</DropdownMenu.Item>\n</DropdownMenu.Content>\n```\n\n## 9) Кастомные стили контейнера\n\n```tsx\n<ContextMenu.Content className="myContextMenu">\n <ContextMenu.Item>Кастомный пункт</ContextMenu.Item>\n</ContextMenu.Content>\n```\n\n```scss\n.myContextMenu {\n min-width: 18rem;\n max-width: 28rem;\n}\n```\n\n## 10) Использование low-level функций `shared/lib/context-menu`\n\n```ts\nimport { closeMenu, initialMenuState, openMenu, toggleMenu } from "@/shared/lib/context-menu";\n\nlet state = initialMenuState;\n\nstate = openMenu({\n source: "programmatic",\n anchor: {\n type: "point",\n point: { x: 100, y: 200 }\n }\n});\n\nstate = toggleMenu(state, {\n source: "click",\n anchor: {\n type: "point",\n point: { x: 120, y: 220 }\n }\n});\n\nstate = closeMenu(state);\n```\n\n---\n\n## Доступность и клавиатура\n\n- `Trigger` получает `aria-haspopup="menu"` и `aria-expanded`.\n- Контент рендерится с `role="menu"`.\n- Элементы действий рендерятся с `role="menuitem"`.\n- Поддержка клавиш:\n- `Shift+F10` / `ContextMenu` для открытия;\n- `ArrowUp` / `ArrowDown` для перемещения;\n- `Home` / `End` для перехода к первому/последнему пункту;\n- `Escape` для закрытия.\n\n---\n\n## Storybook\n\nИстории находятся в:\n\n- `src/shared/ui/atomic/context-menu/stories/ContextMenu.stories.tsx`\n\nОсновные сценарии:\n\n- `DropdownMenu / Базовый`\n- `ContextMenu / По правому клику`\n- `DropdownMenu / Контролируемый`\n\n---\n\n## Внутренние детали реализации\n\n- Позиционирование: `@floating-ui/react`.\n- Анимация открытия/закрытия: `motion/react` (`AnimatePresence`, `motion.div`).\n- Для совместимости с анимацией позиционирование `floating-ui` переведено на `top/left` (`transform: false`), чтобы исключить конфликт `transform` со стороны `motion`.\n\n---\n\n## Тесты\n\nПокрыты функциональные утилиты слоя `shared/lib/context-menu`:\n\n- `src/shared/lib/context-menu/state.test.ts`\n- `src/shared/lib/context-menu/anchor.test.ts`\n\nЗапуск:\n\n```bash\nnpx vitest run src/shared/lib/context-menu/state.test.ts src/shared/lib/context-menu/anchor.test.ts\n```\n'}));function l(e){return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(r,{title:`Документация/shared/ui/contextMenu`}),`
|
|
2
2
|
`,(0,d.jsx)(n,{children:s})]})}function u(e={}){let{wrapper:n}={...t(),...e.components};return n?(0,d.jsx)(n,{...e,children:(0,d.jsx)(l,{...e})}):l(e)}var d;e((()=>{d=a(),o(),i(),c()}))();export{u as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as e,i as t}from"./preload-helper-B45gAKPr.js";import{C as n}from"./iframe-
|
|
1
|
+
import{c as e,i as t}from"./preload-helper-B45gAKPr.js";import{C as n}from"./iframe-DDcUIbTW.js";function r(e){if(typeof document>`u`)return null;let t=document.getElementById(e);if(t instanceof HTMLElement)return t;let n=document.createElement(`div`);return n.id=e,document.body.append(n),n}function i(e,t){(0,s.useEffect)(()=>{let n=n=>{if(Array.isArray(e)){let r=!0;for(let t of e)t.current&&t.current.contains(n.target)&&(r=!1);r&&t()}else e.current&&!e.current.contains(n.target)&&t()};return document.addEventListener(`mousedown`,n),()=>document.removeEventListener(`mousedown`,n)},[e,t])}function a({active:e,onDismiss:t,enabled:n=!0,documentTarget:r,containerRef:i}){let a=(0,s.useEffectEvent)(()=>t());(0,s.useEffect)(()=>{if(!e||!n)return;let t=r??(typeof document>`u`?null:document);if(!t)return;let o=e=>{if(e.key!==`Escape`)return;let n=t.activeElement,r=i?.current;r&&n instanceof Node&&n!==r&&!r.contains(n)||(e.preventDefault(),a())};return t.addEventListener(`keydown`,o,!0),()=>t.removeEventListener(`keydown`,o,!0)},[e,n,r,i])}function o({active:e,trapFocus:t=!1,restoreFocus:n=!0,initialFocus:r=`auto`,restoreFocusTarget:i,containerRef:a}){let o=(0,s.useRef)(null),l=a??o,u=(0,s.useRef)(null),d=(0,s.useEffectEvent)(e=>Array.from(e.querySelectorAll(c)).filter(e=>!e.hasAttribute(`aria-hidden`))),f=(0,s.useEffectEvent)(e=>{if(r===`container`)return e;if(typeof r==`function`)return r(e)??e;let t=d(e);return t.find(e=>e.hasAttribute(`autofocus`)||e.hasAttribute(`autoFocus`))??t[0]??e}),p=(0,s.useEffectEvent)(()=>i?.()??u.current);return(0,s.useEffect)(()=>{if(!e)return;u.current=document.activeElement instanceof HTMLElement?document.activeElement:null;let r=null,i=0,a=()=>{if(r=l.current,!r){i=window.requestAnimationFrame(a);return}let e=f(r);e instanceof HTMLElement&&e.isConnected&&e.focus(),t&&r.addEventListener(`keydown`,o)},o=e=>{if(!t||e.key!==`Tab`||!r)return;let n=d(r);if(n.length===0){e.preventDefault(),r.focus();return}let i=n[0],a=n[n.length-1],o=document.activeElement;if(e.shiftKey){(o===i||o===r)&&(e.preventDefault(),a.focus());return}o===a&&(e.preventDefault(),i.focus())};return a(),()=>{if(window.cancelAnimationFrame(i),t&&r&&r.removeEventListener(`keydown`,o),!n)return;let e=p();e?.isConnected&&e.focus()}},[e,t,n,l]),l}var s,c,l=t((()=>{s=e(n(),1),c=`button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"]):not([disabled])`}));function u({hookName:e,providerName:t,contextName:n}){let r=n?` "${n}"`:``;return[`Хук ${e} должен использоваться внутри ${t}.`,`Контекст${r} равен null, поэтому, вероятно, дерево компонентов не обёрнуто в ${t}.`,`Убедитесь, что ${t} расположен выше компонента, который вызывает ${e}.`].join(` `)}function d({hookName:e,providerName:t,contextName:n}){return Error(u({hookName:e,providerName:t,contextName:n}))}var f=t((()=>{}));export{l as a,a as i,d as n,i as o,r,o as s,f as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as e,i as t}from"./preload-helper-B45gAKPr.js";import{C as n}from"./iframe-
|
|
1
|
+
import{c as e,i as t}from"./preload-helper-B45gAKPr.js";import{C as n}from"./iframe-DDcUIbTW.js";import{t as r}from"./jsx-runtime-BBQGix-2.js";import{a as i,i as a}from"./utils-3wvLOPp1.js";import{a as o,i as s,n as c,r as l,s as u}from"./Flex-DvTI3mYk.js";var d,f,p=t((()=>{a(),d=r(),f=({className:e,minHeight:t,children:n,style:r,...a})=>{let o=t===void 0?r:{...r,minHeight:t};return(0,d.jsx)(`div`,{...a,className:i(`flexCenter h100`,e),style:o,children:n})},f.__docgenInfo={description:``,methods:[],displayName:`FlexCenter`,props:{children:{required:!1,tsType:{name:`ReactNode`},description:``},minHeight:{required:!1,tsType:{name:`union`,raw:`string | number`,elements:[{name:`string`},{name:`number`}]},description:``}},composes:[`Omit`]}})),m,h,g,_=t((()=>{m=e(n(),1),o(),h=r(),g=(0,m.forwardRef)((e,t)=>(0,h.jsx)(s,{...e,ref:t,flex1:!0})),g.displayName=`FlexSpacer`,g.__docgenInfo={description:``,methods:[],displayName:`FlexSpacer`}})),v=t((()=>{c(),p(),u(),o(),_(),l()}));export{f as n,p as r,v as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{c as e,i as t}from"./preload-helper-B45gAKPr.js";import{C as n}from"./iframe-DDcUIbTW.js";import{t as r}from"./react-dom-DcLyojGx.js";import{t as i}from"./jsx-runtime-BBQGix-2.js";function a(){return typeof window<`u`}function o(e){return l(e)?(e.nodeName||``).toLowerCase():`#document`}function s(e){var t;return(e==null||(t=e.ownerDocument)==null?void 0:t.defaultView)||window}function c(e){return((l(e)?e.ownerDocument:e.document)||window.document)?.documentElement}function l(e){return a()?e instanceof Node||e instanceof s(e).Node:!1}function u(e){return a()?e instanceof Element||e instanceof s(e).Element:!1}function d(e){return a()?e instanceof HTMLElement||e instanceof s(e).HTMLElement:!1}function f(e){return!a()||typeof ShadowRoot>`u`?!1:e instanceof ShadowRoot||e instanceof s(e).ShadowRoot}function p(e){let{overflow:t,overflowX:n,overflowY:r,display:i}=b(e);return/auto|scroll|overlay|hidden|clip/.test(t+r+n)&&i!==`inline`&&i!==`contents`}function m(e){return/^(table|td|th)$/.test(o(e))}function h(e){try{if(e.matches(`:popover-open`))return!0}catch{}try{return e.matches(`:modal`)}catch{return!1}}function g(e){let t=u(e)?b(e):e;return O(t.transform)||O(t.translate)||O(t.scale)||O(t.rotate)||O(t.perspective)||!v()&&(O(t.backdropFilter)||O(t.filter))||E.test(t.willChange||``)||D.test(t.contain||``)}function _(e){let t=S(e);for(;d(t)&&!y(t);){if(g(t))return t;if(h(t))return null;t=S(t)}return null}function v(){return k??=typeof CSS<`u`&&CSS.supports&&CSS.supports(`-webkit-backdrop-filter`,`none`),k}function y(e){return/^(html|body|#document)$/.test(o(e))}function b(e){return s(e).getComputedStyle(e)}function x(e){return u(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function S(e){if(o(e)===`html`)return e;let t=e.assignedSlot||e.parentNode||f(e)&&e.host||c(e);return f(t)?t.host:t}function C(e){let t=S(e);return y(t)?e.ownerDocument?e.ownerDocument.body:e.body:d(t)&&p(t)?t:C(t)}function w(e,t,n){t===void 0&&(t=[]),n===void 0&&(n=!0);let r=C(e),i=r===e.ownerDocument?.body,a=s(r);if(i){let e=T(a);return t.concat(a,a.visualViewport||[],p(r)?r:[],e&&n?w(e):[])}else return t.concat(r,w(r,[],n))}function T(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}var E,D,O,k,A=t((()=>{E=/transform|translate|scale|rotate|perspective|filter/,D=/paint|layout|strict|content/,O=e=>!!e&&e!==`none`}));function j(e,t,n){return V(e,B(t,n))}function M(e,t){return typeof e==`function`?e(t):e}function N(e){return e.split(`-`)[0]}function P(e){return e.split(`-`)[1]}function F(e){return e===`x`?`y`:`x`}function I(e){return e===`y`?`height`:`width`}function L(e){let t=e[0];return t===`t`||t===`b`?`y`:`x`}function ee(e){return F(L(e))}function te(e,t,n){n===void 0&&(n=!1);let r=P(e),i=ee(e),a=I(i),o=i===`x`?r===(n?`end`:`start`)?`right`:`left`:r===`start`?`bottom`:`top`;return t.reference[a]>t.floating[a]&&(o=ie(o)),[o,ie(o)]}function R(e){let t=ie(e);return[z(e),t,z(t)]}function z(e){return e.includes(`start`)?e.replace(`start`,`end`):e.replace(`end`,`start`)}function ne(e,t,n){switch(e){case`top`:case`bottom`:return n?t?he:me:t?me:he;case`left`:case`right`:return t?ge:_e;default:return[]}}function re(e,t,n,r){let i=P(e),a=ne(N(e),n===`start`,r);return i&&(a=a.map(e=>e+`-`+i),t&&(a=a.concat(a.map(z)))),a}function ie(e){let t=N(e);return pe[t]+e.slice(t.length)}function ae(e){return{top:0,right:0,bottom:0,left:0,...e}}function oe(e){return typeof e==`number`?{top:e,right:e,bottom:e,left:e}:ae(e)}function se(e){let{x:t,y:n,width:r,height:i}=e;return{width:r,height:i,top:n,left:t,right:t+r,bottom:n+i,x:t,y:n}}var ce,le,ue,B,V,de,fe,H,pe,me,he,ge,_e,ve=t((()=>{ce=[`top`,`right`,`bottom`,`left`],le=[`start`,`end`],ue=ce.reduce((e,t)=>e.concat(t,t+`-`+le[0],t+`-`+le[1]),[]),B=Math.min,V=Math.max,de=Math.round,fe=Math.floor,H=e=>({x:e,y:e}),pe={left:`right`,right:`left`,bottom:`top`,top:`bottom`},me=[`left`,`right`],he=[`right`,`left`],ge=[`top`,`bottom`],_e=[`bottom`,`top`]})),ye,be,xe,U,Se,Ce,we,Te,Ee,De,Oe,ke,Ae,je,Me,Ne,Pe,Fe,Ie,Le,Re,ze,Be,Ve,He,Ue,We,Ge,Ke,qe,Je,Ye=t((()=>{ye=[`input:not([inert]):not([inert] *)`,`select:not([inert]):not([inert] *)`,`textarea:not([inert]):not([inert] *)`,`a[href]:not([inert]):not([inert] *)`,`area[href]:not([inert]):not([inert] *)`,`button:not([inert]):not([inert] *)`,`[tabindex]:not(slot):not([inert]):not([inert] *)`,`audio[controls]:not([inert]):not([inert] *)`,`video[controls]:not([inert]):not([inert] *)`,`[contenteditable]:not([contenteditable="false"]):not([inert]):not([inert] *)`,`details>summary:first-of-type:not([inert]):not([inert] *)`,`details:not([inert]):not([inert] *)`],be=ye.join(`,`),xe=typeof Element>`u`,U=xe?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector,Se=!xe&&Element.prototype.getRootNode?function(e){return e?.getRootNode?.call(e)}:function(e){return e?.ownerDocument},Ce=function(e,t){t===void 0&&(t=!0);var n=e?.getAttribute?.call(e,`inert`);return n===``||n===`true`||t&&e&&(typeof e.closest==`function`?e.closest(`[inert]`):Ce(e.parentNode))},we=function(e){var t=e?.getAttribute?.call(e,`contenteditable`);return t===``||t===`true`},Te=function(e,t,n){if(Ce(e))return[];var r=Array.prototype.slice.apply(e.querySelectorAll(be));return t&&U.call(e,be)&&r.unshift(e),r=r.filter(n),r},Ee=function(e,t,n){for(var r=[],i=Array.from(e);i.length;){var a=i.shift();if(!Ce(a,!1))if(a.tagName===`SLOT`){var o=a.assignedElements(),s=Ee(o.length?o:a.children,!0,n);n.flatten?r.push.apply(r,s):r.push({scopeParent:a,candidates:s})}else{U.call(a,be)&&n.filter(a)&&(t||!e.includes(a))&&r.push(a);var c=a.shadowRoot||typeof n.getShadowRoot==`function`&&n.getShadowRoot(a),l=!Ce(c,!1)&&(!n.shadowRootFilter||n.shadowRootFilter(a));if(c&&l){var u=Ee(c===!0?a.children:c.children,!0,n);n.flatten?r.push.apply(r,u):r.push({scopeParent:a,candidates:u})}else i.unshift.apply(i,a.children)}}return r},De=function(e){return!isNaN(parseInt(e.getAttribute(`tabindex`),10))},Oe=function(e){if(!e)throw Error(`No node provided`);return e.tabIndex<0&&(/^(AUDIO|VIDEO|DETAILS)$/.test(e.tagName)||we(e))&&!De(e)?0:e.tabIndex},ke=function(e,t){var n=Oe(e);return n<0&&t&&!De(e)?0:n},Ae=function(e,t){return e.tabIndex===t.tabIndex?e.documentOrder-t.documentOrder:e.tabIndex-t.tabIndex},je=function(e){return e.tagName===`INPUT`},Me=function(e){return je(e)&&e.type===`hidden`},Ne=function(e){return e.tagName===`DETAILS`&&Array.prototype.slice.apply(e.children).some(function(e){return e.tagName===`SUMMARY`})},Pe=function(e,t){for(var n=0;n<e.length;n++)if(e[n].checked&&e[n].form===t)return e[n]},Fe=function(e){if(!e.name)return!0;var t=e.form||Se(e),n=function(e){return t.querySelectorAll(`input[type="radio"][name="`+e+`"]`)},r;if(typeof window<`u`&&window.CSS!==void 0&&typeof window.CSS.escape==`function`)r=n(window.CSS.escape(e.name));else try{r=n(e.name)}catch(e){return console.error(`Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s`,e.message),!1}var i=Pe(r,e.form);return!i||i===e},Ie=function(e){return je(e)&&e.type===`radio`},Le=function(e){return Ie(e)&&!Fe(e)},Re=function(e){var t=e&&Se(e),n=t?.host,r=!1;if(t&&t!==e){var i,a,o;for(r=!!((i=n)!=null&&(a=i.ownerDocument)!=null&&a.contains(n)||e!=null&&(o=e.ownerDocument)!=null&&o.contains(e));!r&&n;){var s,c;t=Se(n),n=t?.host,r=!!((s=n)!=null&&(c=s.ownerDocument)!=null&&c.contains(n))}}return r},ze=function(e){var t=e.getBoundingClientRect(),n=t.width,r=t.height;return n===0&&r===0},Be=function(e,t){var n=t.displayCheck,r=t.getShadowRoot;if(n===`full-native`&&`checkVisibility`in e)return!e.checkVisibility({checkOpacity:!1,opacityProperty:!1,contentVisibilityAuto:!0,visibilityProperty:!0,checkVisibilityCSS:!0});var i=getComputedStyle(e).visibility;if(i===`hidden`||i===`collapse`)return!0;var a=U.call(e,`details>summary:first-of-type`)?e.parentElement:e;if(U.call(a,`details:not([open]) *`))return!0;if(!n||n===`full`||n===`full-native`||n===`legacy-full`){if(typeof r==`function`){for(var o=e;e;){var s=e.parentElement,c=Se(e);if(s&&!s.shadowRoot&&r(s)===!0)return ze(e);e=e.assignedSlot?e.assignedSlot:!s&&c!==e.ownerDocument?c.host:s}e=o}if(Re(e))return!e.getClientRects().length;if(n!==`legacy-full`)return!0}else if(n===`non-zero-area`)return ze(e);return!1},Ve=function(e){if(/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(e.tagName))for(var t=e.parentElement;t;){if(t.tagName===`FIELDSET`&&t.disabled){for(var n=0;n<t.children.length;n++){var r=t.children.item(n);if(r.tagName===`LEGEND`)return U.call(t,`fieldset[disabled] *`)?!0:!r.contains(e)}return!0}t=t.parentElement}return!1},He=function(e,t){return!(t.disabled||Me(t)||Be(t,e)||Ne(t)||Ve(t))},Ue=function(e,t){return!(Le(t)||Oe(t)<0||!He(e,t))},We=function(e){var t=parseInt(e.getAttribute(`tabindex`),10);return!!(isNaN(t)||t>=0)},Ge=function(e){var t=[],n=[];return e.forEach(function(e,r){var i=!!e.scopeParent,a=i?e.scopeParent:e,o=ke(a,i),s=i?Ge(e.candidates):a;o===0?i?t.push.apply(t,s):t.push(a):n.push({documentOrder:r,tabIndex:o,item:e,isScope:i,content:s})}),n.sort(Ae).reduce(function(e,t){return t.isScope?e.push.apply(e,t.content):e.push(t.content),e},[]).concat(t)},Ke=function(e,t){t||={};var n=t.getShadowRoot?Ee([e],t.includeContainer,{filter:Ue.bind(null,t),flatten:!1,getShadowRoot:t.getShadowRoot,shadowRootFilter:We}):Te(e,t.includeContainer,Ue.bind(null,t));return Ge(n)},qe=function(e,t){return t||={},t.getShadowRoot?Ee([e],t.includeContainer,{filter:He.bind(null,t),flatten:!0,getShadowRoot:t.getShadowRoot}):Te(e,t.includeContainer,He.bind(null,t))},Je=function(e,t){if(t||={},!e)throw Error(`No node provided`);return U.call(e,be)===!1?!1:Ue(t,e)}}));function Xe(){let e=navigator.userAgentData;return e!=null&&e.platform?e.platform:navigator.platform}function Ze(){let e=navigator.userAgentData;return e&&Array.isArray(e.brands)?e.brands.map(e=>{let{brand:t,version:n}=e;return t+`/`+n}).join(` `):navigator.userAgent}function Qe(){return/apple/i.test(navigator.vendor)}function $e(){let e=/android/i;return e.test(Xe())||e.test(Ze())}function et(){return Ze().includes(`jsdom/`)}function tt(e){let t=e.activeElement;for(;((n=t)==null||(n=n.shadowRoot)==null?void 0:n.activeElement)!=null;){var n;t=t.shadowRoot.activeElement}return t}function W(e,t){if(!e||!t)return!1;let n=t.getRootNode==null?void 0:t.getRootNode();if(e.contains(t))return!0;if(n&&f(n)){let n=t;for(;n;){if(e===n)return!0;n=n.parentNode||n.host}}return!1}function G(e){return`composedPath`in e?e.composedPath()[0]:e.target}function nt(e,t){if(t==null)return!1;if(`composedPath`in e)return e.composedPath().includes(t);let n=e;return n.target!=null&&t.contains(n.target)}function rt(e){return e.matches(`html,body`)}function K(e){return e?.ownerDocument||document}function it(e){return d(e)&&e.matches(wt)}function at(e){return e?e.getAttribute(`role`)===`combobox`&&it(e):!1}function ot(e){return e?e.hasAttribute(Ct)?e:e.querySelector(`[data-floating-ui-focusable]`)||e:null}function st(e,t,n){return n===void 0&&(n=!0),e.filter(e=>e.parentId===t&&(!n||e.context?.open)).flatMap(t=>[t,...st(e,t.id,n)])}function ct(e,t){let n=[],r=e.find(e=>e.id===t)?.parentId;for(;r;){let t=e.find(e=>e.id===r);r=t?.parentId,t&&(n=n.concat(t))}return n}function lt(e){e.preventDefault(),e.stopPropagation()}function ut(e){return`nativeEvent`in e}function dt(e){return e.mozInputSource===0&&e.isTrusted?!0:$e()&&e.pointerType?e.type===`click`&&e.buttons===1:e.detail===0&&!e.pointerType}function ft(e){return et()?!1:!$e()&&e.width===0&&e.height===0||$e()&&e.width===1&&e.height===1&&e.pressure===0&&e.detail===0&&e.pointerType===`mouse`||e.width<1&&e.height<1&&e.pressure===0&&e.detail===0&&e.pointerType===`touch`}function pt(e,t){let n=[`mouse`,`pen`];return t||n.push(``,void 0),n.includes(e)}function mt(e){let t=xt.useRef(e);return J(()=>{t.current=e}),t}function q(e){let t=xt.useRef(()=>{});return Et(()=>{t.current=e}),xt.useCallback(function(){var e=[...arguments];return t.current==null?void 0:t.current(...e)},[])}function ht(e,t){let n=Ke(e,Dt()),r=n.length;if(r===0)return;let i=tt(K(e)),a=n.indexOf(i);return n[a===-1?t===1?0:r-1:a+t]}function gt(e){return ht(K(e).body,1)||e}function _t(e){return ht(K(e).body,-1)||e}function vt(e,t){let n=t||e.currentTarget,r=e.relatedTarget;return!r||!W(n,r)}function yt(e){Ke(e,Dt()).forEach(e=>{e.dataset.tabindex=e.getAttribute(`tabindex`)||``,e.setAttribute(`tabindex`,`-1`)})}function bt(e){e.querySelectorAll(`[data-tabindex]`).forEach(e=>{let t=e.dataset.tabindex;delete e.dataset.tabindex,t?e.setAttribute(`tabindex`,t):e.removeAttribute(`tabindex`)})}var xt,St,Ct,wt,J,Tt,Et,Dt,Ot=t((()=>{A(),xt=e(n(),1),St=e(n(),1),Ye(),Ct=`data-floating-ui-focusable`,wt=`input:not([type='hidden']):not([disabled]),[contenteditable]:not([contenteditable='false']),textarea:not([disabled])`,J=typeof document<`u`?St.useLayoutEffect:function(){},Tt={...xt},Et=Tt.useInsertionEffect||(e=>e()),Dt=()=>({getShadowRoot:!0,displayCheck:typeof ResizeObserver==`function`&&ResizeObserver.toString().includes(`[native code]`)?`full`:`none`})}));function kt(e,t,n){let{reference:r,floating:i}=e,a=L(t),o=ee(t),s=I(o),c=N(t),l=a===`y`,u=r.x+r.width/2-i.width/2,d=r.y+r.height/2-i.height/2,f=r[s]/2-i[s]/2,p;switch(c){case`top`:p={x:u,y:r.y-i.height};break;case`bottom`:p={x:u,y:r.y+r.height};break;case`right`:p={x:r.x+r.width,y:d};break;case`left`:p={x:r.x-i.width,y:d};break;default:p={x:r.x,y:r.y}}switch(P(t)){case`start`:p[o]-=f*(n&&l?-1:1);break;case`end`:p[o]+=f*(n&&l?-1:1);break}return p}async function At(e,t){t===void 0&&(t={});let{x:n,y:r,platform:i,rects:a,elements:o,strategy:s}=e,{boundary:c=`clippingAncestors`,rootBoundary:l=`viewport`,elementContext:u=`floating`,altBoundary:d=!1,padding:f=0}=M(t,e),p=oe(f),m=o[d?u===`floating`?`reference`:`floating`:u],h=se(await i.getClippingRect({element:await(i.isElement==null?void 0:i.isElement(m))??!0?m:m.contextElement||await(i.getDocumentElement==null?void 0:i.getDocumentElement(o.floating)),boundary:c,rootBoundary:l,strategy:s})),g=u===`floating`?{x:n,y:r,width:a.floating.width,height:a.floating.height}:a.reference,_=await(i.getOffsetParent==null?void 0:i.getOffsetParent(o.floating)),v=await(i.isElement==null?void 0:i.isElement(_))&&await(i.getScale==null?void 0:i.getScale(_))||{x:1,y:1},y=se(i.convertOffsetParentRelativeRectToViewportRelativeRect?await i.convertOffsetParentRelativeRectToViewportRelativeRect({elements:o,rect:g,offsetParent:_,strategy:s}):g);return{top:(h.top-y.top+p.top)/v.y,bottom:(y.bottom-h.bottom+p.bottom)/v.y,left:(h.left-y.left+p.left)/v.x,right:(y.right-h.right+p.right)/v.x}}function jt(e,t,n){return(e?[...n.filter(t=>P(t)===e),...n.filter(t=>P(t)!==e)]:n.filter(e=>N(e)===e)).filter(n=>e?P(n)===e||(t?z(n)!==n:!1):!0)}async function Mt(e,t){let{placement:n,platform:r,elements:i}=e,a=await(r.isRTL==null?void 0:r.isRTL(i.floating)),o=N(n),s=P(n),c=L(n)===`y`,l=Rt.has(o)?-1:1,u=a&&c?-1:1,d=M(t,e),{mainAxis:f,crossAxis:p,alignmentAxis:m}=typeof d==`number`?{mainAxis:d,crossAxis:0,alignmentAxis:null}:{mainAxis:d.mainAxis||0,crossAxis:d.crossAxis||0,alignmentAxis:d.alignmentAxis};return s&&typeof m==`number`&&(p=s===`end`?m*-1:m),c?{x:p*u,y:f*l}:{x:f*l,y:p*u}}var Nt,Pt,Ft,It,Lt,Rt,zt,Bt,Vt,Ht=t((()=>{ve(),Nt=50,Pt=async(e,t,n)=>{let{placement:r=`bottom`,strategy:i=`absolute`,middleware:a=[],platform:o}=n,s=o.detectOverflow?o:{...o,detectOverflow:At},c=await(o.isRTL==null?void 0:o.isRTL(t)),l=await o.getElementRects({reference:e,floating:t,strategy:i}),{x:u,y:d}=kt(l,r,c),f=r,p=0,m={};for(let n=0;n<a.length;n++){let h=a[n];if(!h)continue;let{name:g,fn:_}=h,{x:v,y,data:b,reset:x}=await _({x:u,y:d,initialPlacement:r,placement:f,strategy:i,middlewareData:m,rects:l,platform:s,elements:{reference:e,floating:t}});u=v??u,d=y??d,m[g]={...m[g],...b},x&&p<Nt&&(p++,typeof x==`object`&&(x.placement&&(f=x.placement),x.rects&&(l=x.rects===!0?await o.getElementRects({reference:e,floating:t,strategy:i}):x.rects),{x:u,y:d}=kt(l,f,c)),n=-1)}return{x:u,y:d,placement:f,strategy:i,middlewareData:m}},Ft=e=>({name:`arrow`,options:e,async fn(t){let{x:n,y:r,placement:i,rects:a,platform:o,elements:s,middlewareData:c}=t,{element:l,padding:u=0}=M(e,t)||{};if(l==null)return{};let d=oe(u),f={x:n,y:r},p=ee(i),m=I(p),h=await o.getDimensions(l),g=p===`y`,_=g?`top`:`left`,v=g?`bottom`:`right`,y=g?`clientHeight`:`clientWidth`,b=a.reference[m]+a.reference[p]-f[p]-a.floating[m],x=f[p]-a.reference[p],S=await(o.getOffsetParent==null?void 0:o.getOffsetParent(l)),C=S?S[y]:0;(!C||!await(o.isElement==null?void 0:o.isElement(S)))&&(C=s.floating[y]||a.floating[m]);let w=b/2-x/2,T=C/2-h[m]/2-1,E=B(d[_],T),D=B(d[v],T),O=E,k=C-h[m]-D,A=C/2-h[m]/2+w,N=j(O,A,k),F=!c.arrow&&P(i)!=null&&A!==N&&a.reference[m]/2-(A<O?E:D)-h[m]/2<0,L=F?A<O?A-O:A-k:0;return{[p]:f[p]+L,data:{[p]:N,centerOffset:A-N-L,...F&&{alignmentOffset:L}},reset:F}}}),It=function(e){return e===void 0&&(e={}),{name:`autoPlacement`,options:e,async fn(t){let{rects:n,middlewareData:r,placement:i,platform:a,elements:o}=t,{crossAxis:s=!1,alignment:c,allowedPlacements:l=ue,autoAlignment:u=!0,...d}=M(e,t),f=c!==void 0||l===ue?jt(c||null,u,l):l,p=await a.detectOverflow(t,d),m=r.autoPlacement?.index||0,h=f[m];if(h==null)return{};let g=te(h,n,await(a.isRTL==null?void 0:a.isRTL(o.floating)));if(i!==h)return{reset:{placement:f[0]}};let _=[p[N(h)],p[g[0]],p[g[1]]],v=[...r.autoPlacement?.overflows||[],{placement:h,overflows:_}],y=f[m+1];if(y)return{data:{index:m+1,overflows:v},reset:{placement:y}};let b=v.map(e=>{let t=P(e.placement);return[e.placement,t&&s?e.overflows.slice(0,2).reduce((e,t)=>e+t,0):e.overflows[0],e.overflows]}).sort((e,t)=>e[1]-t[1]),x=b.filter(e=>e[2].slice(0,P(e[0])?2:3).every(e=>e<=0))[0]?.[0]||b[0][0];return x===i?{}:{data:{index:m+1,overflows:v},reset:{placement:x}}}}},Lt=function(e){return e===void 0&&(e={}),{name:`flip`,options:e,async fn(t){var n;let{placement:r,middlewareData:i,rects:a,initialPlacement:o,platform:s,elements:c}=t,{mainAxis:l=!0,crossAxis:u=!0,fallbackPlacements:d,fallbackStrategy:f=`bestFit`,fallbackAxisSideDirection:p=`none`,flipAlignment:m=!0,...h}=M(e,t);if((n=i.arrow)!=null&&n.alignmentOffset)return{};let g=N(r),_=L(o),v=N(o)===o,y=await(s.isRTL==null?void 0:s.isRTL(c.floating)),b=d||(v||!m?[ie(o)]:R(o)),x=p!==`none`;!d&&x&&b.push(...re(o,m,p,y));let S=[o,...b],C=await s.detectOverflow(t,h),w=[],T=i.flip?.overflows||[];if(l&&w.push(C[g]),u){let e=te(r,a,y);w.push(C[e[0]],C[e[1]])}if(T=[...T,{placement:r,overflows:w}],!w.every(e=>e<=0)){let e=(i.flip?.index||0)+1,t=S[e];if(t&&(!(u===`alignment`&&_!==L(t))||T.every(e=>L(e.placement)===_?e.overflows[0]>0:!0)))return{data:{index:e,overflows:T},reset:{placement:t}};let n=T.filter(e=>e.overflows[0]<=0).sort((e,t)=>e.overflows[1]-t.overflows[1])[0]?.placement;if(!n)switch(f){case`bestFit`:{let e=T.filter(e=>{if(x){let t=L(e.placement);return t===_||t===`y`}return!0}).map(e=>[e.placement,e.overflows.filter(e=>e>0).reduce((e,t)=>e+t,0)]).sort((e,t)=>e[1]-t[1])[0]?.[0];e&&(n=e);break}case`initialPlacement`:n=o;break}if(r!==n)return{reset:{placement:n}}}return{}}}},Rt=new Set([`left`,`top`]),zt=function(e){return e===void 0&&(e=0),{name:`offset`,options:e,async fn(t){var n;let{x:r,y:i,placement:a,middlewareData:o}=t,s=await Mt(t,e);return a===o.offset?.placement&&(n=o.arrow)!=null&&n.alignmentOffset?{}:{x:r+s.x,y:i+s.y,data:{...s,placement:a}}}}},Bt=function(e){return e===void 0&&(e={}),{name:`shift`,options:e,async fn(t){let{x:n,y:r,placement:i,platform:a}=t,{mainAxis:o=!0,crossAxis:s=!1,limiter:c={fn:e=>{let{x:t,y:n}=e;return{x:t,y:n}}},...l}=M(e,t),u={x:n,y:r},d=await a.detectOverflow(t,l),f=L(N(i)),p=F(f),m=u[p],h=u[f];if(o){let e=p===`y`?`top`:`left`,t=p===`y`?`bottom`:`right`,n=m+d[e],r=m-d[t];m=j(n,m,r)}if(s){let e=f===`y`?`top`:`left`,t=f===`y`?`bottom`:`right`,n=h+d[e],r=h-d[t];h=j(n,h,r)}let g=c.fn({...t,[p]:m,[f]:h});return{...g,data:{x:g.x-n,y:g.y-r,enabled:{[p]:o,[f]:s}}}}}},Vt=function(e){return e===void 0&&(e={}),{name:`size`,options:e,async fn(t){var n,r;let{placement:i,rects:a,platform:o,elements:s}=t,{apply:c=()=>{},...l}=M(e,t),u=await o.detectOverflow(t,l),d=N(i),f=P(i),p=L(i)===`y`,{width:m,height:h}=a.floating,g,_;d===`top`||d===`bottom`?(g=d,_=f===(await(o.isRTL==null?void 0:o.isRTL(s.floating))?`start`:`end`)?`left`:`right`):(_=d,g=f===`end`?`top`:`bottom`);let v=h-u.top-u.bottom,y=m-u.left-u.right,b=B(h-u[g],v),x=B(m-u[_],y),S=!t.middlewareData.shift,C=b,w=x;if((n=t.middlewareData.shift)!=null&&n.enabled.x&&(w=y),(r=t.middlewareData.shift)!=null&&r.enabled.y&&(C=v),S&&!f){let e=V(u.left,0),t=V(u.right,0),n=V(u.top,0),r=V(u.bottom,0);p?w=m-2*(e!==0||t!==0?e+t:V(u.left,u.right)):C=h-2*(n!==0||r!==0?n+r:V(u.top,u.bottom))}await c({...t,availableWidth:w,availableHeight:C});let T=await o.getDimensions(s.floating);return m!==T.width||h!==T.height?{reset:{rects:!0}}:{}}}}}));function Ut(e){let t=b(e),n=parseFloat(t.width)||0,r=parseFloat(t.height)||0,i=d(e),a=i?e.offsetWidth:n,o=i?e.offsetHeight:r,s=de(n)!==a||de(r)!==o;return s&&(n=a,r=o),{width:n,height:r,$:s}}function Wt(e){return u(e)?e:e.contextElement}function Gt(e){let t=Wt(e);if(!d(t))return H(1);let n=t.getBoundingClientRect(),{width:r,height:i,$:a}=Ut(t),o=(a?de(n.width):n.width)/r,s=(a?de(n.height):n.height)/i;return(!o||!Number.isFinite(o))&&(o=1),(!s||!Number.isFinite(s))&&(s=1),{x:o,y:s}}function Kt(e){let t=s(e);return!v()||!t.visualViewport?gn:{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}}function qt(e,t,n){return t===void 0&&(t=!1),!n||t&&n!==s(e)?!1:t}function Jt(e,t,n,r){t===void 0&&(t=!1),n===void 0&&(n=!1);let i=e.getBoundingClientRect(),a=Wt(e),o=H(1);t&&(r?u(r)&&(o=Gt(r)):o=Gt(e));let c=qt(a,n,r)?Kt(a):H(0),l=(i.left+c.x)/o.x,d=(i.top+c.y)/o.y,f=i.width/o.x,p=i.height/o.y;if(a){let e=s(a),t=r&&u(r)?s(r):r,n=e,i=T(n);for(;i&&r&&t!==n;){let e=Gt(i),t=i.getBoundingClientRect(),r=b(i),a=t.left+(i.clientLeft+parseFloat(r.paddingLeft))*e.x,o=t.top+(i.clientTop+parseFloat(r.paddingTop))*e.y;l*=e.x,d*=e.y,f*=e.x,p*=e.y,l+=a,d+=o,n=s(i),i=T(n)}}return se({width:f,height:p,x:l,y:d})}function Yt(e,t){let n=x(e).scrollLeft;return t?t.left+n:Jt(c(e)).left+n}function Xt(e,t){let n=e.getBoundingClientRect();return{x:n.left+t.scrollLeft-Yt(e,n),y:n.top+t.scrollTop}}function Zt(e){let{elements:t,rect:n,offsetParent:r,strategy:i}=e,a=i===`fixed`,s=c(r),l=t?h(t.floating):!1;if(r===s||l&&a)return n;let u={scrollLeft:0,scrollTop:0},f=H(1),m=H(0),g=d(r);if((g||!g&&!a)&&((o(r)!==`body`||p(s))&&(u=x(r)),g)){let e=Jt(r);f=Gt(r),m.x=e.x+r.clientLeft,m.y=e.y+r.clientTop}let _=s&&!g&&!a?Xt(s,u):H(0);return{width:n.width*f.x,height:n.height*f.y,x:n.x*f.x-u.scrollLeft*f.x+m.x+_.x,y:n.y*f.y-u.scrollTop*f.y+m.y+_.y}}function Qt(e){return Array.from(e.getClientRects())}function $t(e){let t=c(e),n=x(e),r=e.ownerDocument.body,i=V(t.scrollWidth,t.clientWidth,r.scrollWidth,r.clientWidth),a=V(t.scrollHeight,t.clientHeight,r.scrollHeight,r.clientHeight),o=-n.scrollLeft+Yt(e),s=-n.scrollTop;return b(r).direction===`rtl`&&(o+=V(t.clientWidth,r.clientWidth)-i),{width:i,height:a,x:o,y:s}}function en(e,t){let n=s(e),r=c(e),i=n.visualViewport,a=r.clientWidth,o=r.clientHeight,l=0,u=0;if(i){a=i.width,o=i.height;let e=v();(!e||e&&t===`fixed`)&&(l=i.offsetLeft,u=i.offsetTop)}let d=Yt(r);if(d<=0){let e=r.ownerDocument,t=e.body,n=getComputedStyle(t),i=e.compatMode===`CSS1Compat`&&parseFloat(n.marginLeft)+parseFloat(n.marginRight)||0,o=Math.abs(r.clientWidth-t.clientWidth-i);o<=_n&&(a-=o)}else d<=_n&&(a+=d);return{width:a,height:o,x:l,y:u}}function tn(e,t){let n=Jt(e,!0,t===`fixed`),r=n.top+e.clientTop,i=n.left+e.clientLeft,a=d(e)?Gt(e):H(1);return{width:e.clientWidth*a.x,height:e.clientHeight*a.y,x:i*a.x,y:r*a.y}}function nn(e,t,n){let r;if(t===`viewport`)r=en(e,n);else if(t===`document`)r=$t(c(e));else if(u(t))r=tn(t,n);else{let n=Kt(e);r={x:t.x-n.x,y:t.y-n.y,width:t.width,height:t.height}}return se(r)}function rn(e,t){let n=S(e);return n===t||!u(n)||y(n)?!1:b(n).position===`fixed`||rn(n,t)}function an(e,t){let n=t.get(e);if(n)return n;let r=w(e,[],!1).filter(e=>u(e)&&o(e)!==`body`),i=null,a=b(e).position===`fixed`,s=a?S(e):e;for(;u(s)&&!y(s);){let t=b(s),n=g(s);!n&&t.position===`fixed`&&(i=null),(a?!n&&!i:!n&&t.position===`static`&&i&&(i.position===`absolute`||i.position===`fixed`)||p(s)&&!n&&rn(e,s))?r=r.filter(e=>e!==s):i=t,s=S(s)}return t.set(e,r),r}function on(e){let{element:t,boundary:n,rootBoundary:r,strategy:i}=e,a=[...n===`clippingAncestors`?h(t)?[]:an(t,this._c):[].concat(n),r],o=nn(t,a[0],i),s=o.top,c=o.right,l=o.bottom,u=o.left;for(let e=1;e<a.length;e++){let n=nn(t,a[e],i);s=V(n.top,s),c=B(n.right,c),l=B(n.bottom,l),u=V(n.left,u)}return{width:c-u,height:l-s,x:u,y:s}}function sn(e){let{width:t,height:n}=Ut(e);return{width:t,height:n}}function cn(e,t,n){let r=d(t),i=c(t),a=n===`fixed`,s=Jt(e,!0,a,t),l={scrollLeft:0,scrollTop:0},u=H(0);function f(){u.x=Yt(i)}if(r||!r&&!a)if((o(t)!==`body`||p(i))&&(l=x(t)),r){let e=Jt(t,!0,a,t);u.x=e.x+t.clientLeft,u.y=e.y+t.clientTop}else i&&f();a&&!r&&i&&f();let m=i&&!r&&!a?Xt(i,l):H(0);return{x:s.left+l.scrollLeft-u.x-m.x,y:s.top+l.scrollTop-u.y-m.y,width:s.width,height:s.height}}function ln(e){return b(e).position===`static`}function un(e,t){if(!d(e)||b(e).position===`fixed`)return null;if(t)return t(e);let n=e.offsetParent;return c(e)===n&&(n=n.ownerDocument.body),n}function dn(e,t){let n=s(e);if(h(e))return n;if(!d(e)){let t=S(e);for(;t&&!y(t);){if(u(t)&&!ln(t))return t;t=S(t)}return n}let r=un(e,t);for(;r&&m(r)&&ln(r);)r=un(r,t);return r&&y(r)&&ln(r)&&!g(r)?n:r||_(e)||n}function fn(e){return b(e).direction===`rtl`}function pn(e,t){return e.x===t.x&&e.y===t.y&&e.width===t.width&&e.height===t.height}function mn(e,t){let n=null,r,i=c(e);function a(){var e;clearTimeout(r),(e=n)==null||e.disconnect(),n=null}function o(s,c){s===void 0&&(s=!1),c===void 0&&(c=1),a();let l=e.getBoundingClientRect(),{left:u,top:d,width:f,height:p}=l;if(s||t(),!f||!p)return;let m=fe(d),h=fe(i.clientWidth-(u+f)),g=fe(i.clientHeight-(d+p)),_=fe(u),v={rootMargin:-m+`px `+-h+`px `+-g+`px `+-_+`px`,threshold:V(0,B(1,c))||1},y=!0;function b(t){let n=t[0].intersectionRatio;if(n!==c){if(!y)return o();n?o(!1,n):r=setTimeout(()=>{o(!1,1e-7)},1e3)}n===1&&!pn(l,e.getBoundingClientRect())&&o(),y=!1}try{n=new IntersectionObserver(b,{...v,root:i.ownerDocument})}catch{n=new IntersectionObserver(b,v)}n.observe(e)}return o(!0),a}function hn(e,t,n,r){r===void 0&&(r={});let{ancestorScroll:i=!0,ancestorResize:a=!0,elementResize:o=typeof ResizeObserver==`function`,layoutShift:s=typeof IntersectionObserver==`function`,animationFrame:c=!1}=r,l=Wt(e),u=i||a?[...l?w(l):[],...t?w(t):[]]:[];u.forEach(e=>{i&&e.addEventListener(`scroll`,n,{passive:!0}),a&&e.addEventListener(`resize`,n)});let d=l&&s?mn(l,n):null,f=-1,p=null;o&&(p=new ResizeObserver(e=>{let[r]=e;r&&r.target===l&&p&&t&&(p.unobserve(t),cancelAnimationFrame(f),f=requestAnimationFrame(()=>{var e;(e=p)==null||e.observe(t)})),n()}),l&&!c&&p.observe(l),t&&p.observe(t));let m,h=c?Jt(e):null;c&&g();function g(){let t=Jt(e);h&&!pn(h,t)&&n(),h=t,m=requestAnimationFrame(g)}return n(),()=>{var e;u.forEach(e=>{i&&e.removeEventListener(`scroll`,n),a&&e.removeEventListener(`resize`,n)}),d?.(),(e=p)==null||e.disconnect(),p=null,c&&cancelAnimationFrame(m)}}var gn,_n,vn,yn,bn,xn,Sn,Cn,wn,Tn,En,Dn=t((()=>{Ht(),ve(),A(),gn=H(0),_n=25,vn=async function(e){let t=this.getOffsetParent||dn,n=this.getDimensions,r=await n(e.floating);return{reference:cn(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,width:r.width,height:r.height}}},yn={convertOffsetParentRelativeRectToViewportRelativeRect:Zt,getDocumentElement:c,getClippingRect:on,getOffsetParent:dn,getElementRects:vn,getClientRects:Qt,getDimensions:sn,getScale:Gt,isElement:u,isRTL:fn},bn=zt,xn=It,Sn=Bt,Cn=Lt,wn=Vt,Tn=Ft,En=(e,t,n)=>{let r=new Map,i={platform:yn,...n},a={...i.platform,_c:r};return Pt(e,t,{...i,platform:a})}}));function On(e,t){if(e===t)return!0;if(typeof e!=typeof t)return!1;if(typeof e==`function`&&e.toString()===t.toString())return!0;let n,r,i;if(e&&t&&typeof e==`object`){if(Array.isArray(e)){if(n=e.length,n!==t.length)return!1;for(r=n;r--!==0;)if(!On(e[r],t[r]))return!1;return!0}if(i=Object.keys(e),n=i.length,n!==Object.keys(t).length)return!1;for(r=n;r--!==0;)if(!{}.hasOwnProperty.call(t,i[r]))return!1;for(r=n;r--!==0;){let n=i[r];if(!(n===`_owner`&&e.$$typeof)&&!On(e[n],t[n]))return!1}return!0}return e!==e&&t!==t}function kn(e){return typeof window>`u`?1:(e.ownerDocument.defaultView||window).devicePixelRatio||1}function An(e,t){let n=kn(e);return Math.round(t*n)/n}function jn(e){let t=Y.useRef(e);return Fn(()=>{t.current=e}),t}function Mn(e){e===void 0&&(e={});let{placement:t=`bottom`,strategy:n=`absolute`,middleware:r=[],platform:i,elements:{reference:a,floating:o}={},transform:s=!0,whileElementsMounted:c,open:l}=e,[u,d]=Y.useState({x:0,y:0,strategy:n,placement:t,middlewareData:{},isPositioned:!1}),[f,p]=Y.useState(r);On(f,r)||p(r);let[m,h]=Y.useState(null),[g,_]=Y.useState(null),v=Y.useCallback(e=>{e!==S.current&&(S.current=e,h(e))},[]),y=Y.useCallback(e=>{e!==C.current&&(C.current=e,_(e))},[]),b=a||m,x=o||g,S=Y.useRef(null),C=Y.useRef(null),w=Y.useRef(u),T=c!=null,E=jn(c),D=jn(i),O=jn(l),k=Y.useCallback(()=>{if(!S.current||!C.current)return;let e={placement:t,strategy:n,middleware:f};D.current&&(e.platform=D.current),En(S.current,C.current,e).then(e=>{let t={...e,isPositioned:O.current!==!1};A.current&&!On(w.current,t)&&(w.current=t,Pn.flushSync(()=>{d(t)}))})},[f,t,n,D,O]);Fn(()=>{l===!1&&w.current.isPositioned&&(w.current.isPositioned=!1,d(e=>({...e,isPositioned:!1})))},[l]);let A=Y.useRef(!1);Fn(()=>(A.current=!0,()=>{A.current=!1}),[]),Fn(()=>{if(b&&(S.current=b),x&&(C.current=x),b&&x){if(E.current)return E.current(b,x,k);k()}},[b,x,k,E,T]);let j=Y.useMemo(()=>({reference:S,floating:C,setReference:v,setFloating:y}),[v,y]),M=Y.useMemo(()=>({reference:b,floating:x}),[b,x]),N=Y.useMemo(()=>{let e={position:n,left:0,top:0};if(!M.floating)return e;let t=An(M.floating,u.x),r=An(M.floating,u.y);return s?{...e,transform:`translate(`+t+`px, `+r+`px)`,...kn(M.floating)>=1.5&&{willChange:`transform`}}:{position:n,left:t,top:r}},[n,s,M.floating,u.x,u.y]);return Y.useMemo(()=>({...u,update:k,refs:j,elements:M,floatingStyles:N}),[u,k,j,M,N])}var Y,Nn,Pn,Fn,In,Ln,Rn,zn,Bn,Vn,Hn,Un=t((()=>{Dn(),Y=e(n(),1),Nn=e(n(),1),Pn=e(r(),1),Fn=typeof document<`u`?Nn.useLayoutEffect:function(){},In=e=>{function t(e){return{}.hasOwnProperty.call(e,`current`)}return{name:`arrow`,options:e,fn(n){let{element:r,padding:i}=typeof e==`function`?e(n):e;return r&&t(r)?r.current==null?{}:Tn({element:r.current,padding:i}).fn(n):r?Tn({element:r,padding:i}).fn(n):{}}}},Ln=(e,t)=>{let n=bn(e);return{name:n.name,fn:n.fn,options:[e,t]}},Rn=(e,t)=>{let n=Sn(e);return{name:n.name,fn:n.fn,options:[e,t]}},zn=(e,t)=>{let n=Cn(e);return{name:n.name,fn:n.fn,options:[e,t]}},Bn=(e,t)=>{let n=wn(e);return{name:n.name,fn:n.fn,options:[e,t]}},Vn=(e,t)=>{let n=xn(e);return{name:n.name,fn:n.fn,options:[e,t]}},Hn=(e,t)=>{let n=In(e);return{name:n.name,fn:n.fn,options:[e,t]}}}));function Wn(){let[e,t]=Z.useState(()=>Or?Ar():void 0);return J(()=>{e??t(Ar())},[]),Z.useEffect(()=>{Or=!0},[]),e}function Gn(){let e=new Map;return{emit(t,n){var r;(r=e.get(t))==null||r.forEach(e=>e(n))},on(t,n){e.has(t)||e.set(t,new Set),e.get(t).add(n)},off(t,n){var r;(r=e.get(t))==null||r.delete(n)}}}function Kn(e){return`data-floating-ui-`+e}function X(e){e.current!==-1&&(clearTimeout(e.current),e.current=-1)}function qn(e,t,n){if(n&&!pt(n))return 0;if(typeof e==`number`)return e;if(typeof e==`function`){let n=e();return typeof n==`number`?n:n?.[t]}return e?.[t]}function Jn(e){return typeof e==`function`?e():e}function Yn(e,t){t===void 0&&(t={});let{open:n,onOpenChange:r,dataRef:i,events:a,elements:o}=e,{enabled:s=!0,delay:c=0,handleClose:l=null,mouseOnly:d=!1,restMs:f=0,move:p=!0}=t,m=Fr(),h=Pr(),g=mt(l),_=mt(c),v=mt(n),y=mt(f),b=Z.useRef(),x=Z.useRef(-1),S=Z.useRef(),C=Z.useRef(-1),w=Z.useRef(!0),T=Z.useRef(!1),E=Z.useRef(()=>{}),D=Z.useRef(!1),O=q(()=>{let e=i.current.openEvent?.type;return e?.includes(`mouse`)&&e!==`mousedown`});Z.useEffect(()=>{if(!s)return;function e(e){let{open:t}=e;t||(X(x),X(C),w.current=!0,D.current=!1)}return a.on(`openchange`,e),()=>{a.off(`openchange`,e)}},[s,a]),Z.useEffect(()=>{if(!s||!g.current||!n)return;function e(e){O()&&r(!1,e,`hover`)}let t=K(o.floating).documentElement;return t.addEventListener(`mouseleave`,e),()=>{t.removeEventListener(`mouseleave`,e)}},[o.floating,n,r,s,g,O]);let k=Z.useCallback(function(e,t,n){t===void 0&&(t=!0),n===void 0&&(n=`hover`);let i=qn(_.current,`close`,b.current);i&&!S.current?(X(x),x.current=window.setTimeout(()=>r(!1,e,n),i)):t&&(X(x),r(!1,e,n))},[_,r]),A=q(()=>{E.current(),S.current=void 0}),j=q(()=>{if(T.current){let e=K(o.floating).body;e.style.pointerEvents=``,e.removeAttribute(Ir),T.current=!1}}),M=q(()=>i.current.openEvent?[`click`,`mousedown`].includes(i.current.openEvent.type):!1);Z.useEffect(()=>{if(!s)return;function e(e){if(X(x),w.current=!1,d&&!pt(b.current)||Jn(y.current)>0&&!qn(_.current,`open`))return;let t=qn(_.current,`open`,b.current);t?x.current=window.setTimeout(()=>{v.current||r(!0,e,`hover`)},t):n||r(!0,e,`hover`)}function t(e){if(M()){j();return}E.current();let t=K(o.floating);if(X(C),D.current=!1,g.current&&i.current.floatingContext){n||X(x),S.current=g.current({...i.current.floatingContext,tree:m,x:e.clientX,y:e.clientY,onClose(){j(),A(),M()||k(e,!0,`safe-polygon`)}});let r=S.current;t.addEventListener(`mousemove`,r),E.current=()=>{t.removeEventListener(`mousemove`,r)};return}(b.current!==`touch`||!W(o.floating,e.relatedTarget))&&k(e)}function a(e){M()||i.current.floatingContext&&(g.current==null||g.current({...i.current.floatingContext,tree:m,x:e.clientX,y:e.clientY,onClose(){j(),A(),M()||k(e)}})(e))}function c(){X(x)}function l(e){M()||k(e,!1)}if(u(o.domReference)){let r=o.domReference,i=o.floating;return n&&r.addEventListener(`mouseleave`,a),p&&r.addEventListener(`mousemove`,e,{once:!0}),r.addEventListener(`mouseenter`,e),r.addEventListener(`mouseleave`,t),i&&(i.addEventListener(`mouseleave`,a),i.addEventListener(`mouseenter`,c),i.addEventListener(`mouseleave`,l)),()=>{n&&r.removeEventListener(`mouseleave`,a),p&&r.removeEventListener(`mousemove`,e),r.removeEventListener(`mouseenter`,e),r.removeEventListener(`mouseleave`,t),i&&(i.removeEventListener(`mouseleave`,a),i.removeEventListener(`mouseenter`,c),i.removeEventListener(`mouseleave`,l))}}},[o,s,e,d,p,k,A,j,r,n,v,m,_,g,i,M,y]),J(()=>{var e;if(s&&n&&(e=g.current)!=null&&(e=e.__options)!=null&&e.blockPointerEvents&&O()){T.current=!0;let e=o.floating;if(u(o.domReference)&&e){var t;let n=K(o.floating).body;n.setAttribute(Ir,``);let r=o.domReference,i=m==null||(t=m.nodesRef.current.find(e=>e.id===h))==null||(t=t.context)==null?void 0:t.elements.floating;return i&&(i.style.pointerEvents=``),n.style.pointerEvents=`none`,r.style.pointerEvents=`auto`,e.style.pointerEvents=`auto`,()=>{n.style.pointerEvents=``,r.style.pointerEvents=``,e.style.pointerEvents=``}}}},[s,n,h,o,m,g,O]),J(()=>{n||(b.current=void 0,D.current=!1,A(),j())},[n,A,j]),Z.useEffect(()=>()=>{A(),X(x),X(C),j()},[s,o.domReference,A,j]);let N=Z.useMemo(()=>{function e(e){b.current=e.pointerType}return{onPointerDown:e,onPointerEnter:e,onMouseMove(e){let{nativeEvent:t}=e;function i(){!w.current&&!v.current&&r(!0,t,`hover`)}d&&!pt(b.current)||n||Jn(y.current)===0||D.current&&e.movementX**2+e.movementY**2<2||(X(C),b.current===`touch`?i():(D.current=!0,C.current=window.setTimeout(i,Jn(y.current))))}}},[d,r,n,v,y]);return Z.useMemo(()=>s?{reference:N}:{},[s,N])}function Xn(e,t){t===void 0&&(t={});let{preventScroll:n=!1,cancelPrevious:r=!0,sync:i=!1}=t;r&&cancelAnimationFrame(Lr);let a=()=>e?.focus({preventScroll:n});i?a():Lr=requestAnimationFrame(a)}function Zn(e){return e?.ownerDocument||document}function Qn(e){return e===`inert`?Rr.inert:e===`aria-hidden`?Rr[`aria-hidden`]:Rr.none}function $n(e){return e?f(e)?e.host:$n(e.parentNode):null}function er(e,t,n,r){let i=`data-floating-ui-inert`,a=r?`inert`:n?`aria-hidden`:null,s=Ur(t,e),c=new Set,l=new Set(s),u=[];Br[i]||(Br[i]=new WeakMap);let d=Br[i];s.forEach(f),p(t),c.clear();function f(e){!e||c.has(e)||(c.add(e),e.parentNode&&f(e.parentNode))}function p(e){!e||l.has(e)||[].forEach.call(e.children,e=>{if(o(e)!==`script`)if(c.has(e))p(e);else{let t=a?e.getAttribute(a):null,n=t!==null&&t!==`false`,r=Qn(a),o=(r.get(e)||0)+1,s=(d.get(e)||0)+1;r.set(e,o),d.set(e,s),u.push(e),o===1&&n&&zr.add(e),s===1&&e.setAttribute(i,``),!n&&a&&e.setAttribute(a,a===`inert`?``:`true`)}})}return Vr++,()=>{u.forEach(e=>{let t=Qn(a),n=(t.get(e)||0)-1,r=(d.get(e)||0)-1;t.set(e,n),d.set(e,r),n||(!zr.has(e)&&a&&e.removeAttribute(a),zr.delete(e)),r||e.removeAttribute(i)}),Vr--,Vr||(Rr.inert=new WeakMap,Rr[`aria-hidden`]=new WeakMap,Rr.none=new WeakMap,zr=new WeakSet,Br={})}}function tr(e,t,n){t===void 0&&(t=!1),n===void 0&&(n=!1);let r=Zn(e[0]).body;return er(e.concat(Array.from(r.querySelectorAll(`[aria-live],[role="status"],output`))),r,t,n)}function nr(e){e===void 0&&(e={});let{id:t,root:n}=e,r=jr(),i=Yr(),[a,o]=Z.useState(null),s=Z.useRef(null);return J(()=>()=>{a?.remove(),queueMicrotask(()=>{s.current=null})},[a]),J(()=>{if(!r||s.current)return;let e=t?document.getElementById(t):null;if(!e)return;let n=document.createElement(`div`);n.id=r,n.setAttribute(Jr,``),e.appendChild(n),s.current=n,o(n)},[t,r]),J(()=>{if(n===null||!r||s.current)return;let e=n||i?.portalNode;e&&!l(e)&&(e=e.current),e||=document.body;let a=null;t&&(a=document.createElement(`div`),a.id=t,e.appendChild(a));let c=document.createElement(`div`);c.id=r,c.setAttribute(Jr,``),e=a||e,e.appendChild(c),s.current=c,o(c)},[t,n,r,i]),a}function rr(e){let{children:t,id:n,root:r,preserveTabOrder:i=!0}=e,a=nr({id:n,root:r}),[o,s]=Z.useState(null),c=Z.useRef(null),l=Z.useRef(null),u=Z.useRef(null),d=Z.useRef(null),f=o?.modal,p=o?.open,m=!!o&&!o.modal&&o.open&&i&&!!(r||a);return Z.useEffect(()=>{if(!a||!i||f)return;function e(e){a&&vt(e)&&(e.type===`focusin`?bt:yt)(a)}return a.addEventListener(`focusin`,e,!0),a.addEventListener(`focusout`,e,!0),()=>{a.removeEventListener(`focusin`,e,!0),a.removeEventListener(`focusout`,e,!0)}},[a,i,f]),Z.useEffect(()=>{a&&(p||bt(a))},[p,a]),(0,Q.jsxs)(qr.Provider,{value:Z.useMemo(()=>({preserveTabOrder:i,beforeOutsideRef:c,afterOutsideRef:l,beforeInsideRef:u,afterInsideRef:d,portalNode:a,setFocusManagerState:s}),[i,a]),children:[m&&a&&(0,Q.jsx)(Gr,{"data-type":`outside`,ref:c,onFocus:e=>{if(vt(e,a)){var t;(t=u.current)==null||t.focus()}else _t(o?o.domReference:null)?.focus()}}),m&&a&&(0,Q.jsx)(`span`,{"aria-owns":a.id,style:Kr}),a&&_r.createPortal(t,a),m&&a&&(0,Q.jsx)(Gr,{"data-type":`outside`,ref:l,onFocus:e=>{if(vt(e,a)){var t;(t=d.current)==null||t.focus()}else gt(o?o.domReference:null)?.focus(),o!=null&&o.closeOnFocusOut&&o?.onOpenChange(!1,e.nativeEvent,`focus-out`)}})]})}function ir(e){return Z.useMemo(()=>t=>{e.forEach(e=>{e&&(e.current=t)})},e)}function ar(){$=$.filter(e=>e.deref()?.isConnected)}function or(e){ar(),e&&o(e)!==`body`&&($.push(new WeakRef(e)),$.length>Xr&&($=$.slice(-20)))}function sr(){return ar(),$[$.length-1]?.deref()}function cr(e){let t=Dt();return Je(e,t)?e:Ke(e,t)[0]||e}function lr(e,t){var n;if(!t.current.includes(`floating`)&&!((n=e.getAttribute(`role`))!=null&&n.includes(`dialog`)))return;let r=Dt(),i=qe(e,r).filter(e=>{let t=e.getAttribute(`data-tabindex`)||``;return Je(e,r)||e.hasAttribute(`data-tabindex`)&&!t.startsWith(`-`)}),a=e.getAttribute(`tabindex`);t.current.includes(`floating`)||i.length===0?a!==`0`&&e.setAttribute(`tabindex`,`0`):(a!==`-1`||e.hasAttribute(`data-tabindex`)&&e.getAttribute(`data-tabindex`)!==`-1`)&&(e.setAttribute(`tabindex`,`-1`),e.setAttribute(`data-tabindex`,`-1`))}function ur(e){let{context:t,children:n,disabled:r=!1,order:i=[`content`],guards:a=!0,initialFocus:o=0,returnFocus:s=!0,restoreFocus:c=!1,modal:l=!0,visuallyHiddenDismiss:u=!1,closeOnFocusOut:f=!0,outsideElementsInert:p=!1,getInsideElements:m=()=>[]}=e,{open:h,onOpenChange:g,events:_,dataRef:v,elements:{domReference:y,floating:b}}=t,x=q(()=>v.current.floatingContext?.nodeId),S=q(m),C=typeof o==`number`&&o<0,w=at(y)&&C,T=Hr(),E=T?a:!0,D=!E||T&&p,O=mt(i),k=mt(o),A=mt(s),j=Fr(),M=Yr(),N=Z.useRef(null),P=Z.useRef(null),F=Z.useRef(!1),I=Z.useRef(!1),L=Z.useRef(-1),ee=Z.useRef(-1),te=M!=null,R=ot(b),z=q(function(e){return e===void 0&&(e=R),e?Ke(e,Dt()):[]}),ne=q(e=>{let t=z(e);return O.current.map(e=>y&&e===`reference`?y:R&&e===`floating`?R:t).filter(Boolean).flat()});Z.useEffect(()=>{if(r||!l)return;function e(e){if(e.key===`Tab`){W(R,tt(K(R)))&&z().length===0&&!w&<(e);let t=ne(),n=G(e);O.current[0]===`reference`&&n===y&&(lt(e),e.shiftKey?Xn(t[t.length-1]):Xn(t[1])),O.current[1]===`floating`&&n===R&&e.shiftKey&&(lt(e),Xn(t[0]))}}let t=K(R);return t.addEventListener(`keydown`,e),()=>{t.removeEventListener(`keydown`,e)}},[r,y,R,l,O,w,z,ne]),Z.useEffect(()=>{if(r||!b)return;function e(e){let t=G(e),n=z().indexOf(t);n!==-1&&(L.current=n)}return b.addEventListener(`focusin`,e),()=>{b.removeEventListener(`focusin`,e)}},[r,b,z]),Z.useEffect(()=>{if(r||!f)return;function e(){I.current=!0,setTimeout(()=>{I.current=!1})}function t(e){let t=e.relatedTarget,n=e.currentTarget,r=G(e);queueMicrotask(()=>{let i=x(),a=!(W(y,t)||W(b,t)||W(t,b)||W(M?.portalNode,t)||t!=null&&t.hasAttribute(Kn(`focus-guard`))||j&&(st(j.nodesRef.current,i).find(e=>W(e.context?.elements.floating,t)||W(e.context?.elements.domReference,t))||ct(j.nodesRef.current,i).find(e=>[e.context?.elements.floating,ot(e.context?.elements.floating)].includes(t)||e.context?.elements.domReference===t)));if(n===y&&R&&lr(R,O),c&&n!==y&&!(r!=null&&r.isConnected)&&tt(K(R))===K(R).body){d(R)&&R.focus();let e=L.current,t=z(),n=t[e]||t[t.length-1]||R;d(n)&&n.focus()}if(v.current.insideReactTree){v.current.insideReactTree=!1;return}(w||!l)&&t&&a&&!I.current&&t!==sr()&&(F.current=!0,g(!1,e,`focus-out`))})}let n=!!(!j&&M);function i(){X(ee),v.current.insideReactTree=!0,ee.current=window.setTimeout(()=>{v.current.insideReactTree=!1})}if(b&&d(y))return y.addEventListener(`focusout`,t),y.addEventListener(`pointerdown`,e),b.addEventListener(`focusout`,t),n&&b.addEventListener(`focusout`,i,!0),()=>{y.removeEventListener(`focusout`,t),y.removeEventListener(`pointerdown`,e),b.removeEventListener(`focusout`,t),n&&b.removeEventListener(`focusout`,i,!0)}},[r,y,b,R,l,j,M,g,f,c,z,w,x,O,v]);let re=Z.useRef(null),ie=Z.useRef(null),ae=ir([re,M?.beforeInsideRef]),oe=ir([ie,M?.afterInsideRef]);Z.useEffect(()=>{var e,t;if(r||!b)return;let n=Array.from((M==null||(e=M.portalNode)==null?void 0:e.querySelectorAll(`[`+Kn(`portal`)+`]`))||[]),i=(t=(j?ct(j.nodesRef.current,x()):[]).find(e=>at(e.context?.elements.domReference||null)))==null||(t=t.context)==null?void 0:t.elements.domReference,a=[b,i,...n,...S(),N.current,P.current,re.current,ie.current,M?.beforeOutsideRef.current,M?.afterOutsideRef.current,O.current.includes(`reference`)||w?y:null].filter(e=>e!=null),o=l||w?tr(a,!D,D):tr(a);return()=>{o()}},[r,y,b,l,O,M,w,E,D,j,x,S]),J(()=>{if(r||!d(R))return;let e=tt(K(R));queueMicrotask(()=>{let t=ne(R),n=k.current,r=(typeof n==`number`?t[n]:n.current)||R,i=W(R,e);!C&&!i&&h&&Xn(r,{preventScroll:r===R})})},[r,h,R,C,ne,k]),J(()=>{if(r||!R)return;let e=K(R);or(tt(e));function t(e){let{reason:t,event:n,nested:r}=e;if([`hover`,`safe-polygon`].includes(t)&&n.type===`mouseleave`&&(F.current=!0),t===`outside-press`)if(r)F.current=!1;else if(dt(n)||ft(n))F.current=!1;else{let e=!1;document.createElement(`div`).focus({get preventScroll(){return e=!0,!1}}),e?F.current=!1:F.current=!0}}_.on(`openchange`,t);let n=e.createElement(`span`);n.setAttribute(`tabindex`,`-1`),n.setAttribute(`aria-hidden`,`true`),Object.assign(n.style,Wr),te&&y&&y.insertAdjacentElement(`afterend`,n);function i(){if(typeof A.current==`boolean`){let e=y||sr();return e&&e.isConnected?e:n}return A.current.current||n}return()=>{_.off(`openchange`,t);let r=tt(e),a=W(b,r)||j&&st(j.nodesRef.current,x(),!1).some(e=>W(e.context?.elements.floating,r)),o=i();queueMicrotask(()=>{let t=cr(o);A.current&&!F.current&&d(t)&&(!(t!==r&&r!==e.body)||a)&&t.focus({preventScroll:!0}),n.remove()})}},[r,b,R,A,v,_,j,te,y,x]),Z.useEffect(()=>(queueMicrotask(()=>{F.current=!1}),()=>{queueMicrotask(ar)}),[r]),J(()=>{if(!r&&M)return M.setFocusManagerState({modal:l,closeOnFocusOut:f,open:h,onOpenChange:g,domReference:y}),()=>{M.setFocusManagerState(null)}},[r,M,l,h,g,f,y]),J(()=>{r||R&&lr(R,O)},[r,R,O]);function se(e){return r||!u||!l?null:(0,Q.jsx)(Zr,{ref:e===`start`?N:P,onClick:e=>g(!1,e.nativeEvent),children:typeof u==`string`?u:`Dismiss`})}let ce=!r&&E&&(l?!w:!0)&&(te||l);return(0,Q.jsxs)(Q.Fragment,{children:[ce&&(0,Q.jsx)(Gr,{"data-type":`inside`,ref:ae,onFocus:e=>{if(l){let e=ne();Xn(i[0]===`reference`?e[0]:e[e.length-1])}else if(M!=null&&M.preserveTabOrder&&M.portalNode)if(F.current=!1,vt(e,M.portalNode))gt(y)?.focus();else{var t;(t=M.beforeOutsideRef.current)==null||t.focus()}}}),!w&&se(`start`),n,se(`end`),ce&&(0,Q.jsx)(Gr,{"data-type":`inside`,ref:oe,onFocus:e=>{if(l)Xn(ne()[0]);else if(M!=null&&M.preserveTabOrder&&M.portalNode)if(f&&(F.current=!0),vt(e,M.portalNode))_t(y)?.focus();else{var t;(t=M.afterOutsideRef.current)==null||t.focus()}}})]})}function dr(e,t){t===void 0&&(t={});let{open:n,onOpenChange:r,elements:i,dataRef:a}=e,{enabled:o=!0,escapeKey:s=!0,outsidePress:c=!0,outsidePressEvent:l=`pointerdown`,referencePress:f=!1,referencePressEvent:p=`pointerdown`,ancestorScroll:m=!1,bubbles:h,capture:g}=t,_=Fr(),x=q(typeof c==`function`?c:()=>!1),C=typeof c==`function`?x:c,T=Z.useRef(!1),{escapeKey:E,outsidePress:D}=ei(h),{escapeKey:O,outsidePress:k}=ei(g),A=Z.useRef(!1),j=q(e=>{if(!n||!o||!s||e.key!==`Escape`||A.current)return;let t=a.current.floatingContext?.nodeId,i=_?st(_.nodesRef.current,t):[];if(!E&&(e.stopPropagation(),i.length>0)){let e=!0;if(i.forEach(t=>{var n;if((n=t.context)!=null&&n.open&&!t.context.dataRef.current.__escapeKeyBubbles){e=!1;return}}),!e)return}r(!1,ut(e)?e.nativeEvent:e,`escape-key`)}),M=q(e=>{var t;let n=()=>{var t;j(e),(t=G(e))==null||t.removeEventListener(`keydown`,n)};(t=G(e))==null||t.addEventListener(`keydown`,n)}),N=q(e=>{let t=a.current.insideReactTree;a.current.insideReactTree=!1;let n=T.current;if(T.current=!1,l===`click`&&n||t||typeof C==`function`&&!C(e))return;let o=G(e),s=`[`+Kn(`inert`)+`]`,c=K(i.floating).querySelectorAll(s),f=u(o)?o:null;for(;f&&!y(f);){let e=S(f);if(y(e)||!u(e))break;f=e}if(c.length&&u(o)&&!rt(o)&&!W(o,i.floating)&&Array.from(c).every(e=>!W(f,e)))return;if(d(o)&&I){let t=y(o),n=b(o),r=/auto|scroll/,i=t||r.test(n.overflowX),a=t||r.test(n.overflowY),s=i&&o.clientWidth>0&&o.scrollWidth>o.clientWidth,c=a&&o.clientHeight>0&&o.scrollHeight>o.clientHeight,l=n.direction===`rtl`,u=c&&(l?e.offsetX<=o.offsetWidth-o.clientWidth:e.offsetX>o.clientWidth),d=s&&e.offsetY>o.clientHeight;if(u||d)return}let p=a.current.floatingContext?.nodeId,m=_&&st(_.nodesRef.current,p).some(t=>nt(e,t.context?.elements.floating));if(nt(e,i.floating)||nt(e,i.domReference)||m)return;let h=_?st(_.nodesRef.current,p):[];if(h.length>0){let e=!0;if(h.forEach(t=>{var n;if((n=t.context)!=null&&n.open&&!t.context.dataRef.current.__outsidePressBubbles){e=!1;return}}),!e)return}r(!1,e,`outside-press`)}),P=q(e=>{var t;let n=()=>{var t;N(e),(t=G(e))==null||t.removeEventListener(l,n)};(t=G(e))==null||t.addEventListener(l,n)});Z.useEffect(()=>{if(!n||!o)return;a.current.__escapeKeyBubbles=E,a.current.__outsidePressBubbles=D;let e=-1;function t(e){r(!1,e,`ancestor-scroll`)}function c(){window.clearTimeout(e),A.current=!0}function d(){e=window.setTimeout(()=>{A.current=!1},v()?5:0)}let f=K(i.floating);s&&(f.addEventListener(`keydown`,O?M:j,O),f.addEventListener(`compositionstart`,c),f.addEventListener(`compositionend`,d)),C&&f.addEventListener(l,k?P:N,k);let p=[];return m&&(u(i.domReference)&&(p=w(i.domReference)),u(i.floating)&&(p=p.concat(w(i.floating))),!u(i.reference)&&i.reference&&i.reference.contextElement&&(p=p.concat(w(i.reference.contextElement)))),p=p.filter(e=>e!==f.defaultView?.visualViewport),p.forEach(e=>{e.addEventListener(`scroll`,t,{passive:!0})}),()=>{s&&(f.removeEventListener(`keydown`,O?M:j,O),f.removeEventListener(`compositionstart`,c),f.removeEventListener(`compositionend`,d)),C&&f.removeEventListener(l,k?P:N,k),p.forEach(e=>{e.removeEventListener(`scroll`,t)}),window.clearTimeout(e)}},[a,i,s,C,l,n,r,m,o,E,D,j,O,M,N,k,P]),Z.useEffect(()=>{a.current.insideReactTree=!1},[a,C,l]);let F=Z.useMemo(()=>({onKeyDown:j,...f&&{[Qr[p]]:e=>{r(!1,e.nativeEvent,`reference-press`)},...p!==`click`&&{onClick(e){r(!1,e.nativeEvent,`reference-press`)}}}}),[j,r,f,p]),I=Z.useMemo(()=>{function e(e){e.button===0&&(T.current=!0)}return{onKeyDown:j,onMouseDown:e,onMouseUp:e,[$r[l]]:()=>{a.current.insideReactTree=!0}}},[j,l,a]);return Z.useMemo(()=>o?{reference:F,floating:I}:{},[o,F,I])}function fr(e){let{open:t=!1,onOpenChange:n,elements:r}=e,i=jr(),a=Z.useRef({}),[o]=Z.useState(()=>Gn()),s=Pr()!=null,[c,l]=Z.useState(r.reference),u=q((e,t,r)=>{a.current.openEvent=e?t:void 0,o.emit(`openchange`,{open:e,event:t,reason:r,nested:s}),n?.(e,t,r)}),d=Z.useMemo(()=>({setPositionReference:l}),[]),f=Z.useMemo(()=>({reference:c||r.reference||null,floating:r.floating||null,domReference:r.reference}),[c,r.reference,r.floating]);return Z.useMemo(()=>({dataRef:a,open:t,onOpenChange:u,elements:f,events:o,floatingId:i,refs:d}),[t,u,f,o,i,d])}function pr(e){e===void 0&&(e={});let{nodeId:t}=e,n=fr({...e,elements:{reference:null,floating:null,...e.elements}}),r=e.rootContext||n,i=r.elements,[a,o]=Z.useState(null),[s,c]=Z.useState(null),l=i?.domReference||a,d=Z.useRef(null),f=Fr();J(()=>{l&&(d.current=l)},[l]);let p=Mn({...e,elements:{...i,...s&&{reference:s}}}),m=Z.useCallback(e=>{let t=u(e)?{getBoundingClientRect:()=>e.getBoundingClientRect(),getClientRects:()=>e.getClientRects(),contextElement:e}:e;c(t),p.refs.setReference(t)},[p.refs]),h=Z.useCallback(e=>{(u(e)||e===null)&&(d.current=e,o(e)),(u(p.refs.reference.current)||p.refs.reference.current===null||e!==null&&!u(e))&&p.refs.setReference(e)},[p.refs]),g=Z.useMemo(()=>({...p.refs,setReference:h,setPositionReference:m,domReference:d}),[p.refs,h,m]),_=Z.useMemo(()=>({...p.elements,domReference:l}),[p.elements,l]),v=Z.useMemo(()=>({...p,...r,refs:g,elements:_,nodeId:t}),[p,g,_,t,r]);return J(()=>{r.dataRef.current.floatingContext=v;let e=f?.nodesRef.current.find(e=>e.id===t);e&&(e.context=v)}),Z.useMemo(()=>({...p,context:v,refs:g,elements:_}),[p,g,_,v])}function mr(e,t,n){let r=new Map,i=n===`item`,a=e;if(i&&e){let{[yr]:t,[br]:n,...r}=e;a=r}return{...n===`floating`&&{tabIndex:-1,[vr]:``},...a,...t.map(t=>{let r=t?t[n]:null;return typeof r==`function`?e?r(e):null:r}).concat(e).reduce((e,t)=>(t&&Object.entries(t).forEach(t=>{let[n,a]=t;if(!(i&&[yr,br].includes(n)))if(n.indexOf(`on`)===0){if(r.has(n)||r.set(n,[]),typeof a==`function`){var o;(o=r.get(n))==null||o.push(a),e[n]=function(){var e=[...arguments];return r.get(n)?.map(t=>t(...e)).find(e=>e!==void 0)}}}else e[n]=a}),e),{})}}function hr(e){e===void 0&&(e=[]);let t=e.map(e=>e?.reference),n=e.map(e=>e?.floating),r=e.map(e=>e?.item),i=Z.useCallback(t=>mr(t,e,`reference`),t),a=Z.useCallback(t=>mr(t,e,`floating`),n),o=Z.useCallback(t=>mr(t,e,`item`),r);return Z.useMemo(()=>({getReferenceProps:i,getFloatingProps:a,getItemProps:o}),[i,a,o])}function gr(e,t){t===void 0&&(t={});let{open:n,elements:r,floatingId:i}=e,{enabled:a=!0,role:o=`dialog`}=t,s=jr(),c=r.domReference?.id||s,l=Z.useMemo(()=>ot(r.floating)?.id||i,[r.floating,i]),u=ti.get(o)??o,d=Pr()!=null,f=Z.useMemo(()=>u===`tooltip`||o===`label`?{[`aria-`+(o===`label`?`labelledby`:`describedby`)]:n?l:void 0}:{"aria-expanded":n?`true`:`false`,"aria-haspopup":u===`alertdialog`?`dialog`:u,"aria-controls":n?l:void 0,...u===`listbox`&&{role:`combobox`},...u===`menu`&&{id:c},...u===`menu`&&d&&{role:`menuitem`},...o===`select`&&{"aria-autocomplete":`none`},...o===`combobox`&&{"aria-autocomplete":`list`}},[u,l,d,n,c,o]),p=Z.useMemo(()=>{let e={id:l,...u&&{role:u}};return u===`tooltip`||o===`label`?e:{...e,...u===`menu`&&{"aria-labelledby":c}}},[u,l,c,o]),m=Z.useCallback(e=>{let{active:t,selected:n}=e,r={role:`option`,...t&&{id:l+`-fui-option`}};switch(o){case`select`:case`combobox`:return{...r,"aria-selected":n}}return{}},[l,o]);return Z.useMemo(()=>a?{reference:f,floating:p,item:m}:{},[a,f,p,m])}var Z,Q,_r,vr,yr,br,xr,Sr,Cr,wr,Tr,Er,Dr,Or,kr,Ar,jr,Mr,Nr,Pr,Fr,Ir,Lr,Rr,zr,Br,Vr,Hr,Ur,Wr,Gr,Kr,qr,Jr,Yr,Xr,$,Zr,Qr,$r,ei,ti,ni=t((()=>{Z=e(n(),1),Ot(),Q=i(),A(),Ye(),_r=e(r(),1),Un(),vr=`data-floating-ui-focusable`,yr=`active`,br=`selected`,xr=`ArrowLeft`,Sr=`ArrowRight`,Cr=`ArrowUp`,wr=`ArrowDown`,Tr=[xr,Sr],Er=[Cr,wr],[...Tr,...Er],Dr={...Z},Or=!1,kr=0,Ar=()=>`floating-ui-`+Math.random().toString(36).slice(2,6)+kr++,jr=Dr.useId||Wn,Mr=Z.createContext(null),Nr=Z.createContext(null),Pr=()=>Z.useContext(Mr)?.id||null,Fr=()=>Z.useContext(Nr),Ir=Kn(`safe-polygon`),Lr=0,Rr={inert:new WeakMap,"aria-hidden":new WeakMap,none:new WeakMap},zr=new WeakSet,Br={},Vr=0,Hr=()=>typeof HTMLElement<`u`&&`inert`in HTMLElement.prototype,Ur=(e,t)=>t.map(t=>{if(e.contains(t))return t;let n=$n(t);return e.contains(n)?n:null}).filter(e=>e!=null),Wr={border:0,clip:`rect(0 0 0 0)`,height:`1px`,margin:`-1px`,overflow:`hidden`,padding:0,position:`fixed`,whiteSpace:`nowrap`,width:`1px`,top:0,left:0},Gr=Z.forwardRef(function(e,t){let[n,r]=Z.useState();J(()=>{Qe()&&r(`button`)},[]);let i={ref:t,tabIndex:0,role:n,"aria-hidden":n?void 0:!0,[Kn(`focus-guard`)]:``,style:Wr};return(0,Q.jsx)(`span`,{...e,...i})}),Kr={clipPath:`inset(50%)`,position:`fixed`,top:0,left:0},qr=Z.createContext(null),Jr=Kn(`portal`),Yr=()=>Z.useContext(qr),Xr=20,$=[],Zr=Z.forwardRef(function(e,t){return(0,Q.jsx)(`button`,{...e,type:`button`,ref:t,tabIndex:-1,style:Wr})}),Qr={pointerdown:`onPointerDown`,mousedown:`onMouseDown`,click:`onClick`},$r={pointerdown:`onPointerDownCapture`,mousedown:`onMouseDownCapture`,click:`onClickCapture`},ei=e=>({escapeKey:typeof e==`boolean`?e:e?.escapeKey??!1,outsidePress:typeof e==`boolean`?e:e?.outsidePress??!0}),ti=new Map([[`select`,`listbox`],[`combobox`,`listbox`],[`label`,!1]])}));export{Dn as _,pr as a,gr as c,zn as d,Un as f,hn as g,Bn as h,dr as i,Hn as l,Rn as m,rr as n,Yn as o,Ln as p,ni as r,hr as s,ur as t,Vn as u};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{i as e}from"./preload-helper-B45gAKPr.js";import{m as t,p as n}from"./iframe-DDcUIbTW.js";import{i as r,n as i,r as a,t as o}from"./chunk-3LY4VQVK-CmKQo29b.js";var s;e((()=>{a(),i(),t(),s=(0,n(r(),1).default)(2)(async(e,t)=>e===!1?t:o(t))}))();export{s as formatter};
|