@ryuzaki13/react-foundation-ui 1.5.13 → 1.5.14

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.
Files changed (206) hide show
  1. package/dist/listbox/index.js +1 -1
  2. package/dist/listbox/index.js.map +1 -1
  3. package/package.json +1 -1
  4. package/storybook-static/assets/{Badge-Cz9gcxIU.js → Badge-CD1woSdo.js} +1 -1
  5. package/storybook-static/assets/{Badge.stories-PV88uXCB.js → Badge.stories-DPunJSrK.js} +1 -1
  6. package/storybook-static/assets/{BadgeList-BMO51PtO.js → BadgeList-Baj24Y_J.js} +1 -1
  7. package/storybook-static/assets/{Button-BfLxUIid.js → Button-CGuqXzCc.js} +1 -1
  8. package/storybook-static/assets/{Button-DQxw6N8K.js → Button-mnXUdKCZ.js} +1 -1
  9. package/storybook-static/assets/{Button.stories-NlwBLVkf.js → Button.stories-Dr67FbTg.js} +1 -1
  10. package/storybook-static/assets/{CalendarView-C_i7clUL.js → CalendarView-vw1o_xNM.js} +1 -1
  11. package/storybook-static/assets/{CheckBox-3WpAVlwd.js → CheckBox-BJL2UykG.js} +1 -1
  12. package/storybook-static/assets/{CheckBox-Drc-88GM.js → CheckBox-QV3ntveq.js} +1 -1
  13. package/storybook-static/assets/{CheckBox.stories-D4IsLr4P.js → CheckBox.stories-DRQcsnNN.js} +1 -1
  14. package/storybook-static/assets/{Color-6AOWCN3U-CPY8DhM_.js → Color-6AOWCN3U-Bun7MdUD.js} +1 -1
  15. package/storybook-static/assets/{ContextMenu-D2--kuIS.js → ContextMenu-C0ZNiHZl.js} +1 -1
  16. package/storybook-static/assets/{ContextMenu-BjBW8_sr.js → ContextMenu-CNxPWPTI.js} +1 -1
  17. package/storybook-static/assets/{ContextMenu.stories-yGhy89Pi.js → ContextMenu.stories-BkZ0l4Tb.js} +1 -1
  18. package/storybook-static/assets/{DateInput-Dex3NjVs.js → DateInput-BdjPpQBb.js} +1 -1
  19. package/storybook-static/assets/{DateInput-G4c2mjqq.js → DateInput-mz_D_J5f.js} +1 -1
  20. package/storybook-static/assets/{DateInput.stories-5ciPhgGf.js → DateInput.stories-BleJdbF3.js} +1 -1
  21. package/storybook-static/assets/{DateRangePresetSelect-C9M3c98a.js → DateRangePresetSelect-D-8_Suqc.js} +1 -1
  22. package/storybook-static/assets/{DateRangePresetSelect-DJ4HV2xU.js → DateRangePresetSelect-DXJu8742.js} +1 -1
  23. package/storybook-static/assets/{DateRangePresetSelect.stories-C8Ohsfia.js → DateRangePresetSelect.stories-COMQj6gH.js} +1 -1
  24. package/storybook-static/assets/{Detail-CSPYsUEC.js → Detail-CJChG-7Q.js} +1 -1
  25. package/storybook-static/assets/{Detail.stories-LsOTK5pf.js → Detail.stories-CX19zPog.js} +1 -1
  26. package/storybook-static/assets/{Dialog-C8i0iW4a.js → Dialog-FuIbCMO-.js} +1 -1
  27. package/storybook-static/assets/{Dialog-BjEcdbGi.js → Dialog-a4GV2ZQ0.js} +1 -1
  28. package/storybook-static/assets/{Dialog.stories-BnmqXDWO.js → Dialog.stories-D1JgXIdZ.js} +1 -1
  29. package/storybook-static/assets/{Disclosure-Cvsl0gPE.js → Disclosure-BSazy5rN.js} +1 -1
  30. package/storybook-static/assets/{Disclosure.stories-CFfYWULd.js → Disclosure.stories-CES0qFr3.js} +1 -1
  31. package/storybook-static/assets/{DisclosureGroup-ZnY0phsi.js → DisclosureGroup-zBtzBoZj.js} +1 -1
  32. package/storybook-static/assets/{DocsRenderer-JROSPFPF-8jGqLFb9.js → DocsRenderer-JROSPFPF-P9L3PVGp.js} +1 -1
  33. package/storybook-static/assets/{DropZone-DFqqqipb.js → DropZone-DDByDKii.js} +1 -1
  34. package/storybook-static/assets/{DropZone-DvuKp6tN.js → DropZone-jynwO9zp.js} +1 -1
  35. package/storybook-static/assets/{DropZone.stories-B1xdFmz3.js → DropZone.stories-ChV6kmPA.js} +1 -1
  36. package/storybook-static/assets/{DropdownMenu-BrgLHYbc.js → DropdownMenu-DEekn_iq.js} +1 -1
  37. package/storybook-static/assets/{ExpandableActionPanel-CBOJ7TTT.js → ExpandableActionPanel-B9KEphZt.js} +1 -1
  38. package/storybook-static/assets/{ExpandableActionPanel.stories-ColZw5gd.js → ExpandableActionPanel.stories-hJSbWdEi.js} +1 -1
  39. package/storybook-static/assets/{Flex-BT_QGMVX.js → Flex-DGw71nVa.js} +1 -1
  40. package/storybook-static/assets/{Flex.stories-CEgggepS.js → Flex.stories-CisdWxc2.js} +1 -1
  41. package/storybook-static/assets/{FloatingPopover-ClEj7JDK.js → FloatingPopover-BgSpMYSa.js} +1 -1
  42. package/storybook-static/assets/{FormattedTableCell-Cwt_acDE.js → FormattedTableCell-DqGAaLSH.js} +1 -1
  43. package/storybook-static/assets/{Grid-CfILre0m.js → Grid-DqrdfRPP.js} +1 -1
  44. package/storybook-static/assets/{Grid.stories-wQ7jvA5X.js → Grid.stories-VUK1fVo1.js} +1 -1
  45. package/storybook-static/assets/{ImageCropper.stories-BMJDf8-2.js → ImageCropper.stories-C8tsdj0y.js} +1 -1
  46. package/storybook-static/assets/{ImageRenderer-COuwgno_.js → ImageRenderer-y_yPk15t.js} +1 -1
  47. package/storybook-static/assets/{ImageRenderer.stories-DsdXyXKD.js → ImageRenderer.stories-CdfTCmEM.js} +1 -1
  48. package/storybook-static/assets/{ImageView.stories-iNAQGgcZ.js → ImageView.stories-BpJA3U7W.js} +1 -1
  49. package/storybook-static/assets/{ImageViewer.stories-BYAuiSK7.js → ImageViewer.stories-joUGbNuk.js} +2 -2
  50. package/storybook-static/assets/{ImageViewerRuntime-DVlrAVlM.js → ImageViewerRuntime-Bd6bwD2G.js} +1 -1
  51. package/storybook-static/assets/{Input-DCQXBGK4.js → Input-B9yXA1bX.js} +1 -1
  52. package/storybook-static/assets/{Input-BhXx34oj.js → Input-BqHQ13Py.js} +1 -1
  53. package/storybook-static/assets/{Input.stories-cYqQabmU.js → Input.stories-D5_EehUE.js} +1 -1
  54. package/storybook-static/assets/{InputDateTime-BqmrEg_Q.js → InputDateTime-DMUf2anh.js} +1 -1
  55. package/storybook-static/assets/{InputDateTime.stories-C3xQIS7z.js → InputDateTime.stories-CSCBZZSt.js} +1 -1
  56. package/storybook-static/assets/{InputFile-Bth1Jhjf.js → InputFile--7YNcXk1.js} +1 -1
  57. package/storybook-static/assets/{InputFile-BCZ1O6Id.js → InputFile-Bb28M0Jz.js} +1 -1
  58. package/storybook-static/assets/{InputFile.stories-Cn9z-0xo.js → InputFile.stories-BcmVjUTx.js} +1 -1
  59. package/storybook-static/assets/{InputFiles-CURwAma0.js → InputFiles-BCk2pk9f.js} +1 -1
  60. package/storybook-static/assets/{InputFiles-c9zsOv2D.js → InputFiles-DGD8b7Ou.js} +1 -1
  61. package/storybook-static/assets/{InputFiles.stories-m9aTBp1E.js → InputFiles.stories-CEI2y9jM.js} +1 -1
  62. package/storybook-static/assets/{InputFilesList-CokmKz6s.js → InputFilesList-BP0hLe6p.js} +1 -1
  63. package/storybook-static/assets/{InputImage-ONEbMmSy.js → InputImage-CNW2H1oW.js} +1 -1
  64. package/storybook-static/assets/{InputImage-hzPQOP_G.js → InputImage-DGuYPBQF.js} +1 -1
  65. package/storybook-static/assets/{InputImage.stories-DtmL7qrl.js → InputImage.stories-BRqt3EaX.js} +1 -1
  66. package/storybook-static/assets/{InteractiveComponents-D9I5JYap.js → InteractiveComponents-BDlt0WQb.js} +1 -1
  67. package/storybook-static/assets/{InteractiveComponents.stories-Rkp13MQ5.js → InteractiveComponents.stories-CCwZe0gu.js} +1 -1
  68. package/storybook-static/assets/{LayoutPicker-BodO442K.js → LayoutPicker-NTQugPXW.js} +1 -1
  69. package/storybook-static/assets/{LayoutPicker-Dy9IvK0b.js → LayoutPicker-mhDjtSHC.js} +1 -1
  70. package/storybook-static/assets/{LayoutPicker.stories-exb5TXXF.js → LayoutPicker.stories-B7pmo36I.js} +1 -1
  71. package/storybook-static/assets/{Listbox-CQ80dSOo.js → Listbox-CX66_FoN.js} +1 -1
  72. package/storybook-static/assets/{Listbox-CZ1FQQ5X.js → Listbox-CgzrQDwl.js} +1 -1
  73. package/storybook-static/assets/{Listbox.stories-Nfzs72Yd.js → Listbox.stories-BuvQeQ0-.js} +1 -1
  74. package/storybook-static/assets/{Modal--uBl58UW.js → Modal-yA7tk-MI.js} +1 -1
  75. package/storybook-static/assets/{Modal.stories-D77rBBBh.js → Modal.stories-fUsmoWsB.js} +1 -1
  76. package/storybook-static/assets/{ModalManagerProvider-Dwn7kE4K.js → ModalManagerProvider-CpW75Za1.js} +1 -1
  77. package/storybook-static/assets/{MultiSelect-BlTby36f.js → MultiSelect-CAK64RnT.js} +1 -1
  78. package/storybook-static/assets/{MultiSelect-B725mcqy.js → MultiSelect-CoqGVsBf.js} +1 -1
  79. package/storybook-static/assets/{MultiSelect.stories-BEHlAAJJ.js → MultiSelect.stories-BnOcEsh0.js} +1 -1
  80. package/storybook-static/assets/{NoData-DLuw3XVk.js → NoData-BLbA-zp6.js} +1 -1
  81. package/storybook-static/assets/{NotificationsHost-BB5Np8PK.js → NotificationsHost-JM9SHcK4.js} +1 -1
  82. package/storybook-static/assets/{NotificationsHost.stories-DDadi6Mw.js → NotificationsHost.stories-Cq6KBUGr.js} +1 -1
  83. package/storybook-static/assets/{ODataMultiSelect-XFTdhfCe.js → ODataMultiSelect-C000rYJO.js} +1 -1
  84. package/storybook-static/assets/{ODataMultiSelect.stories-V1UHe_oU.js → ODataMultiSelect.stories-D1JrPXno.js} +1 -1
  85. package/storybook-static/assets/{ODataSelect-C01W8jth.js → ODataSelect-D_bcFAMN.js} +1 -1
  86. package/storybook-static/assets/{ODataSelect.stories-GBg5TBT_.js → ODataSelect.stories-k0nZfp60.js} +1 -1
  87. package/storybook-static/assets/{ODataTreeMultiSelect-sGEW_iPs.js → ODataTreeMultiSelect-yatLDsY7.js} +1 -1
  88. package/storybook-static/assets/{ODataTreeMultiSelect.stories-CKN_SvQU.js → ODataTreeMultiSelect.stories-DeTaeKuH.js} +1 -1
  89. package/storybook-static/assets/{ODataTreeSelect-1hCNPZNo.js → ODataTreeSelect-DbxkcIOC.js} +1 -1
  90. package/storybook-static/assets/{ODataTreeSelect.stories-GDmyjoWv.js → ODataTreeSelect.stories-BiL0Ew_l.js} +1 -1
  91. package/storybook-static/assets/{OneStepScroller-dsU38i0h.js → OneStepScroller-CVMtNkB8.js} +1 -1
  92. package/storybook-static/assets/{PeriodSelect-B5IQUCox.js → PeriodSelect-BxUpa6Ti.js} +1 -1
  93. package/storybook-static/assets/{PeriodSelect-Dar6tgT-.js → PeriodSelect-CvIh7s4o.js} +1 -1
  94. package/storybook-static/assets/{PeriodSelect.stories-s4UcTVBB.js → PeriodSelect.stories-9UkxLt3c.js} +1 -1
  95. package/storybook-static/assets/{PickerSelectionToolbar-BrUGVuF4.js → PickerSelectionToolbar-DCyKqj4d.js} +1 -1
  96. package/storybook-static/assets/{PickerTriggerActions-CiB7RNtz.js → PickerTriggerActions-C2ml1dHu.js} +1 -1
  97. package/storybook-static/assets/{Popover-BUpM2SdA.js → Popover-CIkFX8KE.js} +1 -1
  98. package/storybook-static/assets/{Popover-CElnnd4d.js → Popover-lL1gFyV9.js} +1 -1
  99. package/storybook-static/assets/{Popover.stories-CDPYRGg5.js → Popover.stories-qdEo-ssX.js} +1 -1
  100. package/storybook-static/assets/{PresetRangeDateInput-DKbX277t.js → PresetRangeDateInput-BnjHtxAq.js} +1 -1
  101. package/storybook-static/assets/{PresetRangeDateInput-DWsBB7Xe.js → PresetRangeDateInput-CJMd3--R.js} +1 -1
  102. package/storybook-static/assets/{PresetRangeDateInput.stories-CLnxG1Su.js → PresetRangeDateInput.stories-CAeR9ZbD.js} +1 -1
  103. package/storybook-static/assets/{PresetSelect-TONMNVox.js → PresetSelect-DsWB0UAO.js} +1 -1
  104. package/storybook-static/assets/{RadioButton-CHp5HFET.js → RadioButton-BoHDe82U.js} +1 -1
  105. package/storybook-static/assets/{RadioButton-C8cdy1c5.js → RadioButton-D8vPj5e8.js} +1 -1
  106. package/storybook-static/assets/{RadioButton.stories-D-wI-ysI.js → RadioButton.stories-CUj8nWsY.js} +1 -1
  107. package/storybook-static/assets/{RadioGroup-Cyzz_ISM.js → RadioGroup-BdV4BEd8.js} +1 -1
  108. package/storybook-static/assets/{RadioGroup-RnbEh9jf.js → RadioGroup-Ut9gYgVv.js} +1 -1
  109. package/storybook-static/assets/{RadioGroup.stories-DAocx-vl.js → RadioGroup.stories-CqDdGawq.js} +1 -1
  110. package/storybook-static/assets/{Scrollable-BZwDWzCP.js → Scrollable-CYqKWV-X.js} +1 -1
  111. package/storybook-static/assets/{Select-BMWvHZb0.js → Select-CiCBBpv5.js} +1 -1
  112. package/storybook-static/assets/{Select-QJmM58Sy.js → Select-RbjV8dmi.js} +1 -1
  113. package/storybook-static/assets/{Select.stories-Tt0ajJXV.js → Select.stories-LhZxxpT7.js} +1 -1
  114. package/storybook-static/assets/{SelectOptionContent-DZcX0XcL.js → SelectOptionContent-BzRajXPC.js} +1 -1
  115. package/storybook-static/assets/{SerializableSelect-Cb2eKzWt.js → SerializableSelect-Cy7gs4jX.js} +1 -1
  116. package/storybook-static/assets/{SerializableSelect.stories-BMGIdje_.js → SerializableSelect.stories-C2_ryaWY.js} +1 -1
  117. package/storybook-static/assets/{SingleDateTimeInput-ByN30Wn3.js → SingleDateTimeInput-B_UBXx82.js} +1 -1
  118. package/storybook-static/assets/{SingleDateTimeInput--8TJ-hnE.js → SingleDateTimeInput-Dva2NFrn.js} +1 -1
  119. package/storybook-static/assets/{SingleDateTimeInput.stories-CrsfwMCv.js → SingleDateTimeInput.stories-DYt31IoM.js} +1 -1
  120. package/storybook-static/assets/{Slider-eV8LAbRY.js → Slider-1ymlsxh9.js} +1 -1
  121. package/storybook-static/assets/{Slider-B7Zh8pKd.js → Slider-Cbcdmx97.js} +1 -1
  122. package/storybook-static/assets/{Slider.stories-2Fh_zSe4.js → Slider.stories-CP_gKjK0.js} +1 -1
  123. package/storybook-static/assets/{SliderInput-BjWQPhW1.js → SliderInput-XHYB3r06.js} +1 -1
  124. package/storybook-static/assets/{SliderInput-2r2n9oBs.js → SliderInput-paqtqhAm.js} +1 -1
  125. package/storybook-static/assets/{SliderInput.stories-RrseFw59.js → SliderInput.stories-W1GTuM_C.js} +1 -1
  126. package/storybook-static/assets/{Sortable-DHi8kx5A.js → Sortable-CT4fVwTv.js} +1 -1
  127. package/storybook-static/assets/{Sortable.stories-DJoStzvM.js → Sortable.stories-nKc7Upc2.js} +1 -1
  128. package/storybook-static/assets/{Splitter-Dxol4S_V.js → Splitter-N9erAT3u.js} +1 -1
  129. package/storybook-static/assets/{Splitter.stories-BbVOMBqo.js → Splitter.stories-CK-GKi--.js} +1 -1
  130. package/storybook-static/assets/{StateSelect-3OnKvOr4.js → StateSelect-CIPFB33b.js} +1 -1
  131. package/storybook-static/assets/{StateSelect-pbm7Jf8f.js → StateSelect-Dojqy1hR.js} +1 -1
  132. package/storybook-static/assets/{StateSelect.stories-CgTE3-yP.js → StateSelect.stories-C4On1tk0.js} +1 -1
  133. package/storybook-static/assets/{StringToggle.stories-BSJLw3CZ.js → StringToggle.stories-BetJnFMH.js} +1 -1
  134. package/storybook-static/assets/{Switch-BxBEQCPT.js → Switch-D2p3kwTC.js} +1 -1
  135. package/storybook-static/assets/{Switch-BdBKEluZ.js → Switch-DUCOjbqF.js} +1 -1
  136. package/storybook-static/assets/{Switch.stories-D5DDiey7.js → Switch.stories-Blqtc2Hq.js} +1 -1
  137. package/storybook-static/assets/{Table-tNWO7Xkx.js → Table-h5VqBZQC.js} +1 -1
  138. package/storybook-static/assets/{Table.stories-Co6W6DfX.js → Table.stories-DVNQ0tWI.js} +1 -1
  139. package/storybook-static/assets/{Tabs-MhG7k5kZ.js → Tabs-oJ3wBcAV.js} +1 -1
  140. package/storybook-static/assets/{Tabs.stories-6-cDteqF.js → Tabs.stories-CBh5mcQQ.js} +1 -1
  141. package/storybook-static/assets/{TabsBox-CbcUNOlb.js → TabsBox-B9LCP1S7.js} +1 -1
  142. package/storybook-static/assets/{TagInput-BvhI42-e.js → TagInput-DxR2Bj-i.js} +1 -1
  143. package/storybook-static/assets/{TagInput.stories-Bh03CP2k.js → TagInput.stories-0NpZyaKp.js} +1 -1
  144. package/storybook-static/assets/{Text-CvyKTMrH.js → Text-DlyoUTZs.js} +1 -1
  145. package/storybook-static/assets/{Textarea-JurrghA5.js → Textarea--e-7GpNS.js} +1 -1
  146. package/storybook-static/assets/{Textarea-CZORYVJ_.js → Textarea-CvpgjBoz.js} +1 -1
  147. package/storybook-static/assets/{Textarea.stories-BUDqqVKy.js → Textarea.stories-CLl8p2g4.js} +1 -1
  148. package/storybook-static/assets/{TimePanel-DIKKUv5f.js → TimePanel-Fn9pUQDM.js} +1 -1
  149. package/storybook-static/assets/{TimePanel.stories-B1q_i8WF.js → TimePanel.stories-BHUoKMY9.js} +1 -1
  150. package/storybook-static/assets/{Toggle-C3KWroQa.js → Toggle-B6twXbRN.js} +1 -1
  151. package/storybook-static/assets/{Toggle-BGRFjquY.js → Toggle-j_swU_h-.js} +1 -1
  152. package/storybook-static/assets/{Toggle.stories-CqaiA6sq.js → Toggle.stories-BkRbPfci.js} +1 -1
  153. package/storybook-static/assets/{TreeMultiSelect-BJt6pYdc.js → TreeMultiSelect-6SlJwvvJ.js} +1 -1
  154. package/storybook-static/assets/{TreeMultiSelect-BT1UYS2s.js → TreeMultiSelect-86pFYMuR.js} +1 -1
  155. package/storybook-static/assets/{TreeMultiSelect.stories-B6fswq0n.js → TreeMultiSelect.stories-Dvfg-_tX.js} +1 -1
  156. package/storybook-static/assets/{TreePickerBase-Ezb14TOv.js → TreePickerBase-B-C8g39p.js} +1 -1
  157. package/storybook-static/assets/{TreeSelect-CdxWhNPr.js → TreeSelect-B-rvlWXe.js} +1 -1
  158. package/storybook-static/assets/{TreeSelect-6ad8aM5F.js → TreeSelect-BsvnuuDK.js} +1 -1
  159. package/storybook-static/assets/{TreeSelect.stories-BMjSPnlt.js → TreeSelect.stories-Bd7RvBSv.js} +1 -1
  160. package/storybook-static/assets/{TreeTable-B10lvNT_.js → TreeTable-hKPiLJbk.js} +1 -1
  161. package/storybook-static/assets/{TreeTable.stories-BOkFmk-a.js → TreeTable.stories-DW8-8XIt.js} +1 -1
  162. package/storybook-static/assets/{async-Wscr5OK0.js → async-ClBTLJJf.js} +1 -1
  163. package/storybook-static/assets/{blocks-BkGgmJsC.js → blocks-BAkpxLLq.js} +3 -3
  164. package/storybook-static/assets/{browserAndReact-BKmF0BgP.js → browserAndReact-CVEbp_eh.js} +1 -1
  165. package/storybook-static/assets/{check-uBaZUURY.js → check-BI1SJVLE.js} +1 -1
  166. package/storybook-static/assets/{chevron-down-DbISRZCX.js → chevron-down-C8Jy-MyE.js} +1 -1
  167. package/storybook-static/assets/{chevron-left-Cb-kl5mh.js → chevron-left-BY47fHoH.js} +1 -1
  168. package/storybook-static/assets/{chevron-right-D99XGTe7.js → chevron-right-Uoc3pHM2.js} +1 -1
  169. package/storybook-static/assets/{chunk-W22LQPXL-D3-dGAP5.js → chunk-W22LQPXL-CL5_k7w9.js} +1 -1
  170. package/storybook-static/assets/{circle-alert-CxdnePpP.js → circle-alert-DmeiIhJa.js} +1 -1
  171. package/storybook-static/assets/{circle-check-DxbzyOrj.js → circle-check-DiYKn1po.js} +1 -1
  172. package/storybook-static/assets/{components-NKMCS9u_.js → components-CvASwB3y.js} +3 -3
  173. package/storybook-static/assets/{contextMenu-CrE8d-C8.js → contextMenu-CnFw0q-x.js} +1 -1
  174. package/storybook-static/assets/{defaultRenderers-DLjGcYhl.js → defaultRenderers-BvRfeq-t.js} +1 -1
  175. package/storybook-static/assets/{download-B34Dyboo.js → download-9zZQxSfv.js} +1 -1
  176. package/storybook-static/assets/{filesAndExcel-D0WmBd17.js → filesAndExcel-BEg-oUnG.js} +1 -1
  177. package/storybook-static/assets/{floating-ui.react-CHmsuwKl.js → floating-ui.react-1JhRQUPm.js} +1 -1
  178. package/storybook-static/assets/{formatters-B5IRTBCO.js → formatters-CXfVcFH6.js} +1 -1
  179. package/storybook-static/assets/{formatters-runtime-DIIzhbds.js → formatters-runtime-BUROwHGI.js} +1 -1
  180. package/storybook-static/assets/{foundationLib-CVhEJ6js.js → foundationLib-BIERdAtE.js} +1 -1
  181. package/storybook-static/assets/{hooks-BDibLnHt.js → hooks-CU6FIrkU.js} +1 -1
  182. package/storybook-static/assets/{iframe-CD1cMwos.js → iframe-CyRHAH4o.js} +3 -3
  183. package/storybook-static/assets/iframe-DMUTCGyI.js +1 -0
  184. package/storybook-static/assets/{info-YWjqfWxe.js → info-vRwdpcvs.js} +1 -1
  185. package/storybook-static/assets/{odata-D3YkIfXJ.js → odata-BeK1NpdX.js} +1 -1
  186. package/storybook-static/assets/{odataAndTables-C2flJmi6.js → odataAndTables-BsGyKbV-.js} +1 -1
  187. package/storybook-static/assets/{odataFetchFn-DHf6YwiM.js → odataFetchFn-CBB59F7H.js} +1 -1
  188. package/storybook-static/assets/{odataStoryFixtures-C7XqnT73.js → odataStoryFixtures-D7UlbX90.js} +1 -1
  189. package/storybook-static/assets/{persisted-CKfZAtRr.js → persisted-C-zkxkWy.js} +1 -1
  190. package/storybook-static/assets/{pureUtilities-Bwoj6fXN.js → pureUtilities-BhlI4P36.js} +1 -1
  191. package/storybook-static/assets/{react-BONe4qKn.js → react-4VaPHlD7.js} +1 -1
  192. package/storybook-static/assets/{refresh-cw-DpHq4LQP.js → refresh-cw-koABHMz2.js} +1 -1
  193. package/storybook-static/assets/{runtimeAndState-DsHleu6Y.js → runtimeAndState-DCiPKg2b.js} +1 -1
  194. package/storybook-static/assets/{settings-2-Dz6u0Wf2.js → settings-2-B-UnKmoE.js} +1 -1
  195. package/storybook-static/assets/{sortable-VOkfa1Z-.js → sortable-Cof-YMaC.js} +1 -1
  196. package/storybook-static/assets/{syntaxhighlighter-T5IQBZDB-C4OOYkZu.js → syntaxhighlighter-T5IQBZDB-C1dGYx2A.js} +1 -1
  197. package/storybook-static/assets/{trash-2-DTPcXUiI.js → trash-2-DIKrAYpi.js} +1 -1
  198. package/storybook-static/assets/{triangle-alert-DUI5nsd3.js → triangle-alert-3L0K5wrt.js} +1 -1
  199. package/storybook-static/assets/{useODataSelectBase-BpntR4Iz.js → useODataSelectBase-Cn7uL1Y6.js} +1 -1
  200. package/storybook-static/assets/{useODataTreeData-C2vzjXPp.js → useODataTreeData-MmRan049.js} +1 -1
  201. package/storybook-static/assets/{usePickerQuery-BDYoi7Rg.js → usePickerQuery-Dso-ufUa.js} +1 -1
  202. package/storybook-static/assets/{usePickerTriggerController-DAUdKKpa.js → usePickerTriggerController-B-FKRrNu.js} +1 -1
  203. package/storybook-static/assets/{x-B8aXMeuU.js → x-CI99aKu3.js} +1 -1
  204. package/storybook-static/iframe.html +2 -2
  205. package/storybook-static/project.json +1 -1
  206. package/storybook-static/assets/iframe-CTou9CRA.js +0 -1
@@ -1,4 +1,4 @@
1
- import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{n,t as r}from"./settings-2-Dz6u0Wf2.js";import{n as i,t as a}from"./trash-2-DTPcXUiI.js";import{i as o,n as s,r as c}from"./iframe-CD1cMwos.js";import{n as l,t as u}from"./createControlledStoryRender-DHsyXc1B.js";import{n as d,t as f}from"./ContextMenu-BjBW8_sr.js";import{n as p,t as m}from"./DropdownMenu-BrgLHYbc.js";var h,g;function _(){return(_=e((()=>{o(),h=[[`rect`,{width:`14`,height:`14`,x:`8`,y:`8`,rx:`2`,ry:`2`,key:`17jyea`}],[`path`,{d:`M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2`,key:`zix9uf`}]],g=c(`copy`,h)})))()}var v,y;function b(){return(b=e((()=>{o(),v=[[`path`,{d:`M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0`,key:`1nclc0`}],[`circle`,{cx:`12`,cy:`12`,r:`3`,key:`1v7zrd`}]],y=c(`eye`,v)})))()}var x,S;function C(){return(C=e((()=>{o(),x=[[`path`,{d:`M13 21h8`,key:`1jsn5i`}],[`path`,{d:`m15 5 4 4`,key:`1mk7zo`}],[`path`,{d:`M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z`,key:`1a8usu`}]],S=c(`pencil-line`,x)})))()}var w,T;function E(){return(E=e((()=>{o(),w=[[`path`,{d:`M12 17v5`,key:`bb1du9`}],[`path`,{d:`M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z`,key:`1nkz8b`}]],T=c(`pin`,w)})))()}var D=t({ContextMenuBasic:()=>L,ContextMenuRadial:()=>R,ControlledDropdown:()=>z,DropdownMenuBasic:()=>I,__namedExportsOrder:()=>B,default:()=>F});function O(e,t){return{args:e,onOpenChange:n=>{e.onOpenChange?.(n),t({open:n})}}}function k({args:e,updateArgs:t}){let{onOpenChange:n}=O(e,t);return(0,M.jsxs)(m,{placement:e.placement,open:e.open,defaultOpen:e.defaultOpen,onOpenChange:n,children:[(0,M.jsx)(m.Trigger,{children:(0,M.jsx)(`button`,{type:`button`,children:`Действия`})}),(0,M.jsxs)(m.Content,{closeOnOutside:e.closeOnOutside,closeOnEscape:e.closeOnEscape,disableOutsideClick:e.disableOutsideClick,restoreFocus:e.restoreFocus,children:[(0,M.jsx)(m.GroupLabel,{children:`Файл`}),(0,M.jsx)(m.Item,{icon:(0,M.jsx)(S,{size:14}),hotKey:`Ctrl+E`,children:`Редактировать`}),(0,M.jsx)(m.Item,{icon:(0,M.jsx)(g,{size:14}),hotKey:`Ctrl+C`,children:`Копировать`}),(0,M.jsx)(m.Separator,{}),(0,M.jsx)(m.Item,{icon:(0,M.jsx)(a,{size:14}),hotKey:`Del`,children:`Удалить`})]})]})}function A({args:e,updateArgs:t}){let{onOpenChange:n}=O(e,t);return(0,M.jsxs)(f,{placement:e.placement,open:e.open,defaultOpen:e.defaultOpen,onOpenChange:n,children:[(0,M.jsx)(f.Trigger,{children:(0,M.jsxs)(`div`,{style:{width:300,height:180,display:`grid`,placeItems:`center`,border:`1px dashed var(--border-1)`,borderRadius:`var(--radius-sm)`,background:`var(--surface-1)`,padding:16,textAlign:`center`},children:[`Нажмите правой кнопкой мыши`,(0,M.jsx)(`br`,{}),`или Shift+F10`]})}),(0,M.jsxs)(f.Content,{closeOnOutside:e.closeOnOutside,closeOnEscape:e.closeOnEscape,disableOutsideClick:e.disableOutsideClick,restoreFocus:e.restoreFocus,children:[(0,M.jsx)(f.Item,{icon:(0,M.jsx)(S,{size:14}),children:`Переименовать`}),(0,M.jsx)(f.Item,{icon:(0,M.jsx)(g,{size:14}),children:`Дублировать`}),(0,M.jsx)(f.Separator,{}),(0,M.jsx)(f.Item,{icon:(0,M.jsx)(a,{size:14}),children:`Переместить в корзину`})]})]})}function j({args:e,updateArgs:t}){let{onOpenChange:n}=O(e,t);return(0,M.jsxs)(f,{placement:e.placement,open:e.open,defaultOpen:e.defaultOpen,onOpenChange:n,children:[(0,M.jsx)(f.Trigger,{children:(0,M.jsxs)(`div`,{style:{width:360,height:220,display:`grid`,placeItems:`center`,border:`1px dashed var(--border-1)`,borderRadius:`var(--radius-sm)`,background:`var(--surface-1)`,padding:16,textAlign:`center`},children:[`Нажмите правой кнопкой мыши`,(0,M.jsx)(`br`,{}),`или Shift+F10`]})}),(0,M.jsxs)(f.RadialContent,{closeOnOutside:e.closeOnOutside,closeOnEscape:e.closeOnEscape,disableOutsideClick:e.disableOutsideClick,restoreFocus:e.restoreFocus,radius:e.radius,itemSize:e.itemSize,closeLabel:e.closeLabel,children:[(0,M.jsx)(f.RadialItem,{icon:(0,M.jsx)(S,{}),children:`Править`}),(0,M.jsx)(f.RadialItem,{icon:(0,M.jsx)(g,{}),children:`Копия`}),(0,M.jsx)(f.RadialItem,{icon:(0,M.jsx)(T,{}),children:`Закрепить`}),(0,M.jsx)(f.RadialItem,{icon:(0,M.jsx)(y,{}),children:`Просмотр`}),(0,M.jsx)(f.RadialItem,{icon:(0,M.jsx)(r,{}),children:`Опции`}),(0,M.jsx)(f.RadialItem,{icon:(0,M.jsx)(a,{}),children:`Удалить`})]})]})}var M,N,P,F,I,L,R,z,B;function V(){return(V=e((()=>{_(),b(),C(),E(),n(),i(),l(),d(),p(),M=s(),{useArgs:N}=__STORYBOOK_MODULE_PREVIEW_API__,{fn:P}=__STORYBOOK_MODULE_TEST__,F={title:`Shared/UI/ContextMenu`,component:f,args:{children:null,placement:`right-start`,open:!1,defaultOpen:!1,onOpenChange:P(),closeOnOutside:!0,closeOnEscape:!0,disableOutsideClick:!1,restoreFocus:!0},parameters:{atomicCanvas:!0,layout:`centered`},argTypes:{children:{description:`Композиция из Trigger, Content и пунктов меню.`,control:!1},placement:{description:`Предпочтительное положение меню относительно trigger или точки вызова.`,control:`select`,options:[`top`,`top-start`,`top-end`,`right`,`right-start`,`right-end`,`bottom`,`bottom-start`,`bottom-end`,`left`,`left-start`,`left-end`]},open:{description:`Контролируемая видимость меню.`,control:`boolean`},defaultOpen:{description:`Начальная видимость в uncontrolled-режиме.`,control:`boolean`},onOpenChange:{description:`Вызывается при открытии и закрытии меню.`,control:!1},closeOnOutside:{description:`Закрывает обычную панель по клику снаружи.`,control:`boolean`},closeOnEscape:{description:`Закрывает обычную панель по клавише Escape.`,control:`boolean`},disableOutsideClick:{description:`Игнорирует клики снаружи панели.`,control:`boolean`},restoreFocus:{description:`Возвращает фокус на trigger после закрытия.`,control:`boolean`},radius:{description:`Радиус кольца для радиального меню.`,control:{type:`number`,min:0,step:1}},itemSize:{description:`Размер пункта радиального меню в пикселях.`,control:{type:`number`,min:1,step:1}},closeLabel:{description:`Доступное имя и подпись центральной кнопки закрытия радиального меню.`,control:`text`}}},I={name:`DropdownMenu / Базовый`,args:{placement:`bottom-start`},render:u((e,t)=>(0,M.jsx)(k,{args:e,updateArgs:t}))},L={name:`ContextMenu / По правому клику`,render:u((e,t)=>(0,M.jsx)(A,{args:e,updateArgs:t}))},R={name:`ContextMenu / Радиальное меню`,args:{radius:76,itemSize:64,closeLabel:`Закрыть`},render:u((e,t)=>(0,M.jsx)(j,{args:e,updateArgs:t}))},z={name:`DropdownMenu / Контролируемый`,args:{placement:`bottom-start`},render:function(){let[e,t]=N(),{onOpenChange:n}=O(e,t);return(0,M.jsxs)(m,{placement:e.placement,open:e.open,defaultOpen:e.defaultOpen,onOpenChange:n,children:[(0,M.jsx)(m.Trigger,{children:(0,M.jsx)(`button`,{type:`button`,children:e.open?`Скрыть меню`:`Показать меню`})}),(0,M.jsx)(m.Content,{closeOnOutside:e.closeOnOutside,closeOnEscape:e.closeOnEscape,disableOutsideClick:e.disableOutsideClick,restoreFocus:e.restoreFocus,children:(0,M.jsx)(m.Item,{onSelect:()=>n(!1),children:`Закрыть`})})]})}},I.parameters={...I.parameters,docs:{...I.parameters?.docs,source:{originalSource:`{
1
+ import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{n,t as r}from"./settings-2-B-UnKmoE.js";import{n as i,t as a}from"./trash-2-DIKrAYpi.js";import{i as o,n as s,r as c}from"./iframe-CyRHAH4o.js";import{n as l,t as u}from"./createControlledStoryRender-DHsyXc1B.js";import{n as d,t as f}from"./ContextMenu-CNxPWPTI.js";import{n as p,t as m}from"./DropdownMenu-DEekn_iq.js";var h,g;function _(){return(_=e((()=>{o(),h=[[`rect`,{width:`14`,height:`14`,x:`8`,y:`8`,rx:`2`,ry:`2`,key:`17jyea`}],[`path`,{d:`M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2`,key:`zix9uf`}]],g=c(`copy`,h)})))()}var v,y;function b(){return(b=e((()=>{o(),v=[[`path`,{d:`M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0`,key:`1nclc0`}],[`circle`,{cx:`12`,cy:`12`,r:`3`,key:`1v7zrd`}]],y=c(`eye`,v)})))()}var x,S;function C(){return(C=e((()=>{o(),x=[[`path`,{d:`M13 21h8`,key:`1jsn5i`}],[`path`,{d:`m15 5 4 4`,key:`1mk7zo`}],[`path`,{d:`M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z`,key:`1a8usu`}]],S=c(`pencil-line`,x)})))()}var w,T;function E(){return(E=e((()=>{o(),w=[[`path`,{d:`M12 17v5`,key:`bb1du9`}],[`path`,{d:`M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z`,key:`1nkz8b`}]],T=c(`pin`,w)})))()}var D=t({ContextMenuBasic:()=>L,ContextMenuRadial:()=>R,ControlledDropdown:()=>z,DropdownMenuBasic:()=>I,__namedExportsOrder:()=>B,default:()=>F});function O(e,t){return{args:e,onOpenChange:n=>{e.onOpenChange?.(n),t({open:n})}}}function k({args:e,updateArgs:t}){let{onOpenChange:n}=O(e,t);return(0,M.jsxs)(m,{placement:e.placement,open:e.open,defaultOpen:e.defaultOpen,onOpenChange:n,children:[(0,M.jsx)(m.Trigger,{children:(0,M.jsx)(`button`,{type:`button`,children:`Действия`})}),(0,M.jsxs)(m.Content,{closeOnOutside:e.closeOnOutside,closeOnEscape:e.closeOnEscape,disableOutsideClick:e.disableOutsideClick,restoreFocus:e.restoreFocus,children:[(0,M.jsx)(m.GroupLabel,{children:`Файл`}),(0,M.jsx)(m.Item,{icon:(0,M.jsx)(S,{size:14}),hotKey:`Ctrl+E`,children:`Редактировать`}),(0,M.jsx)(m.Item,{icon:(0,M.jsx)(g,{size:14}),hotKey:`Ctrl+C`,children:`Копировать`}),(0,M.jsx)(m.Separator,{}),(0,M.jsx)(m.Item,{icon:(0,M.jsx)(a,{size:14}),hotKey:`Del`,children:`Удалить`})]})]})}function A({args:e,updateArgs:t}){let{onOpenChange:n}=O(e,t);return(0,M.jsxs)(f,{placement:e.placement,open:e.open,defaultOpen:e.defaultOpen,onOpenChange:n,children:[(0,M.jsx)(f.Trigger,{children:(0,M.jsxs)(`div`,{style:{width:300,height:180,display:`grid`,placeItems:`center`,border:`1px dashed var(--border-1)`,borderRadius:`var(--radius-sm)`,background:`var(--surface-1)`,padding:16,textAlign:`center`},children:[`Нажмите правой кнопкой мыши`,(0,M.jsx)(`br`,{}),`или Shift+F10`]})}),(0,M.jsxs)(f.Content,{closeOnOutside:e.closeOnOutside,closeOnEscape:e.closeOnEscape,disableOutsideClick:e.disableOutsideClick,restoreFocus:e.restoreFocus,children:[(0,M.jsx)(f.Item,{icon:(0,M.jsx)(S,{size:14}),children:`Переименовать`}),(0,M.jsx)(f.Item,{icon:(0,M.jsx)(g,{size:14}),children:`Дублировать`}),(0,M.jsx)(f.Separator,{}),(0,M.jsx)(f.Item,{icon:(0,M.jsx)(a,{size:14}),children:`Переместить в корзину`})]})]})}function j({args:e,updateArgs:t}){let{onOpenChange:n}=O(e,t);return(0,M.jsxs)(f,{placement:e.placement,open:e.open,defaultOpen:e.defaultOpen,onOpenChange:n,children:[(0,M.jsx)(f.Trigger,{children:(0,M.jsxs)(`div`,{style:{width:360,height:220,display:`grid`,placeItems:`center`,border:`1px dashed var(--border-1)`,borderRadius:`var(--radius-sm)`,background:`var(--surface-1)`,padding:16,textAlign:`center`},children:[`Нажмите правой кнопкой мыши`,(0,M.jsx)(`br`,{}),`или Shift+F10`]})}),(0,M.jsxs)(f.RadialContent,{closeOnOutside:e.closeOnOutside,closeOnEscape:e.closeOnEscape,disableOutsideClick:e.disableOutsideClick,restoreFocus:e.restoreFocus,radius:e.radius,itemSize:e.itemSize,closeLabel:e.closeLabel,children:[(0,M.jsx)(f.RadialItem,{icon:(0,M.jsx)(S,{}),children:`Править`}),(0,M.jsx)(f.RadialItem,{icon:(0,M.jsx)(g,{}),children:`Копия`}),(0,M.jsx)(f.RadialItem,{icon:(0,M.jsx)(T,{}),children:`Закрепить`}),(0,M.jsx)(f.RadialItem,{icon:(0,M.jsx)(y,{}),children:`Просмотр`}),(0,M.jsx)(f.RadialItem,{icon:(0,M.jsx)(r,{}),children:`Опции`}),(0,M.jsx)(f.RadialItem,{icon:(0,M.jsx)(a,{}),children:`Удалить`})]})]})}var M,N,P,F,I,L,R,z,B;function V(){return(V=e((()=>{_(),b(),C(),E(),n(),i(),l(),d(),p(),M=s(),{useArgs:N}=__STORYBOOK_MODULE_PREVIEW_API__,{fn:P}=__STORYBOOK_MODULE_TEST__,F={title:`Shared/UI/ContextMenu`,component:f,args:{children:null,placement:`right-start`,open:!1,defaultOpen:!1,onOpenChange:P(),closeOnOutside:!0,closeOnEscape:!0,disableOutsideClick:!1,restoreFocus:!0},parameters:{atomicCanvas:!0,layout:`centered`},argTypes:{children:{description:`Композиция из Trigger, Content и пунктов меню.`,control:!1},placement:{description:`Предпочтительное положение меню относительно trigger или точки вызова.`,control:`select`,options:[`top`,`top-start`,`top-end`,`right`,`right-start`,`right-end`,`bottom`,`bottom-start`,`bottom-end`,`left`,`left-start`,`left-end`]},open:{description:`Контролируемая видимость меню.`,control:`boolean`},defaultOpen:{description:`Начальная видимость в uncontrolled-режиме.`,control:`boolean`},onOpenChange:{description:`Вызывается при открытии и закрытии меню.`,control:!1},closeOnOutside:{description:`Закрывает обычную панель по клику снаружи.`,control:`boolean`},closeOnEscape:{description:`Закрывает обычную панель по клавише Escape.`,control:`boolean`},disableOutsideClick:{description:`Игнорирует клики снаружи панели.`,control:`boolean`},restoreFocus:{description:`Возвращает фокус на trigger после закрытия.`,control:`boolean`},radius:{description:`Радиус кольца для радиального меню.`,control:{type:`number`,min:0,step:1}},itemSize:{description:`Размер пункта радиального меню в пикселях.`,control:{type:`number`,min:1,step:1}},closeLabel:{description:`Доступное имя и подпись центральной кнопки закрытия радиального меню.`,control:`text`}}},I={name:`DropdownMenu / Базовый`,args:{placement:`bottom-start`},render:u((e,t)=>(0,M.jsx)(k,{args:e,updateArgs:t}))},L={name:`ContextMenu / По правому клику`,render:u((e,t)=>(0,M.jsx)(A,{args:e,updateArgs:t}))},R={name:`ContextMenu / Радиальное меню`,args:{radius:76,itemSize:64,closeLabel:`Закрыть`},render:u((e,t)=>(0,M.jsx)(j,{args:e,updateArgs:t}))},z={name:`DropdownMenu / Контролируемый`,args:{placement:`bottom-start`},render:function(){let[e,t]=N(),{onOpenChange:n}=O(e,t);return(0,M.jsxs)(m,{placement:e.placement,open:e.open,defaultOpen:e.defaultOpen,onOpenChange:n,children:[(0,M.jsx)(m.Trigger,{children:(0,M.jsx)(`button`,{type:`button`,children:e.open?`Скрыть меню`:`Показать меню`})}),(0,M.jsx)(m.Content,{closeOnOutside:e.closeOnOutside,closeOnEscape:e.closeOnEscape,disableOutsideClick:e.disableOutsideClick,restoreFocus:e.restoreFocus,children:(0,M.jsx)(m.Item,{onSelect:()=>n(!1),children:`Закрыть`})})]})}},I.parameters={...I.parameters,docs:{...I.parameters?.docs,source:{originalSource:`{
2
2
  name: "DropdownMenu / Базовый",
3
3
  args: {
4
4
  placement: "bottom-start"
@@ -1 +1 @@
1
- import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{t}from"./react-C21x__mS.js";import{a as n,c as r,l as i,n as a,o,r as s,s as c,t as ee}from"./CalendarView-C_i7clUL.js";import{n as l}from"./iframe-CD1cMwos.js";import{b as u,d,f,m as p,p as m,v as h,x as g}from"./odata-service-B5w4YBao-BW9QLSrS.js";import{b as _,n as v,y}from"./formatters-CVj-3Vn0-BFaHJqZL.js";import{n as b,t as x}from"./Popover-BUpM2SdA.js";import{n as te,t as S}from"./ui.module-CiLQZm_L.js";import{a as ne,c as C}from"./Input-DCQXBGK4.js";import{n as w,t as T}from"./RadioGroup-Cyzz_ISM.js";function E(e){return e.selectionMode===`day`||e.selectionMode===`week`?`day`:e.selectionMode===`month`||e.selectionMode===`year`?e.selectionMode:e.datePickerLevel??`day`}function D(e){return{selectionMode:e?.selectionMode,weekEndDay:e?.weekEndDay}}function O(e,t){return typeof e==`string`||e===void 0?{datePreset:e,datePickerLevel:t}:t&&e.datePickerLevel===void 0?{...e,datePickerLevel:t}:e}function k(e){let t=f(e,V);return m(t)?t:V}function A(e,t){return g(e,k(t.datePreset),{defaultFormat:V,precision:E(t),referenceDate:t.referenceDate})?.date??null}function j(e,t){return v(e,D(t))?.start??null}function M(e,t){if(!_(e))return null;let[n,r]=e;return[j(n,t),N(r,t)]}function N(e,t){return v(e,D(t))?.end??null}function P(e){return e?.getTime()??null}function re(e,t,n){return P(j(e,n))===P(j(t,n))}function ie(e,t,n){let r=M(e,n),i=M(t,n);return P(r?.[0]??null)===P(i?.[0]??null)&&P(r?.[1]??null)===P(i?.[1]??null)}function F(e,t,n){if(!e)return``;let r=O(t,n),i=v(e,D(r));return r.selectionMode===`week`&&i?p(i.start,i.end,k(r.datePreset),{precision:E(r)}):d(e,k(r.datePreset),{precision:E(r)})}function I(e,t,n){if(!_(e))return``;let r=O(t,n),[i,a]=e;return i&&a?p(i,a,k(r.datePreset),{precision:E(r)}):i?`${d(i,k(r.datePreset),{precision:E(r)})}${H}`:``}function L(e,t,n){return _(e)?I(e,t,n):F(e,t,n)}function R(e,t,n){let r=O(t,n);return j(A(r.selectionMode===`week`?e.split(H)[0]??``:e,r),r)}function z(e,t,n){let r=O(t,n),[i=``,a=``]=e.split(H);return[R(i,r),B(a,r)]}function B(e,t,n){let r=O(t,n);return N(A(e,r),r)}var V,H;function U(){return(U=e((()=>{u(),y(),V=h.date,H=` - `})))()}function W(e){return _(e)?e[0]??e[1]??void 0:e??void 0}var G,K;function q(){return(q=e((()=>{G=t(),y(),U(),K=e=>{let t=(0,G.useMemo)(()=>{let t={selectionMode:e.selectionMode,weekEndDay:e.weekEndDay};return e.selectsRange?M(e.value,t):j(e.value,t)},[e.selectsRange,e.selectionMode,e.value,e.weekEndDay]),n=(0,G.useMemo)(()=>({datePreset:e.datePreset,datePickerLevel:e.datePickerLevel,selectionMode:e.selectionMode,weekEndDay:e.weekEndDay}),[e.datePickerLevel,e.datePreset,e.selectionMode,e.weekEndDay]),r=L(t,n),i=JSON.stringify([e.selectsRange,e.datePreset??null,e.datePickerLevel??null,e.selectionMode??null,e.weekEndDay??null,_(t)?[t[0]?.getTime()??null,t[1]?.getTime()??null]:t?.getTime()??null]),[a,o]=(0,G.useState)(()=>({sourceSignature:i,selectedDate:t,inputValue:r})),s=a.sourceSignature===i,c=s?a.selectedDate:t,ee=s?a.inputValue:r,l=e=>{o(n=>{let r=n.sourceSignature===i?n.selectedDate:t;return{sourceSignature:i,selectedDate:r,inputValue:e}})},u=e=>{o(t=>{let n=t.sourceSignature===i?t.inputValue:r;return{sourceSignature:i,selectedDate:e,inputValue:n}})},d=e=>L(e,n);return{inputValue:ee,setInputValue:l,selectedDate:c,setSelectedDate:u,handleSelect:t=>{let[r,a]=Array.isArray(t)?t:[t,null];if(e.selectsRange){let t=j(r,n),s=N(a,n);if(t&&s){if(s<t){let t=[j(a,n),N(r,n)];o({sourceSignature:i,selectedDate:t,inputValue:d(t)}),e.onChange(t)}else{let n=[t,s];o({sourceSignature:i,selectedDate:n,inputValue:d(n)}),e.onChange(n)}return!0}let c=[t,null];return o({sourceSignature:i,selectedDate:c,inputValue:d(c)}),!1}let s=j(r,n);return o({sourceSignature:i,selectedDate:s,inputValue:d(s)}),e.onChange(s),!0},formatDate:d,parseDate:t=>{let r={...n,referenceDate:W(c)};return e.selectsRange?z(t,r):R(t,r)}}}})))()}var J,Y;function X(){return(X=e((()=>{J=`-tM-kj`,Y={selectionModeControl:J}})))()}function ae(e,t){let n=new Set(e?.length?e:s);return n.add(t),s.filter(e=>n.has(e))}function Z({placeholder:e,disabled:t,error:n,onClearError:i,minDate:a,maxDate:s,datePickerLevel:l,selectionMode:u,weekEndDay:d=`sunday`,allowSelectionModeChange:f,selectionModeOptions:p,onSelectionModeChange:m,...h}){let[g,v]=(0,Q.useState)(!1),[y,b]=(0,Q.useState)(u??`day`),S=u??y,C=l??`day`,w=c(S,C),[E,D]=(0,Q.useState)(()=>({view:w,selectionMode:S,minDatePickerLevel:C})),O=E.selectionMode===S&&E.minDatePickerLevel===C&&o(E.view,C)?E.view:w,k=(0,Q.useRef)(h.value),A={selectionMode:S,weekEndDay:d},{inputValue:j,setInputValue:M,selectedDate:N,setSelectedDate:P,handleSelect:F,formatDate:I,parseDate:L}=K({...h,datePickerLevel:C,selectionMode:S,weekEndDay:d}),R=h.selectsRange?h.onChange:void 0,z=(0,Q.useCallback)(e=>{o(e,C)&&D({view:e,selectionMode:S,minDatePickerLevel:C})},[C,S]);(0,Q.useEffect)(()=>{k.current=h.value},[h.value]);let B=()=>{if(j){let e=L(j);if(e){if(M(I(e)),h.selectsRange&&_(e)){if(ie(e,_(N)?N:null,A))return;P(e),h.onChange(e)}else if(!h.selectsRange&&e instanceof Date){if(re(e,N instanceof Date?N:null,A))return;P(e),h.onChange(e)}}}},V=e=>{e.key===`Enter`&&(e.preventDefault(),B())},H=(0,Q.useCallback)(e=>{F(e)&&v(!1)},[F]),U=(0,Q.useCallback)(e=>{u===void 0&&b(e),m?.(e),D({view:c(e,C),selectionMode:e,minDatePickerLevel:C})},[u,C,m]),W=(0,Q.useCallback)(()=>{if(R){let[,e]=_(N)?N:[null,null];if(!e){let e=k.current,t=Array.isArray(e)?e:null,n=t?.[0]??null,r=t?.[1]??null;if(n&&r){let e=[n,r];P(e),M(I(e)),R(e)}else P([null,null]),M(``),R([null,null])}}},[R,N,P,M,I]),G=ae(p,S),q=f&&G.length>1;return(0,$.jsxs)(x,{open:g,onOpenChange:e=>{v(e),e||W()},children:[(0,$.jsx)(ne,{label:h.label,description:h.description,size:h.size,value:j,onChange:M,onBlur:B,onKeyUp:V,placeholder:e,disabled:t,error:n,onClearError:i,endAdornmentWidth:`var(--control-height)`,endAdornment:(0,$.jsx)(x.Trigger,{children:(0,$.jsx)(`div`,{className:te.uiToggleButtonContainer,children:(0,$.jsx)(`button`,{type:`button`,disabled:t,"aria-label":`Открыть календарь`,className:te.uiToggleButton,children:(0,$.jsx)(r,{})})})})}),(0,$.jsxs)(x.Content,{background:`primary`,children:[(0,$.jsx)(ee,{view:O,datePickerLevel:C,selectionMode:S,weekEndDay:d,onViewChange:z,value:N??null,onChange:H,minDate:a,maxDate:s,selectsRange:!!h.selectsRange}),q&&(0,$.jsx)(`div`,{className:Y.selectionModeControl,children:(0,$.jsx)(T,{value:S,onChange:U,noWrap:!0,"aria-label":`Режим выбора даты`,children:G.map(e=>(0,$.jsx)(T.Option,{value:e,label:ce[e]},e))})})]})]})}function oe(e){return(0,$.jsx)(Z,{...e})}function se(e){return(0,$.jsx)(Z,{...e,selectsRange:!0})}var Q,$,ce;function le(){return(le=e((()=>{Q=t(),y(),i(),C(),b(),w(),S(),U(),n(),q(),a(),X(),$=l(),ce={day:`День`,week:`Неделя`,month:`Месяц`,year:`Год`},oe.__docgenInfo={description:``,methods:[],displayName:`SingleDateInput`},se.__docgenInfo={description:``,methods:[],displayName:`RangeDateInput`}})))()}export{oe as n,le as r,se as t};
1
+ import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{t}from"./react-C21x__mS.js";import{a as n,c as r,l as i,n as a,o,r as s,s as c,t as ee}from"./CalendarView-vw1o_xNM.js";import{n as l}from"./iframe-CyRHAH4o.js";import{b as u,d,f,m as p,p as m,v as h,x as g}from"./odata-service-B5w4YBao-BW9QLSrS.js";import{b as _,n as v,y}from"./formatters-CVj-3Vn0-BFaHJqZL.js";import{n as b,t as x}from"./Popover-CIkFX8KE.js";import{n as te,t as S}from"./ui.module-CiLQZm_L.js";import{a as ne,c as C}from"./Input-B9yXA1bX.js";import{n as w,t as T}from"./RadioGroup-BdV4BEd8.js";function E(e){return e.selectionMode===`day`||e.selectionMode===`week`?`day`:e.selectionMode===`month`||e.selectionMode===`year`?e.selectionMode:e.datePickerLevel??`day`}function D(e){return{selectionMode:e?.selectionMode,weekEndDay:e?.weekEndDay}}function O(e,t){return typeof e==`string`||e===void 0?{datePreset:e,datePickerLevel:t}:t&&e.datePickerLevel===void 0?{...e,datePickerLevel:t}:e}function k(e){let t=f(e,V);return m(t)?t:V}function A(e,t){return g(e,k(t.datePreset),{defaultFormat:V,precision:E(t),referenceDate:t.referenceDate})?.date??null}function j(e,t){return v(e,D(t))?.start??null}function M(e,t){if(!_(e))return null;let[n,r]=e;return[j(n,t),N(r,t)]}function N(e,t){return v(e,D(t))?.end??null}function P(e){return e?.getTime()??null}function re(e,t,n){return P(j(e,n))===P(j(t,n))}function ie(e,t,n){let r=M(e,n),i=M(t,n);return P(r?.[0]??null)===P(i?.[0]??null)&&P(r?.[1]??null)===P(i?.[1]??null)}function F(e,t,n){if(!e)return``;let r=O(t,n),i=v(e,D(r));return r.selectionMode===`week`&&i?p(i.start,i.end,k(r.datePreset),{precision:E(r)}):d(e,k(r.datePreset),{precision:E(r)})}function I(e,t,n){if(!_(e))return``;let r=O(t,n),[i,a]=e;return i&&a?p(i,a,k(r.datePreset),{precision:E(r)}):i?`${d(i,k(r.datePreset),{precision:E(r)})}${H}`:``}function L(e,t,n){return _(e)?I(e,t,n):F(e,t,n)}function R(e,t,n){let r=O(t,n);return j(A(r.selectionMode===`week`?e.split(H)[0]??``:e,r),r)}function z(e,t,n){let r=O(t,n),[i=``,a=``]=e.split(H);return[R(i,r),B(a,r)]}function B(e,t,n){let r=O(t,n);return N(A(e,r),r)}var V,H;function U(){return(U=e((()=>{u(),y(),V=h.date,H=` - `})))()}function W(e){return _(e)?e[0]??e[1]??void 0:e??void 0}var G,K;function q(){return(q=e((()=>{G=t(),y(),U(),K=e=>{let t=(0,G.useMemo)(()=>{let t={selectionMode:e.selectionMode,weekEndDay:e.weekEndDay};return e.selectsRange?M(e.value,t):j(e.value,t)},[e.selectsRange,e.selectionMode,e.value,e.weekEndDay]),n=(0,G.useMemo)(()=>({datePreset:e.datePreset,datePickerLevel:e.datePickerLevel,selectionMode:e.selectionMode,weekEndDay:e.weekEndDay}),[e.datePickerLevel,e.datePreset,e.selectionMode,e.weekEndDay]),r=L(t,n),i=JSON.stringify([e.selectsRange,e.datePreset??null,e.datePickerLevel??null,e.selectionMode??null,e.weekEndDay??null,_(t)?[t[0]?.getTime()??null,t[1]?.getTime()??null]:t?.getTime()??null]),[a,o]=(0,G.useState)(()=>({sourceSignature:i,selectedDate:t,inputValue:r})),s=a.sourceSignature===i,c=s?a.selectedDate:t,ee=s?a.inputValue:r,l=e=>{o(n=>{let r=n.sourceSignature===i?n.selectedDate:t;return{sourceSignature:i,selectedDate:r,inputValue:e}})},u=e=>{o(t=>{let n=t.sourceSignature===i?t.inputValue:r;return{sourceSignature:i,selectedDate:e,inputValue:n}})},d=e=>L(e,n);return{inputValue:ee,setInputValue:l,selectedDate:c,setSelectedDate:u,handleSelect:t=>{let[r,a]=Array.isArray(t)?t:[t,null];if(e.selectsRange){let t=j(r,n),s=N(a,n);if(t&&s){if(s<t){let t=[j(a,n),N(r,n)];o({sourceSignature:i,selectedDate:t,inputValue:d(t)}),e.onChange(t)}else{let n=[t,s];o({sourceSignature:i,selectedDate:n,inputValue:d(n)}),e.onChange(n)}return!0}let c=[t,null];return o({sourceSignature:i,selectedDate:c,inputValue:d(c)}),!1}let s=j(r,n);return o({sourceSignature:i,selectedDate:s,inputValue:d(s)}),e.onChange(s),!0},formatDate:d,parseDate:t=>{let r={...n,referenceDate:W(c)};return e.selectsRange?z(t,r):R(t,r)}}}})))()}var J,Y;function X(){return(X=e((()=>{J=`-tM-kj`,Y={selectionModeControl:J}})))()}function ae(e,t){let n=new Set(e?.length?e:s);return n.add(t),s.filter(e=>n.has(e))}function Z({placeholder:e,disabled:t,error:n,onClearError:i,minDate:a,maxDate:s,datePickerLevel:l,selectionMode:u,weekEndDay:d=`sunday`,allowSelectionModeChange:f,selectionModeOptions:p,onSelectionModeChange:m,...h}){let[g,v]=(0,Q.useState)(!1),[y,b]=(0,Q.useState)(u??`day`),S=u??y,C=l??`day`,w=c(S,C),[E,D]=(0,Q.useState)(()=>({view:w,selectionMode:S,minDatePickerLevel:C})),O=E.selectionMode===S&&E.minDatePickerLevel===C&&o(E.view,C)?E.view:w,k=(0,Q.useRef)(h.value),A={selectionMode:S,weekEndDay:d},{inputValue:j,setInputValue:M,selectedDate:N,setSelectedDate:P,handleSelect:F,formatDate:I,parseDate:L}=K({...h,datePickerLevel:C,selectionMode:S,weekEndDay:d}),R=h.selectsRange?h.onChange:void 0,z=(0,Q.useCallback)(e=>{o(e,C)&&D({view:e,selectionMode:S,minDatePickerLevel:C})},[C,S]);(0,Q.useEffect)(()=>{k.current=h.value},[h.value]);let B=()=>{if(j){let e=L(j);if(e){if(M(I(e)),h.selectsRange&&_(e)){if(ie(e,_(N)?N:null,A))return;P(e),h.onChange(e)}else if(!h.selectsRange&&e instanceof Date){if(re(e,N instanceof Date?N:null,A))return;P(e),h.onChange(e)}}}},V=e=>{e.key===`Enter`&&(e.preventDefault(),B())},H=(0,Q.useCallback)(e=>{F(e)&&v(!1)},[F]),U=(0,Q.useCallback)(e=>{u===void 0&&b(e),m?.(e),D({view:c(e,C),selectionMode:e,minDatePickerLevel:C})},[u,C,m]),W=(0,Q.useCallback)(()=>{if(R){let[,e]=_(N)?N:[null,null];if(!e){let e=k.current,t=Array.isArray(e)?e:null,n=t?.[0]??null,r=t?.[1]??null;if(n&&r){let e=[n,r];P(e),M(I(e)),R(e)}else P([null,null]),M(``),R([null,null])}}},[R,N,P,M,I]),G=ae(p,S),q=f&&G.length>1;return(0,$.jsxs)(x,{open:g,onOpenChange:e=>{v(e),e||W()},children:[(0,$.jsx)(ne,{label:h.label,description:h.description,size:h.size,value:j,onChange:M,onBlur:B,onKeyUp:V,placeholder:e,disabled:t,error:n,onClearError:i,endAdornmentWidth:`var(--control-height)`,endAdornment:(0,$.jsx)(x.Trigger,{children:(0,$.jsx)(`div`,{className:te.uiToggleButtonContainer,children:(0,$.jsx)(`button`,{type:`button`,disabled:t,"aria-label":`Открыть календарь`,className:te.uiToggleButton,children:(0,$.jsx)(r,{})})})})}),(0,$.jsxs)(x.Content,{background:`primary`,children:[(0,$.jsx)(ee,{view:O,datePickerLevel:C,selectionMode:S,weekEndDay:d,onViewChange:z,value:N??null,onChange:H,minDate:a,maxDate:s,selectsRange:!!h.selectsRange}),q&&(0,$.jsx)(`div`,{className:Y.selectionModeControl,children:(0,$.jsx)(T,{value:S,onChange:U,noWrap:!0,"aria-label":`Режим выбора даты`,children:G.map(e=>(0,$.jsx)(T.Option,{value:e,label:ce[e]},e))})})]})]})}function oe(e){return(0,$.jsx)(Z,{...e})}function se(e){return(0,$.jsx)(Z,{...e,selectsRange:!0})}var Q,$,ce;function le(){return(le=e((()=>{Q=t(),y(),i(),C(),b(),w(),S(),U(),n(),q(),a(),X(),$=l(),ce={day:`День`,week:`Неделя`,month:`Месяц`,year:`Год`},oe.__docgenInfo={description:``,methods:[],displayName:`SingleDateInput`},se.__docgenInfo={description:``,methods:[],displayName:`RangeDateInput`}})))()}export{oe as n,le as r,se as t};
@@ -1,4 +1,4 @@
1
- import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-CD1cMwos.js";import{i as n,r}from"./react-qN2cStNd.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-BkGgmJsC.js";import{a as p,i as m,n as h,o as g,r as _,t as v}from"./DateInput.stories-5ciPhgGf.js";function y(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(s,{of:v,parameters:{docs:{toc:!0}}}),`
1
+ import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-CyRHAH4o.js";import{i as n,r}from"./react-qN2cStNd.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-BAkpxLLq.js";import{a as p,i as m,n as h,o as g,r as _,t as v}from"./DateInput.stories-BleJdbF3.js";function y(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(s,{of:v,parameters:{docs:{toc:!0}}}),`
2
2
  `,(0,x.jsx)(u,{children:`DateInput`}),`
3
3
  `,(0,x.jsx)(o,{children:`Календарный ввод одной даты или диапазона с ограничениями и различными размерами`}),`
4
4
  `,(0,x.jsx)(t.p,{children:`DateInput уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
@@ -1,4 +1,4 @@
1
- import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{a as n,i as r,r as i}from"./CalendarView-C_i7clUL.js";import{n as a}from"./iframe-CD1cMwos.js";import{n as o,r as s,t as c}from"./DateInput-Dex3NjVs.js";var l=t({PickerLevels:()=>v,Range:()=>h,RuntimeSelectionMode:()=>y,Single:()=>m,Sizes:()=>b,WeekSelection:()=>_,WithLimits:()=>g,__namedExportsOrder:()=>x,default:()=>p});function u(e,t,n){e.onSelectionModeChange?.(n),t({selectionMode:n})}var d,f,p,m,h,g,_,v,y,b,x;function S(){return(S=e((()=>{n(),s(),d=a(),{useArgs:f}=__STORYBOOK_MODULE_PREVIEW_API__,p={title:`Shared/UI/DateInput`,component:o,args:{value:null,onChange:()=>{}},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Заголовок поля даты.`,control:`text`},description:{description:`Описание под заголовком.`,control:`text`},placeholder:{description:`Плейсхолдер в текстовом поле даты.`,control:`text`},value:{description:"Текущее значение даты (`Date | null`).",control:!1},onChange:{description:`Вызывается при выборе даты или диапазона.`,control:!1},minDate:{description:`Минимально доступная дата в календаре.`,control:`date`},maxDate:{description:`Максимально доступная дата в календаре.`,control:`date`},datePreset:{description:`Имя пресета форматирования выбранной даты, например date-long, month-long или month-short.`,control:`text`},datePickerLevel:{description:`Минимальный уровень календарной навигации. Не определяет размер выбранного периода.`,control:`select`,options:[`day`,`month`,`year`]},selectionMode:{description:`Размер выбранного периода.`,control:`select`,options:i},weekEndDay:{description:`Последний включённый день недели для режима week.`,control:`select`,options:r},allowSelectionModeChange:{description:`Показывает переключатель режима выбора под календарём.`,control:`boolean`},selectionModeOptions:{description:`Ограничивает режимы в runtime-переключателе.`,control:`check`,options:i},onSelectionModeChange:{description:`Вызывается при runtime-смене режима выбора.`,control:!1},error:{description:`Текст ошибки под полем.`,control:`text`},onClearError:{description:`Сброс внешней ошибки при вводе.`,control:!1},size:{description:`Размер поля и подписи.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]},disabled:{description:`Блокирует ввод и открытие календаря.`,control:`boolean`}}},m={render:function(e){let[,t]=f();return(0,d.jsx)(o,{...e,value:e.value??null,onChange:n=>{e.onChange(n),t({value:n})},onSelectionModeChange:n=>u(e,t,n)})},args:{label:`Одиночная дата`,placeholder:`дд.мм.гггг`,value:new Date(2026,2,5,0,0,0)}},h={render:function(e){let[,t]=f();return(0,d.jsx)(c,{...e,value:e.value??null,onChange:n=>{e.onChange(n),t({value:n})},onSelectionModeChange:n=>u(e,t,n)})},args:{label:`Диапазон дат`,placeholder:`дд.мм.гггг - дд.мм.гггг`,value:[new Date(2026,2,5,0,0,0),new Date(2026,2,15,23,59,59)]}},g={render:function(e){let[,t]=f();return(0,d.jsx)(o,{...e,value:e.value??null,onChange:n=>{e.onChange(n),t({value:n})},onSelectionModeChange:n=>u(e,t,n)})},args:{label:`Дата отчёта`,description:`Доступен только март 2026.`,value:new Date(2026,2,10,0,0,0),minDate:new Date(2026,2,1,0,0,0),maxDate:new Date(2026,2,31,23,59,59)}},_={render:function(e){let[,t]=f();return(0,d.jsx)(c,{...e,value:e.value??null,onChange:n=>{e.onChange(n),t({value:n})},onSelectionModeChange:n=>u(e,t,n)})},args:{label:`Недели`,placeholder:`дд.мм.гггг - дд.мм.гггг`,value:[new Date(2026,2,2,0,0,0),new Date(2026,2,13,23,59,59)],selectionMode:`week`,weekEndDay:`friday`}},v={render:function(e){let[,t]=f();return(0,d.jsx)(o,{...e,value:e.value??null,onChange:n=>{e.onChange(n),t({value:n})},onSelectionModeChange:n=>u(e,t,n)})},args:{label:`Месяц`,placeholder:`месяц год`,value:new Date(2026,2,1,0,0,0),datePreset:`date-long`,selectionMode:`month`}},y={render:function(e){let[,t]=f();return(0,d.jsx)(c,{...e,value:e.value??null,onChange:n=>{e.onChange(n),t({value:n})},onSelectionModeChange:n=>u(e,t,n)})},args:{label:`Период`,placeholder:`дд.мм.гггг - дд.мм.гггг`,value:[new Date(2026,2,5,0,0,0),new Date(2026,2,15,23,59,59)],selectionMode:`day`,allowSelectionModeChange:!0}},b={render:function(e){let[,t]=f();return(0,d.jsx)(c,{...e,value:e.value??null,onChange:n=>{e.onChange(n),t({value:n})},onSelectionModeChange:n=>u(e,t,n)})},args:{size:`lg`,label:`Диапазон дат`,placeholder:`дд.мм.гггг - дд.мм.гггг`,value:[new Date(2026,2,5,0,0,0),new Date(2026,2,15,23,59,59)]}},m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
1
+ import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{a as n,i as r,r as i}from"./CalendarView-vw1o_xNM.js";import{n as a}from"./iframe-CyRHAH4o.js";import{n as o,r as s,t as c}from"./DateInput-BdjPpQBb.js";var l=t({PickerLevels:()=>v,Range:()=>h,RuntimeSelectionMode:()=>y,Single:()=>m,Sizes:()=>b,WeekSelection:()=>_,WithLimits:()=>g,__namedExportsOrder:()=>x,default:()=>p});function u(e,t,n){e.onSelectionModeChange?.(n),t({selectionMode:n})}var d,f,p,m,h,g,_,v,y,b,x;function S(){return(S=e((()=>{n(),s(),d=a(),{useArgs:f}=__STORYBOOK_MODULE_PREVIEW_API__,p={title:`Shared/UI/DateInput`,component:o,args:{value:null,onChange:()=>{}},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Заголовок поля даты.`,control:`text`},description:{description:`Описание под заголовком.`,control:`text`},placeholder:{description:`Плейсхолдер в текстовом поле даты.`,control:`text`},value:{description:"Текущее значение даты (`Date | null`).",control:!1},onChange:{description:`Вызывается при выборе даты или диапазона.`,control:!1},minDate:{description:`Минимально доступная дата в календаре.`,control:`date`},maxDate:{description:`Максимально доступная дата в календаре.`,control:`date`},datePreset:{description:`Имя пресета форматирования выбранной даты, например date-long, month-long или month-short.`,control:`text`},datePickerLevel:{description:`Минимальный уровень календарной навигации. Не определяет размер выбранного периода.`,control:`select`,options:[`day`,`month`,`year`]},selectionMode:{description:`Размер выбранного периода.`,control:`select`,options:i},weekEndDay:{description:`Последний включённый день недели для режима week.`,control:`select`,options:r},allowSelectionModeChange:{description:`Показывает переключатель режима выбора под календарём.`,control:`boolean`},selectionModeOptions:{description:`Ограничивает режимы в runtime-переключателе.`,control:`check`,options:i},onSelectionModeChange:{description:`Вызывается при runtime-смене режима выбора.`,control:!1},error:{description:`Текст ошибки под полем.`,control:`text`},onClearError:{description:`Сброс внешней ошибки при вводе.`,control:!1},size:{description:`Размер поля и подписи.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]},disabled:{description:`Блокирует ввод и открытие календаря.`,control:`boolean`}}},m={render:function(e){let[,t]=f();return(0,d.jsx)(o,{...e,value:e.value??null,onChange:n=>{e.onChange(n),t({value:n})},onSelectionModeChange:n=>u(e,t,n)})},args:{label:`Одиночная дата`,placeholder:`дд.мм.гггг`,value:new Date(2026,2,5,0,0,0)}},h={render:function(e){let[,t]=f();return(0,d.jsx)(c,{...e,value:e.value??null,onChange:n=>{e.onChange(n),t({value:n})},onSelectionModeChange:n=>u(e,t,n)})},args:{label:`Диапазон дат`,placeholder:`дд.мм.гггг - дд.мм.гггг`,value:[new Date(2026,2,5,0,0,0),new Date(2026,2,15,23,59,59)]}},g={render:function(e){let[,t]=f();return(0,d.jsx)(o,{...e,value:e.value??null,onChange:n=>{e.onChange(n),t({value:n})},onSelectionModeChange:n=>u(e,t,n)})},args:{label:`Дата отчёта`,description:`Доступен только март 2026.`,value:new Date(2026,2,10,0,0,0),minDate:new Date(2026,2,1,0,0,0),maxDate:new Date(2026,2,31,23,59,59)}},_={render:function(e){let[,t]=f();return(0,d.jsx)(c,{...e,value:e.value??null,onChange:n=>{e.onChange(n),t({value:n})},onSelectionModeChange:n=>u(e,t,n)})},args:{label:`Недели`,placeholder:`дд.мм.гггг - дд.мм.гггг`,value:[new Date(2026,2,2,0,0,0),new Date(2026,2,13,23,59,59)],selectionMode:`week`,weekEndDay:`friday`}},v={render:function(e){let[,t]=f();return(0,d.jsx)(o,{...e,value:e.value??null,onChange:n=>{e.onChange(n),t({value:n})},onSelectionModeChange:n=>u(e,t,n)})},args:{label:`Месяц`,placeholder:`месяц год`,value:new Date(2026,2,1,0,0,0),datePreset:`date-long`,selectionMode:`month`}},y={render:function(e){let[,t]=f();return(0,d.jsx)(c,{...e,value:e.value??null,onChange:n=>{e.onChange(n),t({value:n})},onSelectionModeChange:n=>u(e,t,n)})},args:{label:`Период`,placeholder:`дд.мм.гггг - дд.мм.гггг`,value:[new Date(2026,2,5,0,0,0),new Date(2026,2,15,23,59,59)],selectionMode:`day`,allowSelectionModeChange:!0}},b={render:function(e){let[,t]=f();return(0,d.jsx)(c,{...e,value:e.value??null,onChange:n=>{e.onChange(n),t({value:n})},onSelectionModeChange:n=>u(e,t,n)})},args:{size:`lg`,label:`Диапазон дат`,placeholder:`дд.мм.гггг - дд.мм.гггг`,value:[new Date(2026,2,5,0,0,0),new Date(2026,2,15,23,59,59)]}},m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
2
2
  render: function Render(args) {
3
3
  const [, updateArgs] = useArgs<SingleDateInputStoryArgs>();
4
4
  return <SingleDateInput {...args} value={args.value ?? null} onChange={value => {
@@ -1,4 +1,4 @@
1
- import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-CD1cMwos.js";import{i as n,r}from"./react-qN2cStNd.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-BkGgmJsC.js";import{n as p,r as m,t as h}from"./DateRangePresetSelect.stories-C8Ohsfia.js";function g(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(s,{of:h,parameters:{docs:{toc:!0}}}),`
1
+ import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-CyRHAH4o.js";import{i as n,r}from"./react-qN2cStNd.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-BAkpxLLq.js";import{n as p,r as m,t as h}from"./DateRangePresetSelect.stories-COMQj6gH.js";function g(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(s,{of:h,parameters:{docs:{toc:!0}}}),`
2
2
  `,(0,v.jsx)(u,{children:`DateRangePresetSelect`}),`
3
3
  `,(0,v.jsx)(o,{children:`Выбор готовых диапазонов дат для фильтров, отчетов и быстрых аналитических сценариев`}),`
4
4
  `,(0,v.jsx)(t.p,{children:`DateRangePresetSelect уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
@@ -1,3 +1,3 @@
1
- import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{t}from"./react-C21x__mS.js";import{n}from"./iframe-CD1cMwos.js";import{_ as r,f as i,p as a,s as o,t as s,y as c}from"./formatters-CVj-3Vn0-BFaHJqZL.js";import{a as l,n as u,o as d,r as f,t as p}from"./PresetSelect-TONMNVox.js";function m(e){return typeof e==`string`&&S.has(e)}function h(e,t=[]){return f(e,m,t)}function g(e,t=b){return d(e,t)}function _(e,t=C){return l(e,t)}function v(e,t=new Date,n=C){let r=_(e,n);return r?{id:r.id,label:r.label,range:r.resolveRange({referenceDate:t})}:null}function y(e,t=new Date,n=C){if(!Array.isArray(e))return null;let[r,i]=e;if(!(r instanceof Date)||!(i instanceof Date))return null;let a=r.getTime(),o=i.getTime();for(let e of n){let[n,r]=e.resolveRange({referenceDate:t});if(!(!(n instanceof Date)||!(r instanceof Date))&&n.getTime()===a&&r.getTime()===o)return e.id}return null}var b,x,S,C;function w(){return(w=e((()=>{c(),b=Object.freeze([{id:`monthStartToYesterday`,label:`С начала месяца по вчера`,resolveRange:i},{id:`monthStartToToday`,label:`С начала месяца по сегодня`,resolveRange:a},{id:`today`,label:`За сегодня`,resolveRange:o},{id:`yesterday`,label:`За вчера`,resolveRange:s},{id:`monthAgo`,label:`Месяц назад`,resolveRange:r}]),x=Object.freeze([`monthStartToYesterday`,`monthStartToToday`,`today`,`yesterday`]),S=new Set(b.map(e=>e.id)),C=Object.freeze(g(x))})))()}function T(e){if(!e)return`__empty__`;let[t,n]=e.range;return[e.id,t?.getTime()??`null`,n?.getTime()??`null`].join(`|`)}function E({value:e,onChange:t,options:n=C,referenceDate:r,onRangeChange:i,...a}){let[o]=(0,D.useState)(()=>new Date),s=r?.getTime()??o.getTime(),c=!!i,l=(0,D.useRef)(``),u=(0,D.useEffectEvent)(e=>{if(!i)return;let t=v(e,new Date(s),n),r=T(t);r!==l.current&&(l.current=r,i(t))});return(0,D.useEffect)(()=>{u(e)},[c,n,s,e]),(0,O.jsx)(p,{...a,options:n,value:e,onChange:t})}var D,O;function k(){return(k=e((()=>{D=t(),u(),w(),O=n(),E.__docgenInfo={description:`Выбор пресета диапазона дат с вычислением диапазона без timezone-сдвига.`,methods:[],displayName:`DateRangePresetSelect`,props:{label:{required:!1,tsType:{name:`ReactNode`},description:``},description:{required:!1,tsType:{name:`string`},description:``},placeholder:{required:!1,tsType:{name:`string`},description:``},disabled:{required:!1,tsType:{name:`boolean`},description:``},size:{required:!1,tsType:{name:`union`,raw:`"xs" | "sm" | "md" | "lg" | "xl"`,elements:[{name:`literal`,value:`"xs"`},{name:`literal`,value:`"sm"`},{name:`literal`,value:`"md"`},{name:`literal`,value:`"lg"`},{name:`literal`,value:`"xl"`}]},description:``},value:{required:!0,tsType:{name:`V`},description:"Если начальное состояние может быть `null | undefined`\nзначит `onChange` тоже должен ументь сбрасывать.\nПоэтому такой контрол явно должен передавать `UiBaseProps<AnyType | undefined>`"},onChange:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(value: T) => void`,signature:{arguments:[{type:{name:`C`},name:`value`}],return:{name:`void`}}},description:``},options:{required:!1,tsType:{name:`unknown`},description:``,defaultValue:{value:`Object.freeze(
1
+ import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{t}from"./react-C21x__mS.js";import{n}from"./iframe-CyRHAH4o.js";import{_ as r,f as i,p as a,s as o,t as s,y as c}from"./formatters-CVj-3Vn0-BFaHJqZL.js";import{a as l,n as u,o as d,r as f,t as p}from"./PresetSelect-DsWB0UAO.js";function m(e){return typeof e==`string`&&S.has(e)}function h(e,t=[]){return f(e,m,t)}function g(e,t=b){return d(e,t)}function _(e,t=C){return l(e,t)}function v(e,t=new Date,n=C){let r=_(e,n);return r?{id:r.id,label:r.label,range:r.resolveRange({referenceDate:t})}:null}function y(e,t=new Date,n=C){if(!Array.isArray(e))return null;let[r,i]=e;if(!(r instanceof Date)||!(i instanceof Date))return null;let a=r.getTime(),o=i.getTime();for(let e of n){let[n,r]=e.resolveRange({referenceDate:t});if(!(!(n instanceof Date)||!(r instanceof Date))&&n.getTime()===a&&r.getTime()===o)return e.id}return null}var b,x,S,C;function w(){return(w=e((()=>{c(),b=Object.freeze([{id:`monthStartToYesterday`,label:`С начала месяца по вчера`,resolveRange:i},{id:`monthStartToToday`,label:`С начала месяца по сегодня`,resolveRange:a},{id:`today`,label:`За сегодня`,resolveRange:o},{id:`yesterday`,label:`За вчера`,resolveRange:s},{id:`monthAgo`,label:`Месяц назад`,resolveRange:r}]),x=Object.freeze([`monthStartToYesterday`,`monthStartToToday`,`today`,`yesterday`]),S=new Set(b.map(e=>e.id)),C=Object.freeze(g(x))})))()}function T(e){if(!e)return`__empty__`;let[t,n]=e.range;return[e.id,t?.getTime()??`null`,n?.getTime()??`null`].join(`|`)}function E({value:e,onChange:t,options:n=C,referenceDate:r,onRangeChange:i,...a}){let[o]=(0,D.useState)(()=>new Date),s=r?.getTime()??o.getTime(),c=!!i,l=(0,D.useRef)(``),u=(0,D.useEffectEvent)(e=>{if(!i)return;let t=v(e,new Date(s),n),r=T(t);r!==l.current&&(l.current=r,i(t))});return(0,D.useEffect)(()=>{u(e)},[c,n,s,e]),(0,O.jsx)(p,{...a,options:n,value:e,onChange:t})}var D,O;function k(){return(k=e((()=>{D=t(),u(),w(),O=n(),E.__docgenInfo={description:`Выбор пресета диапазона дат с вычислением диапазона без timezone-сдвига.`,methods:[],displayName:`DateRangePresetSelect`,props:{label:{required:!1,tsType:{name:`ReactNode`},description:``},description:{required:!1,tsType:{name:`string`},description:``},placeholder:{required:!1,tsType:{name:`string`},description:``},disabled:{required:!1,tsType:{name:`boolean`},description:``},size:{required:!1,tsType:{name:`union`,raw:`"xs" | "sm" | "md" | "lg" | "xl"`,elements:[{name:`literal`,value:`"xs"`},{name:`literal`,value:`"sm"`},{name:`literal`,value:`"md"`},{name:`literal`,value:`"lg"`},{name:`literal`,value:`"xl"`}]},description:``},value:{required:!0,tsType:{name:`V`},description:"Если начальное состояние может быть `null | undefined`\nзначит `onChange` тоже должен ументь сбрасывать.\nПоэтому такой контрол явно должен передавать `UiBaseProps<AnyType | undefined>`"},onChange:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(value: T) => void`,signature:{arguments:[{type:{name:`C`},name:`value`}],return:{name:`void`}}},description:``},options:{required:!1,tsType:{name:`unknown`},description:``,defaultValue:{value:`Object.freeze(
2
2
  resolveDateRangePresetOptionsByIds(DEFAULT_DATE_RANGE_PRESET_IDS)
3
3
  )`,computed:!0}},referenceDate:{required:!1,tsType:{name:`Date`},description:``},onRangeChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(payload: DateRangePresetChangePayload | null) => void`,signature:{arguments:[{type:{name:`union`,raw:`DateRangePresetChangePayload | null`,elements:[{name:`DateRangePresetChangePayload`},{name:`null`}]},name:`payload`}],return:{name:`void`}}},description:``}}}})))()}export{w as a,g as c,C as i,v as l,k as n,h as o,x as r,y as s,E as t};
@@ -1,4 +1,4 @@
1
- import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{n}from"./iframe-CD1cMwos.js";import{r,t as i}from"./DateInput-Dex3NjVs.js";import{n as a,t as o}from"./GridContainer-qDguE1HS.js";import{a as s,i as c,l,n as u,t as d}from"./DateRangePresetSelect-DJ4HV2xU.js";var f=t({Default:()=>v,__namedExportsOrder:()=>y,default:()=>_}),p,m,h,g,_,v,y;function b(){return(b=e((()=>{r(),a(),u(),s(),p=n(),{useArgs:m,useState:h}=__STORYBOOK_MODULE_PREVIEW_API__,{fn:g}=__STORYBOOK_MODULE_TEST__,_={title:`Shared/UI/DateRangePresetSelect`,component:d,args:{label:`Пресет диапазона`,placeholder:`Выберите пресет`,value:`monthStartToToday`,onChange:g(),options:c,referenceDate:new Date(2026,2,10,12,0,0),onRangeChange:g(),disabled:!1,size:`md`},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Заголовок выбора пресета.`,control:`text`},description:{description:`Описание под заголовком.`,control:`text`},placeholder:{description:`Текст, который показывается до выбора пресета.`,control:`text`},value:{description:`ID активного пресета диапазона.`,control:`select`,options:c.map(e=>e.id)},onChange:{description:`Вызывается с ID выбранного пресета.`,control:!1},options:{description:`Кастомный каталог пресетов с функциями вычисления диапазона.`,control:!1},referenceDate:{description:`Опорная дата, относительно которой вычисляется диапазон пресета.`,control:`date`},onRangeChange:{description:`Вызывается с вычисленным диапазоном активного пресета.`,control:!1},disabled:{description:`Блокирует выбор пресета.`,control:`boolean`},size:{description:`Размер поля и подписи.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]}}},v={render:function(e){let[,t]=m(),[n,r]=h(()=>l(e.value,e.referenceDate,e.options)?.range??null);return(0,p.jsxs)(o,{gap:`md`,children:[(0,p.jsx)(d,{...e,onChange:n=>{e.onChange(n),t({value:n})},onRangeChange:t=>{e.onRangeChange?.(t),r(t?.range??null)}}),(0,p.jsx)(i,{label:`Диапазон дат`,placeholder:`дд.мм.гггг - дд.мм.гггг`,value:n,onChange:r})]})}},v.parameters={...v.parameters,docs:{...v.parameters?.docs,source:{originalSource:`{
1
+ import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{n}from"./iframe-CyRHAH4o.js";import{r,t as i}from"./DateInput-BdjPpQBb.js";import{n as a,t as o}from"./GridContainer-qDguE1HS.js";import{a as s,i as c,l,n as u,t as d}from"./DateRangePresetSelect-DXJu8742.js";var f=t({Default:()=>v,__namedExportsOrder:()=>y,default:()=>_}),p,m,h,g,_,v,y;function b(){return(b=e((()=>{r(),a(),u(),s(),p=n(),{useArgs:m,useState:h}=__STORYBOOK_MODULE_PREVIEW_API__,{fn:g}=__STORYBOOK_MODULE_TEST__,_={title:`Shared/UI/DateRangePresetSelect`,component:d,args:{label:`Пресет диапазона`,placeholder:`Выберите пресет`,value:`monthStartToToday`,onChange:g(),options:c,referenceDate:new Date(2026,2,10,12,0,0),onRangeChange:g(),disabled:!1,size:`md`},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Заголовок выбора пресета.`,control:`text`},description:{description:`Описание под заголовком.`,control:`text`},placeholder:{description:`Текст, который показывается до выбора пресета.`,control:`text`},value:{description:`ID активного пресета диапазона.`,control:`select`,options:c.map(e=>e.id)},onChange:{description:`Вызывается с ID выбранного пресета.`,control:!1},options:{description:`Кастомный каталог пресетов с функциями вычисления диапазона.`,control:!1},referenceDate:{description:`Опорная дата, относительно которой вычисляется диапазон пресета.`,control:`date`},onRangeChange:{description:`Вызывается с вычисленным диапазоном активного пресета.`,control:!1},disabled:{description:`Блокирует выбор пресета.`,control:`boolean`},size:{description:`Размер поля и подписи.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]}}},v={render:function(e){let[,t]=m(),[n,r]=h(()=>l(e.value,e.referenceDate,e.options)?.range??null);return(0,p.jsxs)(o,{gap:`md`,children:[(0,p.jsx)(d,{...e,onChange:n=>{e.onChange(n),t({value:n})},onRangeChange:t=>{e.onRangeChange?.(t),r(t?.range??null)}}),(0,p.jsx)(i,{label:`Диапазон дат`,placeholder:`дд.мм.гггг - дд.мм.гггг`,value:n,onChange:r})]})}},v.parameters={...v.parameters,docs:{...v.parameters?.docs,source:{originalSource:`{
2
2
  render: function Render(args) {
3
3
  const [, updateArgs] = useArgs<DateRangePresetSelectProps>();
4
4
  const [range, setRange] = useStorybookState<DateRangePresetChangePayload["range"] | null>(() => resolveDateRangePresetPayload(args.value, args.referenceDate, args.options)?.range ?? null);
@@ -1,4 +1,4 @@
1
- import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-CD1cMwos.js";import{i as n,r}from"./react-qN2cStNd.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-BkGgmJsC.js";import{a as p,i as m,n as h,o as g,r as _,t as v}from"./Detail.stories-LsOTK5pf.js";function y(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(s,{of:_,parameters:{docs:{toc:!0}}}),`
1
+ import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-CyRHAH4o.js";import{i as n,r}from"./react-qN2cStNd.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-BAkpxLLq.js";import{a as p,i as m,n as h,o as g,r as _,t as v}from"./Detail.stories-CX19zPog.js";function y(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(s,{of:_,parameters:{docs:{toc:!0}}}),`
2
2
  `,(0,x.jsx)(u,{children:`Detail`}),`
3
3
  `,(0,x.jsx)(o,{children:`Компонент для вывода пар «заголовок-значение» в карточках, сводках и просмотре сущностей`}),`
4
4
  `,(0,x.jsx)(t.p,{children:`Detail уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
@@ -1,4 +1,4 @@
1
- import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r}from"./iframe-CD1cMwos.js";import{a as i,i as a}from"./utils-DUM89eIj.js";var o,s,c,l,u,d,f,p,m,h,g,_,v,y,b;function x(){return(x=e((()=>{o=`DyKaN-`,s=`_2Cf0DN`,c=`igyZiV`,l=`lFsl-5`,u=`zQlD1x`,d=`a6oRih`,f=`MYdzIV`,p=`Pxw-eb`,m=`Kz2K6S`,h=`Pbwja7`,g=`_1DseTb`,_=`h3oORx`,v=`gB9Kr4`,y=`V-PlLc`,b={detailList:o,none:s,small:c,normal:l,large:u,detail:d,dt:f,dd:p,textCenter:m,inline:h,start:g,center:_,end:v,noWrap:y}})))()}function S({label:e,value:t,withColon:n,required:r}){let{semantic:a,inline:o,noWrap:s,center:c,vertical:l=`center`,withColon:u=!0}=(0,C.useContext)(T),d=i(b.detail,c&&b.textCenter,o&&b.inline,s&&b.noWrap,b[l]),f=(0,w.jsxs)(w.Fragment,{children:[e,r&&(0,w.jsx)(`span`,{className:`statusError`,children:`*`}),(typeof n==`boolean`?n:u)&&`:`]});switch(a){case`detail`:return(0,w.jsxs)(`div`,{className:d,children:[(0,w.jsx)(`dt`,{className:b.dt,children:f}),(0,w.jsx)(`dd`,{className:b.dd,children:t})]});case`list`:return(0,w.jsxs)(`li`,{className:d,children:[(0,w.jsx)(`div`,{className:b.dt,children:f}),(0,w.jsx)(`div`,{className:b.dd,children:t})]});default:return(0,w.jsxs)(`div`,{className:d,children:[(0,w.jsx)(`div`,{className:b.dt,children:f}),(0,w.jsx)(`div`,{className:b.dd,children:t})]})}}var C,w,T,E;function D(){return(D=e((()=>{C=n(),a(),x(),w=r(),T=(0,C.createContext)({}),E=({children:e,columnCount:t=1,rowGap:n=`none`,semantic:r=`list`,className:a,...o})=>{let s=i(b.detailList,b[n],a),c={columnCount:Math.min(5,Math.max(1,t))},l=r===`detail`?(0,w.jsx)(`dl`,{className:s,style:c,children:e}):(0,w.jsx)(`ul`,{className:s,style:c,children:e});return(0,w.jsx)(T.Provider,{value:{...o,semantic:r},children:l})},E.Item=S,E.__docgenInfo={description:`Компонент для вывода пар «заголовок-значение» в одну или несколько колонок. Подходит для карточек сущностей, сводок и страниц просмотра.`,methods:[{name:`Item`,docblock:null,modifiers:[`static`],params:[{name:`{ label, value, withColon, required }: DetailItemProps`,optional:!1,type:{name:`DetailItemProps`,alias:`DetailItemProps`}}],returns:null}],displayName:`Detail`,props:{columnCount:{defaultValue:{value:`1`,computed:!1},required:!1},rowGap:{defaultValue:{value:`"none"`,computed:!1},required:!1},semantic:{defaultValue:{value:`"list"`,computed:!1},required:!1}}}})))()}var O=t({BasicList:()=>M,CustomLabel:()=>F,MultipleColumns:()=>N,SemanticDl:()=>P,__namedExportsOrder:()=>I,default:()=>j}),k,A,j,M,N,P,F,I;function L(){return(L=e((()=>{D(),k=r(),{useArgs:A}=__STORYBOOK_MODULE_PREVIEW_API__,j={title:`Shared/UI/Detail`,component:E,args:{columnCount:1,rowGap:`normal`,semantic:`list`,inline:!1,center:!1,vertical:`center`,noWrap:!1},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{columnCount:{description:`Количество колонок (1-5).`,control:`number`},rowGap:{description:`Вертикальные интервалы между строками.`,control:`inline-radio`,options:[`none`,`small`,`normal`,`large`]},semantic:{description:`Семантический режим контейнера списка деталей.`,control:`inline-radio`,options:[`detail`,`list`]},inline:{description:`Размещает метку и значение в одну строку.`,control:`boolean`},center:{description:`Центрирует текст метки и значения.`,control:`boolean`},vertical:{description:`Вертикальное выравнивание внутри строки.`,control:`inline-radio`,options:[`start`,`center`,`end`]},noWrap:{description:`Отключает перенос длинного значения.`,control:`boolean`},withColon:{description:`Добавляет двоеточие после метки.`,control:`boolean`},children:{description:`Набор Detail.Item внутри списка.`,control:!1}}},M={render:function(){let[e]=A();return(0,k.jsxs)(E,{...e,children:[(0,k.jsx)(E.Item,{required:!0,label:`Статус`,value:`Активен`}),(0,k.jsx)(E.Item,{label:`Приоритет`,value:`Высокий`}),(0,k.jsx)(E.Item,{label:`Автор`,value:`Иван Петров`})]})},args:{children:void 0}},N={render:function(){let[e]=A();return(0,k.jsxs)(E,{...e,children:[(0,k.jsx)(E.Item,{label:`ID`,value:`DOC-12345`}),(0,k.jsx)(E.Item,{label:`Дата`,value:`05.03.2026`}),(0,k.jsx)(E.Item,{label:`Версия`,value:`2.7`}),(0,k.jsx)(E.Item,{label:`Подразделение`,value:`Снабжение`}),(0,k.jsx)(E.Item,{label:`Регион`,value:`Урал`}),(0,k.jsx)(E.Item,{label:`Комментарий`,value:`Требуется согласование с бухгалтерией`})]})},args:{columnCount:2,rowGap:`small`,children:void 0}},P={render:function(){let[e]=A();return(0,k.jsxs)(E,{...e,children:[(0,k.jsx)(E.Item,{label:`Клиент`,value:`ООО Вектор`}),(0,k.jsx)(E.Item,{label:`Менеджер`,value:`Анна Смирнова`}),(0,k.jsx)(E.Item,{label:`Сумма`,value:`1 250 000 ₽`})]})},args:{semantic:`detail`,inline:!0,columnCount:1,children:void 0}},F={render:function(){let[e]=A();return(0,k.jsxs)(E,{...e,children:[(0,k.jsx)(E.Item,{label:(0,k.jsx)(`span`,{children:`Номер договора`}),value:`KTK-2026-045`}),(0,k.jsx)(E.Item,{label:(0,k.jsx)(`span`,{title:`Без двоеточия для составной метки`,children:`Статус`}),value:`На согласовании`,withColon:!1})]})},args:{children:void 0}},M.parameters={...M.parameters,docs:{...M.parameters?.docs,source:{originalSource:`{
1
+ import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r}from"./iframe-CyRHAH4o.js";import{a as i,i as a}from"./utils-DUM89eIj.js";var o,s,c,l,u,d,f,p,m,h,g,_,v,y,b;function x(){return(x=e((()=>{o=`DyKaN-`,s=`_2Cf0DN`,c=`igyZiV`,l=`lFsl-5`,u=`zQlD1x`,d=`a6oRih`,f=`MYdzIV`,p=`Pxw-eb`,m=`Kz2K6S`,h=`Pbwja7`,g=`_1DseTb`,_=`h3oORx`,v=`gB9Kr4`,y=`V-PlLc`,b={detailList:o,none:s,small:c,normal:l,large:u,detail:d,dt:f,dd:p,textCenter:m,inline:h,start:g,center:_,end:v,noWrap:y}})))()}function S({label:e,value:t,withColon:n,required:r}){let{semantic:a,inline:o,noWrap:s,center:c,vertical:l=`center`,withColon:u=!0}=(0,C.useContext)(T),d=i(b.detail,c&&b.textCenter,o&&b.inline,s&&b.noWrap,b[l]),f=(0,w.jsxs)(w.Fragment,{children:[e,r&&(0,w.jsx)(`span`,{className:`statusError`,children:`*`}),(typeof n==`boolean`?n:u)&&`:`]});switch(a){case`detail`:return(0,w.jsxs)(`div`,{className:d,children:[(0,w.jsx)(`dt`,{className:b.dt,children:f}),(0,w.jsx)(`dd`,{className:b.dd,children:t})]});case`list`:return(0,w.jsxs)(`li`,{className:d,children:[(0,w.jsx)(`div`,{className:b.dt,children:f}),(0,w.jsx)(`div`,{className:b.dd,children:t})]});default:return(0,w.jsxs)(`div`,{className:d,children:[(0,w.jsx)(`div`,{className:b.dt,children:f}),(0,w.jsx)(`div`,{className:b.dd,children:t})]})}}var C,w,T,E;function D(){return(D=e((()=>{C=n(),a(),x(),w=r(),T=(0,C.createContext)({}),E=({children:e,columnCount:t=1,rowGap:n=`none`,semantic:r=`list`,className:a,...o})=>{let s=i(b.detailList,b[n],a),c={columnCount:Math.min(5,Math.max(1,t))},l=r===`detail`?(0,w.jsx)(`dl`,{className:s,style:c,children:e}):(0,w.jsx)(`ul`,{className:s,style:c,children:e});return(0,w.jsx)(T.Provider,{value:{...o,semantic:r},children:l})},E.Item=S,E.__docgenInfo={description:`Компонент для вывода пар «заголовок-значение» в одну или несколько колонок. Подходит для карточек сущностей, сводок и страниц просмотра.`,methods:[{name:`Item`,docblock:null,modifiers:[`static`],params:[{name:`{ label, value, withColon, required }: DetailItemProps`,optional:!1,type:{name:`DetailItemProps`,alias:`DetailItemProps`}}],returns:null}],displayName:`Detail`,props:{columnCount:{defaultValue:{value:`1`,computed:!1},required:!1},rowGap:{defaultValue:{value:`"none"`,computed:!1},required:!1},semantic:{defaultValue:{value:`"list"`,computed:!1},required:!1}}}})))()}var O=t({BasicList:()=>M,CustomLabel:()=>F,MultipleColumns:()=>N,SemanticDl:()=>P,__namedExportsOrder:()=>I,default:()=>j}),k,A,j,M,N,P,F,I;function L(){return(L=e((()=>{D(),k=r(),{useArgs:A}=__STORYBOOK_MODULE_PREVIEW_API__,j={title:`Shared/UI/Detail`,component:E,args:{columnCount:1,rowGap:`normal`,semantic:`list`,inline:!1,center:!1,vertical:`center`,noWrap:!1},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{columnCount:{description:`Количество колонок (1-5).`,control:`number`},rowGap:{description:`Вертикальные интервалы между строками.`,control:`inline-radio`,options:[`none`,`small`,`normal`,`large`]},semantic:{description:`Семантический режим контейнера списка деталей.`,control:`inline-radio`,options:[`detail`,`list`]},inline:{description:`Размещает метку и значение в одну строку.`,control:`boolean`},center:{description:`Центрирует текст метки и значения.`,control:`boolean`},vertical:{description:`Вертикальное выравнивание внутри строки.`,control:`inline-radio`,options:[`start`,`center`,`end`]},noWrap:{description:`Отключает перенос длинного значения.`,control:`boolean`},withColon:{description:`Добавляет двоеточие после метки.`,control:`boolean`},children:{description:`Набор Detail.Item внутри списка.`,control:!1}}},M={render:function(){let[e]=A();return(0,k.jsxs)(E,{...e,children:[(0,k.jsx)(E.Item,{required:!0,label:`Статус`,value:`Активен`}),(0,k.jsx)(E.Item,{label:`Приоритет`,value:`Высокий`}),(0,k.jsx)(E.Item,{label:`Автор`,value:`Иван Петров`})]})},args:{children:void 0}},N={render:function(){let[e]=A();return(0,k.jsxs)(E,{...e,children:[(0,k.jsx)(E.Item,{label:`ID`,value:`DOC-12345`}),(0,k.jsx)(E.Item,{label:`Дата`,value:`05.03.2026`}),(0,k.jsx)(E.Item,{label:`Версия`,value:`2.7`}),(0,k.jsx)(E.Item,{label:`Подразделение`,value:`Снабжение`}),(0,k.jsx)(E.Item,{label:`Регион`,value:`Урал`}),(0,k.jsx)(E.Item,{label:`Комментарий`,value:`Требуется согласование с бухгалтерией`})]})},args:{columnCount:2,rowGap:`small`,children:void 0}},P={render:function(){let[e]=A();return(0,k.jsxs)(E,{...e,children:[(0,k.jsx)(E.Item,{label:`Клиент`,value:`ООО Вектор`}),(0,k.jsx)(E.Item,{label:`Менеджер`,value:`Анна Смирнова`}),(0,k.jsx)(E.Item,{label:`Сумма`,value:`1 250 000 ₽`})]})},args:{semantic:`detail`,inline:!0,columnCount:1,children:void 0}},F={render:function(){let[e]=A();return(0,k.jsxs)(E,{...e,children:[(0,k.jsx)(E.Item,{label:(0,k.jsx)(`span`,{children:`Номер договора`}),value:`KTK-2026-045`}),(0,k.jsx)(E.Item,{label:(0,k.jsx)(`span`,{title:`Без двоеточия для составной метки`,children:`Статус`}),value:`На согласовании`,withColon:!1})]})},args:{children:void 0}},M.parameters={...M.parameters,docs:{...M.parameters?.docs,source:{originalSource:`{
2
2
  render: function Render() {
3
3
  const [args] = useArgs<DetailProps>();
4
4
  return <Detail {...args}>
@@ -1 +1 @@
1
- import{n as e,o as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r}from"./iframe-CD1cMwos.js";import{t as i}from"./react-dom-2o2phaJG.js";import{a,n as o,r as s,t as c}from"./dom-B3G_GtJw.js";function l({title:e,description:t,open:n,onClose:r,minWidth:i,children:s}){let l=(0,u.useId)(),p=(0,u.useId)(),m=a({active:n,trapFocus:!0,restoreFocus:!0,initialFocus:`auto`});if(o({active:n,onDismiss:r,containerRef:m}),!n||typeof document>`u`)return null;let h=c(`dialog-root`);return h?(0,d.createPortal)((0,f.jsx)(`div`,{className:`fixed inset0 flexCenter surfaceBackdrop`,style:{zIndex:`var(--z-dialog)`},onMouseDown:e=>e.target===e.currentTarget&&r(),children:(0,f.jsxs)(`div`,{ref:m,role:`dialog`,"aria-modal":`true`,"aria-labelledby":e?l:void 0,"aria-describedby":t?p:void 0,tabIndex:-1,className:`surface0 shadowMd paddingLg radiusSm`,style:{minWidth:i},children:[e&&(0,f.jsx)(`h2`,{id:l,className:`margin0`,children:e}),t&&(0,f.jsx)(`p`,{id:p,children:t}),s]})}),h):null}var u,d,f;function p(){return(p=e((()=>{u=t(n(),1),s(),d=i(),f=r()})))()}export{p as n,l as t};
1
+ import{n as e,o as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r}from"./iframe-CyRHAH4o.js";import{t as i}from"./react-dom-2o2phaJG.js";import{a,n as o,r as s,t as c}from"./dom-B3G_GtJw.js";function l({title:e,description:t,open:n,onClose:r,minWidth:i,children:s}){let l=(0,u.useId)(),p=(0,u.useId)(),m=a({active:n,trapFocus:!0,restoreFocus:!0,initialFocus:`auto`});if(o({active:n,onDismiss:r,containerRef:m}),!n||typeof document>`u`)return null;let h=c(`dialog-root`);return h?(0,d.createPortal)((0,f.jsx)(`div`,{className:`fixed inset0 flexCenter surfaceBackdrop`,style:{zIndex:`var(--z-dialog)`},onMouseDown:e=>e.target===e.currentTarget&&r(),children:(0,f.jsxs)(`div`,{ref:m,role:`dialog`,"aria-modal":`true`,"aria-labelledby":e?l:void 0,"aria-describedby":t?p:void 0,tabIndex:-1,className:`surface0 shadowMd paddingLg radiusSm`,style:{minWidth:i},children:[e&&(0,f.jsx)(`h2`,{id:l,className:`margin0`,children:e}),t&&(0,f.jsx)(`p`,{id:p,children:t}),s]})}),h):null}var u,d,f;function p(){return(p=e((()=>{u=t(n(),1),s(),d=i(),f=r()})))()}export{p as n,l as t};
@@ -1,4 +1,4 @@
1
- import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-CD1cMwos.js";import{i as n,r}from"./react-qN2cStNd.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-BkGgmJsC.js";import{i as p,n as m,r as h,t as g}from"./Dialog.stories-BnmqXDWO.js";function _(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(s,{of:m,parameters:{docs:{toc:!0}}}),`
1
+ import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-CyRHAH4o.js";import{i as n,r}from"./react-qN2cStNd.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-BAkpxLLq.js";import{i as p,n as m,r as h,t as g}from"./Dialog.stories-D1JgXIdZ.js";function _(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(s,{of:m,parameters:{docs:{toc:!0}}}),`
2
2
  `,(0,y.jsx)(u,{children:`Dialog`}),`
3
3
  `,(0,y.jsx)(o,{children:`Легковесное диалоговое окно для коротких подтверждений и критичных действий`}),`
4
4
  `,(0,y.jsx)(t.p,{children:`Dialog уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
@@ -1,4 +1,4 @@
1
- import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{n}from"./iframe-CD1cMwos.js";import{n as r,t as i}from"./Button-BfLxUIid.js";import{n as a,t as o}from"./createControlledStoryRender-DHsyXc1B.js";import{n as s,t as c}from"./Dialog-C8i0iW4a.js";var l=t({Controlled:()=>h,Opened:()=>g,__namedExportsOrder:()=>_,default:()=>m});function u({args:e,updateArgs:t,children:n}){let r=()=>{e.onClose(),t({open:!1})};return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(i,{onClick:()=>t({open:!0}),children:`Открыть диалог`}),(0,f.jsx)(c,{...e,open:e.open,onClose:r,children:e.children??n(r)})]})}function d(e){return o((t,n)=>(0,f.jsx)(u,{args:t,updateArgs:n,children:e}))}var f,p,m,h,g,_;function v(){return(v=e((()=>{r(),a(),s(),f=n(),{fn:p}=__STORYBOOK_MODULE_TEST__,m={title:`Shared/UI/Dialog`,component:c,args:{title:`Подтверждение операции`,description:`Проверьте параметры перед выполнением действия.`,open:!1,onClose:p(),minWidth:360,children:null},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{title:{description:`Заголовок диалогового окна.`,control:`text`},description:{description:`Описание под заголовком.`,control:`text`},open:{description:`Управляет видимостью диалога.`,control:`boolean`},onClose:{description:`Вызывается при закрытии диалога.`,control:!1},minWidth:{description:`Минимальная ширина контейнера окна в CSS-единицах или пикселях.`,control:`text`},children:{description:`Контент внутри диалогового окна.`,control:!1}}},h={render:d(e=>(0,f.jsxs)(`div`,{children:[(0,f.jsx)(`p`,{children:`Подтвердите выполнение действия.`}),(0,f.jsxs)(`div`,{style:{display:`flex`,gap:8,justifyContent:`flex-end`},children:[(0,f.jsx)(i,{variant:`transparent`,onClick:e,children:`Отмена`}),(0,f.jsx)(i,{variant:`success`,onClick:e,children:`Подтвердить`})]})]}))},g={args:{open:!0},render:d(()=>(0,f.jsx)(`div`,{children:`Диалог изначально открыт для демонстрации верстки.`}))},h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
1
+ import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{n}from"./iframe-CyRHAH4o.js";import{n as r,t as i}from"./Button-CGuqXzCc.js";import{n as a,t as o}from"./createControlledStoryRender-DHsyXc1B.js";import{n as s,t as c}from"./Dialog-FuIbCMO-.js";var l=t({Controlled:()=>h,Opened:()=>g,__namedExportsOrder:()=>_,default:()=>m});function u({args:e,updateArgs:t,children:n}){let r=()=>{e.onClose(),t({open:!1})};return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(i,{onClick:()=>t({open:!0}),children:`Открыть диалог`}),(0,f.jsx)(c,{...e,open:e.open,onClose:r,children:e.children??n(r)})]})}function d(e){return o((t,n)=>(0,f.jsx)(u,{args:t,updateArgs:n,children:e}))}var f,p,m,h,g,_;function v(){return(v=e((()=>{r(),a(),s(),f=n(),{fn:p}=__STORYBOOK_MODULE_TEST__,m={title:`Shared/UI/Dialog`,component:c,args:{title:`Подтверждение операции`,description:`Проверьте параметры перед выполнением действия.`,open:!1,onClose:p(),minWidth:360,children:null},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{title:{description:`Заголовок диалогового окна.`,control:`text`},description:{description:`Описание под заголовком.`,control:`text`},open:{description:`Управляет видимостью диалога.`,control:`boolean`},onClose:{description:`Вызывается при закрытии диалога.`,control:!1},minWidth:{description:`Минимальная ширина контейнера окна в CSS-единицах или пикселях.`,control:`text`},children:{description:`Контент внутри диалогового окна.`,control:!1}}},h={render:d(e=>(0,f.jsxs)(`div`,{children:[(0,f.jsx)(`p`,{children:`Подтвердите выполнение действия.`}),(0,f.jsxs)(`div`,{style:{display:`flex`,gap:8,justifyContent:`flex-end`},children:[(0,f.jsx)(i,{variant:`transparent`,onClick:e,children:`Отмена`}),(0,f.jsx)(i,{variant:`success`,onClick:e,children:`Подтвердить`})]})]}))},g={args:{open:!0},render:d(()=>(0,f.jsx)(`div`,{children:`Диалог изначально открыт для демонстрации верстки.`}))},h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
2
2
  render: createDialogStoryRender(close => <div>
3
3
  <p>Подтвердите выполнение действия.</p>
4
4
  <div style={{
@@ -1,4 +1,4 @@
1
- import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-CD1cMwos.js";import{i as n,r}from"./react-qN2cStNd.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-BkGgmJsC.js";import{a as p,i as m,n as h,r as g,t as _}from"./Disclosure.stories-CFfYWULd.js";function v(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(s,{of:h,parameters:{docs:{toc:!0}}}),`
1
+ import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-CyRHAH4o.js";import{i as n,r}from"./react-qN2cStNd.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-BAkpxLLq.js";import{a as p,i as m,n as h,r as g,t as _}from"./Disclosure.stories-CES0qFr3.js";function v(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(s,{of:h,parameters:{docs:{toc:!0}}}),`
2
2
  `,(0,b.jsx)(u,{children:`Disclosure`}),`
3
3
  `,(0,b.jsx)(o,{children:`Практическая документация по компоненту Disclosure и его сценариям использования`}),`
4
4
  `,(0,b.jsx)(t.p,{children:`Disclosure уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
@@ -1,4 +1,4 @@
1
- import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{i as n,n as r,r as i,t as a}from"./DisclosureGroup-ZnY0phsi.js";import{n as o}from"./iframe-CD1cMwos.js";import{n as s,t as c}from"./Button-BfLxUIid.js";import{n as l,t as u}from"./createControlledStoryRender-DHsyXc1B.js";var d=t({Basic:()=>g,Group:()=>v,HeaderActions:()=>_,__namedExportsOrder:()=>y,default:()=>p}),f,p,m,h,g,_,v,y;function b(){return(b=e((()=>{s(),l(),n(),r(),f=o(),p={title:`Shared/UI/Disclosure`,component:i,args:{label:`Раздел`,defaultOpen:!1,children:(0,f.jsx)(`p`,{children:`Содержимое панели раскрытия.`})},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Заголовок кнопки раскрытия.`,control:`text`},defaultOpen:{description:`Начальное состояние (открыт/закрыт). Изменение аргумента перемонтирует демонстрационный экземпляр.`,control:`boolean`},headerActions:{description:`Независимые действия в правой части заголовка.`,control:!1},children:{description:`Контент, который показывается в раскрытой панели.`,control:!1}}},m=u(e=>(0,f.jsx)(i,{...e},`disclosure-${String(e.defaultOpen)}`)),h=u(e=>(0,f.jsxs)(a,{children:[(0,f.jsx)(i,{...e},`search-${String(e.defaultOpen)}`),(0,f.jsx)(i,{label:`Сортировка`,children:(0,f.jsxs)(`div`,{style:{display:`grid`,gap:8},children:[(0,f.jsx)(`span`,{children:`Поле: Дата создания`}),(0,f.jsx)(`span`,{children:`Порядок: По убыванию`})]})}),(0,f.jsx)(i,{label:`Дополнительные фильтры`,children:(0,f.jsxs)(`div`,{style:{display:`grid`,gap:8},children:[(0,f.jsx)(`span`,{children:`Только активные`}),(0,f.jsx)(`span`,{children:`Без архивных записей`})]})})]})),g={render:m},_={args:{headerActions:(0,f.jsx)(c,{variant:`transparent`,onClick:()=>void 0,children:`Очистить`})},render:m},v={args:{label:`Параметры поиска`,defaultOpen:!0,children:(0,f.jsxs)(`div`,{style:{display:`grid`,gap:8},children:[(0,f.jsx)(`span`,{children:`Период: март 2026`}),(0,f.jsx)(`span`,{children:`Регион: Урал`})]})},render:h},g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
1
+ import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{i as n,n as r,r as i,t as a}from"./DisclosureGroup-zBtzBoZj.js";import{n as o}from"./iframe-CyRHAH4o.js";import{n as s,t as c}from"./Button-CGuqXzCc.js";import{n as l,t as u}from"./createControlledStoryRender-DHsyXc1B.js";var d=t({Basic:()=>g,Group:()=>v,HeaderActions:()=>_,__namedExportsOrder:()=>y,default:()=>p}),f,p,m,h,g,_,v,y;function b(){return(b=e((()=>{s(),l(),n(),r(),f=o(),p={title:`Shared/UI/Disclosure`,component:i,args:{label:`Раздел`,defaultOpen:!1,children:(0,f.jsx)(`p`,{children:`Содержимое панели раскрытия.`})},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Заголовок кнопки раскрытия.`,control:`text`},defaultOpen:{description:`Начальное состояние (открыт/закрыт). Изменение аргумента перемонтирует демонстрационный экземпляр.`,control:`boolean`},headerActions:{description:`Независимые действия в правой части заголовка.`,control:!1},children:{description:`Контент, который показывается в раскрытой панели.`,control:!1}}},m=u(e=>(0,f.jsx)(i,{...e},`disclosure-${String(e.defaultOpen)}`)),h=u(e=>(0,f.jsxs)(a,{children:[(0,f.jsx)(i,{...e},`search-${String(e.defaultOpen)}`),(0,f.jsx)(i,{label:`Сортировка`,children:(0,f.jsxs)(`div`,{style:{display:`grid`,gap:8},children:[(0,f.jsx)(`span`,{children:`Поле: Дата создания`}),(0,f.jsx)(`span`,{children:`Порядок: По убыванию`})]})}),(0,f.jsx)(i,{label:`Дополнительные фильтры`,children:(0,f.jsxs)(`div`,{style:{display:`grid`,gap:8},children:[(0,f.jsx)(`span`,{children:`Только активные`}),(0,f.jsx)(`span`,{children:`Без архивных записей`})]})})]})),g={render:m},_={args:{headerActions:(0,f.jsx)(c,{variant:`transparent`,onClick:()=>void 0,children:`Очистить`})},render:m},v={args:{label:`Параметры поиска`,defaultOpen:!0,children:(0,f.jsxs)(`div`,{style:{display:`grid`,gap:8},children:[(0,f.jsx)(`span`,{children:`Период: март 2026`}),(0,f.jsx)(`span`,{children:`Регион: Урал`})]})},render:h},g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
2
2
  render: renderDisclosureStory
3
3
  }`,...g.parameters?.docs?.source}}},_.parameters={..._.parameters,docs:{..._.parameters?.docs,source:{originalSource:`{
4
4
  args: {
@@ -1,2 +1,2 @@
1
- import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{t}from"./react-C21x__mS.js";import{n,t as r}from"./chevron-down-DbISRZCX.js";import{i,n as a,r as o}from"./iframe-CD1cMwos.js";import{a as s,i as c}from"./utils-DUM89eIj.js";import{n as l,t as u}from"./ui.module-CiLQZm_L.js";import{i as d,n as f}from"./uiClasses-DiXn3Hc-.js";import{n as p,t as m}from"./FlexItem-vkDYa5tA.js";var h,g;function _(){return(_=e((()=>{i(),h=[[`path`,{d:`m18 15-6-6-6 6`,key:`153udz`}]],g=o(`chevron-up`,h)})))()}var v,y,b;function x(){return(x=e((()=>{v=t(),p(),y=a(),b=(0,v.forwardRef)((e,t)=>(0,y.jsx)(m,{...e,ref:t,flex1:!0})),b.displayName=`FlexSpacer`,b.__docgenInfo={description:``,methods:[],displayName:`FlexSpacer`}})))()}var S,C,w,T,E,D;function O(){return(O=e((()=>{S=`P-rCx1`,C=`_9yjaDf`,w=`izVkky`,T=`KAIPfW`,E=`O-da-N`,D={disclosureHeader:S,disclosureButton:C,disclosureActions:w,disclosureGroup:T,disclosure:E}})))()}function k({label:e,defaultOpen:t,headerActions:n,tone:i=`primary`,children:a}){let[o,c]=(0,A.useState)(t===!0),u=(0,A.useId)(),d=(0,A.useId)(),p=f(i);return(0,j.jsxs)(`div`,{className:s(l.uiElement,l.uiPanel,p,D.disclosure),children:[(0,j.jsxs)(`div`,{className:D.disclosureHeader,children:[(0,j.jsxs)(`button`,{id:d,type:`button`,"aria-expanded":o,"aria-controls":u,className:s(D.disclosureButton,`fontBold radiusSm paddingSm gapSm`),"data-ui":`disclosure-toggle`,"data-action":o?`collapse-disclosure`:`expand-disclosure`,onClick:()=>c(e=>!e),children:[o?(0,j.jsx)(g,{}):(0,j.jsx)(r,{}),e]}),n?(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)(b,{}),n]}):null]}),o&&(0,j.jsx)(`div`,{id:u,role:`region`,"aria-labelledby":d,children:(0,j.jsx)(`div`,{className:`paddingMd`,children:a})})]})}var A,j;function M(){return(M=e((()=>{A=t(),c(),n(),_(),x(),u(),d(),O(),j=a(),k.__docgenInfo={description:`Раскрывающийся блок с заголовком и скрываемым содержимым. Используется для FAQ, настроек и компактного размещения второстепенной информации.`,methods:[],displayName:`Disclosure`,props:{label:{required:!0,tsType:{name:`ReactNode`},description:``},defaultOpen:{required:!1,tsType:{name:`boolean`},description:``},tone:{required:!1,tsType:{name:`union`,raw:`"primary" | "secondary" | "tertiary"`,elements:[{name:`literal`,value:`"primary"`},{name:`literal`,value:`"secondary"`},{name:`literal`,value:`"tertiary"`}]},description:``,defaultValue:{value:`"primary"`,computed:!1}},headerActions:{required:!1,tsType:{name:`ReactNode`},description:`Независимые действия в правой части заголовка, расположенные вне кнопки раскрытия.`}},composes:[`PropsWithChildren`]}})))()}function N({className:e,children:t}){return(0,P.jsx)(`div`,{className:s(D.disclosureGroup,e),children:t})}var P;function F(){return(F=e((()=>{t(),c(),O(),P=a(),N.__docgenInfo={description:"Групповой контейнер для нескольких `Disclosure`. Помогает выстраивать последовательный список раскрывающихся секций.",methods:[],displayName:`DisclosureGroup`,props:{children:{required:!1,tsType:{name:`union`,raw:`| (React.ReactElement<DisclosureProps, typeof Disclosure> | null | undefined | false)
1
+ import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{t}from"./react-C21x__mS.js";import{n,t as r}from"./chevron-down-C8Jy-MyE.js";import{i,n as a,r as o}from"./iframe-CyRHAH4o.js";import{a as s,i as c}from"./utils-DUM89eIj.js";import{n as l,t as u}from"./ui.module-CiLQZm_L.js";import{i as d,n as f}from"./uiClasses-DiXn3Hc-.js";import{n as p,t as m}from"./FlexItem-vkDYa5tA.js";var h,g;function _(){return(_=e((()=>{i(),h=[[`path`,{d:`m18 15-6-6-6 6`,key:`153udz`}]],g=o(`chevron-up`,h)})))()}var v,y,b;function x(){return(x=e((()=>{v=t(),p(),y=a(),b=(0,v.forwardRef)((e,t)=>(0,y.jsx)(m,{...e,ref:t,flex1:!0})),b.displayName=`FlexSpacer`,b.__docgenInfo={description:``,methods:[],displayName:`FlexSpacer`}})))()}var S,C,w,T,E,D;function O(){return(O=e((()=>{S=`P-rCx1`,C=`_9yjaDf`,w=`izVkky`,T=`KAIPfW`,E=`O-da-N`,D={disclosureHeader:S,disclosureButton:C,disclosureActions:w,disclosureGroup:T,disclosure:E}})))()}function k({label:e,defaultOpen:t,headerActions:n,tone:i=`primary`,children:a}){let[o,c]=(0,A.useState)(t===!0),u=(0,A.useId)(),d=(0,A.useId)(),p=f(i);return(0,j.jsxs)(`div`,{className:s(l.uiElement,l.uiPanel,p,D.disclosure),children:[(0,j.jsxs)(`div`,{className:D.disclosureHeader,children:[(0,j.jsxs)(`button`,{id:d,type:`button`,"aria-expanded":o,"aria-controls":u,className:s(D.disclosureButton,`fontBold radiusSm paddingSm gapSm`),"data-ui":`disclosure-toggle`,"data-action":o?`collapse-disclosure`:`expand-disclosure`,onClick:()=>c(e=>!e),children:[o?(0,j.jsx)(g,{}):(0,j.jsx)(r,{}),e]}),n?(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)(b,{}),n]}):null]}),o&&(0,j.jsx)(`div`,{id:u,role:`region`,"aria-labelledby":d,children:(0,j.jsx)(`div`,{className:`paddingMd`,children:a})})]})}var A,j;function M(){return(M=e((()=>{A=t(),c(),n(),_(),x(),u(),d(),O(),j=a(),k.__docgenInfo={description:`Раскрывающийся блок с заголовком и скрываемым содержимым. Используется для FAQ, настроек и компактного размещения второстепенной информации.`,methods:[],displayName:`Disclosure`,props:{label:{required:!0,tsType:{name:`ReactNode`},description:``},defaultOpen:{required:!1,tsType:{name:`boolean`},description:``},tone:{required:!1,tsType:{name:`union`,raw:`"primary" | "secondary" | "tertiary"`,elements:[{name:`literal`,value:`"primary"`},{name:`literal`,value:`"secondary"`},{name:`literal`,value:`"tertiary"`}]},description:``,defaultValue:{value:`"primary"`,computed:!1}},headerActions:{required:!1,tsType:{name:`ReactNode`},description:`Независимые действия в правой части заголовка, расположенные вне кнопки раскрытия.`}},composes:[`PropsWithChildren`]}})))()}function N({className:e,children:t}){return(0,P.jsx)(`div`,{className:s(D.disclosureGroup,e),children:t})}var P;function F(){return(F=e((()=>{t(),c(),O(),P=a(),N.__docgenInfo={description:"Групповой контейнер для нескольких `Disclosure`. Помогает выстраивать последовательный список раскрывающихся секций.",methods:[],displayName:`DisclosureGroup`,props:{children:{required:!1,tsType:{name:`union`,raw:`| (React.ReactElement<DisclosureProps, typeof Disclosure> | null | undefined | false)
2
2
  | (React.ReactElement<DisclosureProps, typeof Disclosure> | null | undefined | false)[]`,elements:[{name:`unknown`},{name:`Array`,elements:[{name:`unknown`}],raw:`(React.ReactElement<DisclosureProps, typeof Disclosure> | null | undefined | false)[]`}]},description:``},className:{required:!1,tsType:{name:`string`},description:``}}}})))()}export{M as i,F as n,k as r,N as t};
@@ -1,2 +1,2 @@
1
1
  const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./react-qN2cStNd.js","./rolldown-runtime-C0FnF6B9.js","./react-C21x__mS.js"])))=>i.map(i=>d[i]);
2
- import{n as e,o as t}from"./rolldown-runtime-C0FnF6B9.js";import{n,t as r}from"./preload-helper-BHmFeTtP.js";import{t as i}from"./react-C21x__mS.js";import{i as a,m as o,o as s,s as c,t as l}from"./blocks-BkGgmJsC.js";import{i as u,r as d,t as f}from"./react-18-CgkwBzTo.js";var p,m,h,g;function _(){return(_=e((()=>{p=t(i(),1),f(),o(),n(),m={code:a,a:l,...c},h=class extends p.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(e){let{showException:t}=this.props;t(e)}render(){let{hasError:e}=this.state,{children:t}=this.props;return e?null:p.createElement(p.Fragment,null,t)}},g=class{constructor(){this.render=async(e,t,n)=>{let i={...m,...t?.components},a=s;return new Promise((o,s)=>{r(async()=>{let{MDXProvider:e}=await import(`./react-qN2cStNd.js`).then(e=>(e.t(),e.n));return{MDXProvider:e}},__vite__mapDeps([0,1,2]),import.meta.url).then(({MDXProvider:r})=>d(p.createElement(h,{showException:s,key:Math.random()},p.createElement(r,{components:i},p.createElement(a,{context:e,docsParameter:t}))),n)).then(()=>o())})},this.unmount=e=>{u(e)}}}})))()}function v(){return(v=e((()=>{_()})))()}v();export{g as DocsRenderer};
2
+ import{n as e,o as t}from"./rolldown-runtime-C0FnF6B9.js";import{n,t as r}from"./preload-helper-BHmFeTtP.js";import{t as i}from"./react-C21x__mS.js";import{i as a,m as o,o as s,s as c,t as l}from"./blocks-BAkpxLLq.js";import{i as u,r as d,t as f}from"./react-18-CgkwBzTo.js";var p,m,h,g;function _(){return(_=e((()=>{p=t(i(),1),f(),o(),n(),m={code:a,a:l,...c},h=class extends p.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(e){let{showException:t}=this.props;t(e)}render(){let{hasError:e}=this.state,{children:t}=this.props;return e?null:p.createElement(p.Fragment,null,t)}},g=class{constructor(){this.render=async(e,t,n)=>{let i={...m,...t?.components},a=s;return new Promise((o,s)=>{r(async()=>{let{MDXProvider:e}=await import(`./react-qN2cStNd.js`).then(e=>(e.t(),e.n));return{MDXProvider:e}},__vite__mapDeps([0,1,2]),import.meta.url).then(({MDXProvider:r})=>d(p.createElement(h,{showException:s,key:Math.random()},p.createElement(r,{components:i},p.createElement(a,{context:e,docsParameter:t}))),n)).then(()=>o())})},this.unmount=e=>{u(e)}}}})))()}function v(){return(v=e((()=>{_()})))()}v();export{g as DocsRenderer};
@@ -1,4 +1,4 @@
1
- import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-CD1cMwos.js";import{i as n,r}from"./react-qN2cStNd.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-BkGgmJsC.js";import{a as p,i as m,n as h,r as g,t as _}from"./DropZone.stories-B1xdFmz3.js";function v(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(s,{of:g,parameters:{docs:{toc:!0}}}),`
1
+ import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-CyRHAH4o.js";import{i as n,r}from"./react-qN2cStNd.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-BAkpxLLq.js";import{a as p,i as m,n as h,r as g,t as _}from"./DropZone.stories-ChV6kmPA.js";function v(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(s,{of:g,parameters:{docs:{toc:!0}}}),`
2
2
  `,(0,b.jsx)(u,{children:`DropZone`}),`
3
3
  `,(0,b.jsx)(o,{children:`Зона drag-and-drop для загрузки файлов кликом или перетаскиванием`}),`
4
4
  `,(0,b.jsx)(t.p,{children:`DropZone уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
@@ -1,4 +1,4 @@
1
- import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{t}from"./react-C21x__mS.js";import{i as n,n as r,r as i}from"./iframe-CD1cMwos.js";import{a,i as o,n as s}from"./utils-DUM89eIj.js";import{a as c,i as l,o as u,r as d,s as f}from"./file-vPGnhPr-.js";import{n as p,t as m}from"./InputFilesList-CokmKz6s.js";var h,g;function _(){return(_=e((()=>{n(),h=[[`path`,{d:`M12 3v12`,key:`1x0j5s`}],[`path`,{d:`m17 8-5-5-5 5`,key:`7q97r8`}],[`path`,{d:`M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4`,key:`ih7n3h`}]],g=i(`upload`,h)})))()}var v,y,b,x,S,C;function w(){return(w=e((()=>{v=`q2D6Pw`,y=`QVgB0d`,b=`-nyQKp`,x=`kY0O9g`,S=`F5K1bE`,C={zone:v,dragOver:y,disabled:b,icon:x,hint:S}})))()}function T({value:e,onChange:t,onChangeError:n,accept:r,allowedMime:i,maxBytes:o,readMode:l,multiple:p=!0,disabled:h,className:_,children:v}){c(i),u(r);let y=(0,E.useRef)(0),b=(0,E.useRef)(null),[x,S]=(0,E.useState)(!1),w=(0,E.useMemo)(()=>r&&r.length>0?r.join(`,`):i&&i.length>0?i.join(`,`):`*`,[i,r]),T=(0,E.useCallback)(e=>l===`array-buffer`?f(e,{allowedMime:i,maxBytes:o,mode:`array-buffer`}):f(e,{allowedMime:i,maxBytes:o}),[i,o,l]),O=(0,E.useCallback)(async e=>{if(h||e.length===0)return;let r=p?e:e.slice(0,1),i=[];for(let e of r)try{let t=await T(e);i.push(t)}catch(e){e instanceof d&&n&&n(e)}i.length>0&&t(i)},[h,p,t,n,T]),k=(0,E.useCallback)(()=>{h||b.current?.click()},[h]),A=(0,E.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),!h&&(y.current+=1,y.current===1&&S(!0))},[h]),j=(0,E.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),!h&&(e.dataTransfer.dropEffect=`copy`)},[h]),M=(0,E.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),!h&&(--y.current,y.current===0&&S(!1))},[h]),N=(0,E.useCallback)(async e=>{if(e.preventDefault(),e.stopPropagation(),y.current=0,S(!1),h)return;let t=Array.from(e.dataTransfer.files);await O(t)},[h,O]),P=(0,E.useCallback)(async e=>{let t=Array.from(e.target.files??[]);await O(t),e.target.value=``},[O]),F=(0,E.useCallback)(e=>{s(e,k,{disabled:h})},[h,k]);return(0,D.jsxs)(`div`,{children:[(0,D.jsx)(`input`,{ref:b,type:`file`,hidden:!0,disabled:h,multiple:p,accept:w,onChange:P}),(0,D.jsx)(`div`,{className:a(C.zone,x&&C.dragOver,h&&C.disabled,_),onClick:k,onKeyDown:F,onDragEnter:A,onDragOver:j,onDragLeave:M,onDrop:N,role:`button`,tabIndex:h?-1:0,"aria-disabled":h,children:v??(0,D.jsxs)(D.Fragment,{children:[(0,D.jsx)(g,{className:C.icon}),(0,D.jsx)(`span`,{className:C.hint,children:p?`Перетащите файлы сюда или нажмите для выбора`:`Перетащите файл сюда или нажмите для выбора`})]})}),(0,D.jsx)(m,{files:e,onChange:t})]})}var E,D;function O(){return(O=e((()=>{E=t(),l(),o(),_(),p(),w(),D=r(),T.__docgenInfo={description:`DropZone — зона для перетаскивания файлов и выбора по клику.
1
+ import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{t}from"./react-C21x__mS.js";import{i as n,n as r,r as i}from"./iframe-CyRHAH4o.js";import{a,i as o,n as s}from"./utils-DUM89eIj.js";import{a as c,i as l,o as u,r as d,s as f}from"./file-vPGnhPr-.js";import{n as p,t as m}from"./InputFilesList-BP0hLe6p.js";var h,g;function _(){return(_=e((()=>{n(),h=[[`path`,{d:`M12 3v12`,key:`1x0j5s`}],[`path`,{d:`m17 8-5-5-5 5`,key:`7q97r8`}],[`path`,{d:`M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4`,key:`ih7n3h`}]],g=i(`upload`,h)})))()}var v,y,b,x,S,C;function w(){return(w=e((()=>{v=`q2D6Pw`,y=`QVgB0d`,b=`-nyQKp`,x=`kY0O9g`,S=`F5K1bE`,C={zone:v,dragOver:y,disabled:b,icon:x,hint:S}})))()}function T({value:e,onChange:t,onChangeError:n,accept:r,allowedMime:i,maxBytes:o,readMode:l,multiple:p=!0,disabled:h,className:_,children:v}){c(i),u(r);let y=(0,E.useRef)(0),b=(0,E.useRef)(null),[x,S]=(0,E.useState)(!1),w=(0,E.useMemo)(()=>r&&r.length>0?r.join(`,`):i&&i.length>0?i.join(`,`):`*`,[i,r]),T=(0,E.useCallback)(e=>l===`array-buffer`?f(e,{allowedMime:i,maxBytes:o,mode:`array-buffer`}):f(e,{allowedMime:i,maxBytes:o}),[i,o,l]),O=(0,E.useCallback)(async e=>{if(h||e.length===0)return;let r=p?e:e.slice(0,1),i=[];for(let e of r)try{let t=await T(e);i.push(t)}catch(e){e instanceof d&&n&&n(e)}i.length>0&&t(i)},[h,p,t,n,T]),k=(0,E.useCallback)(()=>{h||b.current?.click()},[h]),A=(0,E.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),!h&&(y.current+=1,y.current===1&&S(!0))},[h]),j=(0,E.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),!h&&(e.dataTransfer.dropEffect=`copy`)},[h]),M=(0,E.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),!h&&(--y.current,y.current===0&&S(!1))},[h]),N=(0,E.useCallback)(async e=>{if(e.preventDefault(),e.stopPropagation(),y.current=0,S(!1),h)return;let t=Array.from(e.dataTransfer.files);await O(t)},[h,O]),P=(0,E.useCallback)(async e=>{let t=Array.from(e.target.files??[]);await O(t),e.target.value=``},[O]),F=(0,E.useCallback)(e=>{s(e,k,{disabled:h})},[h,k]);return(0,D.jsxs)(`div`,{children:[(0,D.jsx)(`input`,{ref:b,type:`file`,hidden:!0,disabled:h,multiple:p,accept:w,onChange:P}),(0,D.jsx)(`div`,{className:a(C.zone,x&&C.dragOver,h&&C.disabled,_),onClick:k,onKeyDown:F,onDragEnter:A,onDragOver:j,onDragLeave:M,onDrop:N,role:`button`,tabIndex:h?-1:0,"aria-disabled":h,children:v??(0,D.jsxs)(D.Fragment,{children:[(0,D.jsx)(g,{className:C.icon}),(0,D.jsx)(`span`,{className:C.hint,children:p?`Перетащите файлы сюда или нажмите для выбора`:`Перетащите файл сюда или нажмите для выбора`})]})}),(0,D.jsx)(m,{files:e,onChange:t})]})}var E,D;function O(){return(O=e((()=>{E=t(),l(),o(),_(),p(),w(),D=r(),T.__docgenInfo={description:`DropZone — зона для перетаскивания файлов и выбора по клику.
2
2
 
3
3
  При наведении файла зона подсвечивается (пунктирная рамка меняет цвет).
4
4
  При сбросе файлов каждый читается через readFile, успешные результаты
@@ -1,4 +1,4 @@
1
- import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{n,t as r}from"./DropZone-DvuKp6tN.js";import{i,n as a,r as o}from"./iframe-CD1cMwos.js";import{n as s,t as c}from"./createControlledStoryRender-DHsyXc1B.js";var l,u;function d(){return(d=e((()=>{i(),l=[[`path`,{d:`M12 13v8`,key:`1l5pq0`}],[`path`,{d:`M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242`,key:`1pljnt`}],[`path`,{d:`m8 17 4-4 4 4`,key:`1quai1`}]],u=o(`cloud-upload`,l)})))()}var f=t({Basic:()=>_,Disabled:()=>y,SingleFile:()=>v,__namedExportsOrder:()=>b,default:()=>g});function p({showStatus:e=!1,children:t}={}){return c((n,i)=>(0,m.jsxs)(`div`,{style:{display:`grid`,gap:12},children:[(0,m.jsx)(r,{...n,onChange:e=>{n.onChange(e),i({value:e})},children:t??n.children}),e&&(0,m.jsx)(`div`,{style:{fontSize:14},children:n.value.length>0?`Получено файлов: ${n.value.length}`:`Перетащите файл(ы) в область выше`})]}))}var m,h,g,_,v,y,b;function x(){return(x=e((()=>{d(),s(),n(),m=a(),{fn:h}=__STORYBOOK_MODULE_TEST__,g={title:`Shared/UI/DropZone`,component:r,args:{value:[],onChange:h(),onChangeError:h(),multiple:!0,readMode:`data-url`,disabled:!1},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{value:{description:`Текущий массив успешно прочитанных файлов.`,control:!1},onChange:{description:`Вызывается с массивом успешно прочитанных файлов.`,control:!1},onChangeError:{description:`Вызывается при ошибке валидации или чтения файла.`,control:!1},accept:{description:`Допустимые расширения или MIME-типы для нативного input.`,control:`object`},allowedMime:{description:`Список допустимых MIME-типов для проверки.`,control:`object`},maxBytes:{description:`Максимальный размер одного файла в байтах.`,control:`number`},readMode:{description:`Режим чтения файлов: data-url или array-buffer.`,control:`inline-radio`,options:[`data-url`,`array-buffer`]},multiple:{description:`Разрешает принимать несколько файлов за один drop.`,control:`boolean`},disabled:{description:`Блокирует зону и обработку drop-событий.`,control:`boolean`},children:{description:`Кастомный контент внутри drop-зоны.`,control:!1}}},_={render:p({showStatus:!0})},v={render:p({children:(0,m.jsxs)(`div`,{style:{display:`grid`,placeItems:`center`,gap:6,minHeight:120},children:[(0,m.jsx)(u,{}),(0,m.jsx)(`span`,{children:`Перетащите один файл`})]})}),args:{multiple:!1}},y={render:p(),args:{disabled:!0,multiple:!0}},_.parameters={..._.parameters,docs:{..._.parameters?.docs,source:{originalSource:`{
1
+ import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{n,t as r}from"./DropZone-jynwO9zp.js";import{i,n as a,r as o}from"./iframe-CyRHAH4o.js";import{n as s,t as c}from"./createControlledStoryRender-DHsyXc1B.js";var l,u;function d(){return(d=e((()=>{i(),l=[[`path`,{d:`M12 13v8`,key:`1l5pq0`}],[`path`,{d:`M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242`,key:`1pljnt`}],[`path`,{d:`m8 17 4-4 4 4`,key:`1quai1`}]],u=o(`cloud-upload`,l)})))()}var f=t({Basic:()=>_,Disabled:()=>y,SingleFile:()=>v,__namedExportsOrder:()=>b,default:()=>g});function p({showStatus:e=!1,children:t}={}){return c((n,i)=>(0,m.jsxs)(`div`,{style:{display:`grid`,gap:12},children:[(0,m.jsx)(r,{...n,onChange:e=>{n.onChange(e),i({value:e})},children:t??n.children}),e&&(0,m.jsx)(`div`,{style:{fontSize:14},children:n.value.length>0?`Получено файлов: ${n.value.length}`:`Перетащите файл(ы) в область выше`})]}))}var m,h,g,_,v,y,b;function x(){return(x=e((()=>{d(),s(),n(),m=a(),{fn:h}=__STORYBOOK_MODULE_TEST__,g={title:`Shared/UI/DropZone`,component:r,args:{value:[],onChange:h(),onChangeError:h(),multiple:!0,readMode:`data-url`,disabled:!1},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{value:{description:`Текущий массив успешно прочитанных файлов.`,control:!1},onChange:{description:`Вызывается с массивом успешно прочитанных файлов.`,control:!1},onChangeError:{description:`Вызывается при ошибке валидации или чтения файла.`,control:!1},accept:{description:`Допустимые расширения или MIME-типы для нативного input.`,control:`object`},allowedMime:{description:`Список допустимых MIME-типов для проверки.`,control:`object`},maxBytes:{description:`Максимальный размер одного файла в байтах.`,control:`number`},readMode:{description:`Режим чтения файлов: data-url или array-buffer.`,control:`inline-radio`,options:[`data-url`,`array-buffer`]},multiple:{description:`Разрешает принимать несколько файлов за один drop.`,control:`boolean`},disabled:{description:`Блокирует зону и обработку drop-событий.`,control:`boolean`},children:{description:`Кастомный контент внутри drop-зоны.`,control:!1}}},_={render:p({showStatus:!0})},v={render:p({children:(0,m.jsxs)(`div`,{style:{display:`grid`,placeItems:`center`,gap:6,minHeight:120},children:[(0,m.jsx)(u,{}),(0,m.jsx)(`span`,{children:`Перетащите один файл`})]})}),args:{multiple:!1}},y={render:p(),args:{disabled:!0,multiple:!0}},_.parameters={..._.parameters,docs:{..._.parameters?.docs,source:{originalSource:`{
2
2
  render: createDropZoneStoryRender({
3
3
  showStatus: true
4
4
  })
@@ -1 +1 @@
1
- import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{t}from"./react-C21x__mS.js";import{n}from"./iframe-CD1cMwos.js";import{_ as r,a as i,c as a,d as o,f as s,g as c,h as l,i as u,l as d,m as f,o as p,p as m,r as h,s as g,u as _}from"./ContextMenu-BjBW8_sr.js";var v,y;function b(){return(b=e((()=>{v=t(),m(),y=({children:e})=>{let{mode:t,open:n,registerTriggerElement:i,onTriggerClick:a,onTriggerKeyDown:o}=f();if(t!==`click`)throw Error(`DropdownMenu.Trigger must be used within <DropdownMenu>`);return(0,v.cloneElement)(e,{ref:t=>{let n=e.props.ref;l(n,t),i(t)},"aria-haspopup":`menu`,"aria-expanded":n,onClick:r(e.props.onClick,a),onKeyDown:c(e.props.onKeyDown,o)})},y.__docgenInfo={description:``,methods:[],displayName:`DropdownMenuTrigger`,props:{children:{required:!0,tsType:{name:`ReactReactElement`,raw:`React.ReactElement<React.HTMLAttributes<HTMLElement> & { ref?: React.Ref<HTMLElement> }>`,elements:[{name:`intersection`,raw:`React.HTMLAttributes<HTMLElement> & { ref?: React.Ref<HTMLElement> }`,elements:[{name:`ReactHTMLAttributes`,raw:`React.HTMLAttributes<HTMLElement>`,elements:[{name:`HTMLElement`}]},{name:`signature`,type:`object`,raw:`{ ref?: React.Ref<HTMLElement> }`,signature:{properties:[{key:`ref`,value:{name:`ReactRef`,raw:`React.Ref<HTMLElement>`,elements:[{name:`HTMLElement`}],required:!1}}]}}]}]},description:``}}}})))()}var x,S,C;function w(){return(w=e((()=>{t(),b(),s(),_(),a(),p(),u(),x=n(),S=({children:e,placement:t,open:n,defaultOpen:r,onOpenChange:a})=>(0,x.jsx)(i,{mode:`click`,placement:t,open:n,defaultOpen:r,onOpenChange:a,children:e}),C=Object.assign(S,{Trigger:y,Content:o,Item:g,Separator:h,GroupLabel:d}),S.__docgenInfo={description:``,methods:[],displayName:`DropdownMenuRoot`,props:{children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},placement:{required:!1,tsType:{name:`Placement`},description:``},open:{required:!1,tsType:{name:`boolean`},description:``},defaultOpen:{required:!1,tsType:{name:`boolean`},description:``},onOpenChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(open: boolean) => void`,signature:{arguments:[{type:{name:`boolean`},name:`open`}],return:{name:`void`}}},description:``}}}})))()}export{w as n,C as t};
1
+ import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{t}from"./react-C21x__mS.js";import{n}from"./iframe-CyRHAH4o.js";import{_ as r,a as i,c as a,d as o,f as s,g as c,h as l,i as u,l as d,m as f,o as p,p as m,r as h,s as g,u as _}from"./ContextMenu-CNxPWPTI.js";var v,y;function b(){return(b=e((()=>{v=t(),m(),y=({children:e})=>{let{mode:t,open:n,registerTriggerElement:i,onTriggerClick:a,onTriggerKeyDown:o}=f();if(t!==`click`)throw Error(`DropdownMenu.Trigger must be used within <DropdownMenu>`);return(0,v.cloneElement)(e,{ref:t=>{let n=e.props.ref;l(n,t),i(t)},"aria-haspopup":`menu`,"aria-expanded":n,onClick:r(e.props.onClick,a),onKeyDown:c(e.props.onKeyDown,o)})},y.__docgenInfo={description:``,methods:[],displayName:`DropdownMenuTrigger`,props:{children:{required:!0,tsType:{name:`ReactReactElement`,raw:`React.ReactElement<React.HTMLAttributes<HTMLElement> & { ref?: React.Ref<HTMLElement> }>`,elements:[{name:`intersection`,raw:`React.HTMLAttributes<HTMLElement> & { ref?: React.Ref<HTMLElement> }`,elements:[{name:`ReactHTMLAttributes`,raw:`React.HTMLAttributes<HTMLElement>`,elements:[{name:`HTMLElement`}]},{name:`signature`,type:`object`,raw:`{ ref?: React.Ref<HTMLElement> }`,signature:{properties:[{key:`ref`,value:{name:`ReactRef`,raw:`React.Ref<HTMLElement>`,elements:[{name:`HTMLElement`}],required:!1}}]}}]}]},description:``}}}})))()}var x,S,C;function w(){return(w=e((()=>{t(),b(),s(),_(),a(),p(),u(),x=n(),S=({children:e,placement:t,open:n,defaultOpen:r,onOpenChange:a})=>(0,x.jsx)(i,{mode:`click`,placement:t,open:n,defaultOpen:r,onOpenChange:a,children:e}),C=Object.assign(S,{Trigger:y,Content:o,Item:g,Separator:h,GroupLabel:d}),S.__docgenInfo={description:``,methods:[],displayName:`DropdownMenuRoot`,props:{children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},placement:{required:!1,tsType:{name:`Placement`},description:``},open:{required:!1,tsType:{name:`boolean`},description:``},defaultOpen:{required:!1,tsType:{name:`boolean`},description:``},onOpenChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(open: boolean) => void`,signature:{arguments:[{type:{name:`boolean`},name:`open`}],return:{name:`void`}}},description:``}}}})))()}export{w as n,C as t};
@@ -1,2 +1,2 @@
1
- import{n as e,o as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{i as r,n as i,r as a}from"./iframe-CD1cMwos.js";import{a as o,i as s}from"./utils-DUM89eIj.js";import{n as c,t as l}from"./Button-BfLxUIid.js";import{n as u,t as d}from"./OneStepScroller-dsU38i0h.js";var f,p;function m(){return(m=e((()=>{r(),f=[[`path`,{d:`m11 17-5-5 5-5`,key:`13zhaf`}],[`path`,{d:`m18 17-5-5 5-5`,key:`h8a8et`}]],p=a(`chevrons-left`,f)})))()}var h,g;function _(){return(_=e((()=>{r(),h=[[`path`,{d:`m6 17 5-5-5-5`,key:`xnjwq`}],[`path`,{d:`m13 17 5-5-5-5`,key:`17xmmf`}]],g=a(`chevrons-right`,h)})))()}var v,y,b,x,S,C,w;function T(){return(T=e((()=>{v=`sj-rIq`,y=`_3anR7j`,b=`gMRIsT`,x=`f5Pv1e`,S=`q7eZzv`,C=`maUL24`,w={expandableActionPanel:v,content:y,contentScroller:b,labeledPanel:x,label:S,labeledActionPanel:C}})))()}function E({children:e,className:t,contentClassName:n,toggleClassName:r,open:i,defaultOpen:a=!1,disabled:s,onOpenChange:c,expandLabel:u=`Раскрыть панель действий влево`,collapseLabel:f=`Свернуть панель действий`,panelLabel:m=`Действия панели`,itemSelector:h,scrollPadding:_,smoothScroll:v}){let[y,b]=(0,D.useState)(a),x=(0,D.useId)(),S=i!==void 0,C=S?i:y,T=(0,D.useCallback)(e=>{let t=typeof e==`function`?e(C):e;S||b(t),c?.(t)},[S,c,C]),E=()=>T(e=>!e),k=C?g:p;return(0,O.jsxs)(`div`,{className:o(w.expandableActionPanel,t),"data-ui":`expandable-action-panel`,"data-open":C?``:void 0,children:[(0,O.jsx)(l,{className:r,icon:(0,O.jsx)(k,{}),title:C?f:u,disabled:s,variant:`neutralOutline`,"aria-expanded":C,"aria-controls":x,"data-ui":`expandable-action-panel-toggle`,"data-action":C?`collapse-action-panel`:`expand-action-panel`,onClick:E}),C&&(0,O.jsx)(`div`,{id:x,role:`group`,"aria-label":m,className:o(w.content,n),children:(0,O.jsx)(d,{className:w.contentScroller,itemSelector:h,scrollPadding:_,smooth:v,children:e})})]})}var D,O;function k(){return(k=e((()=>{D=t(n(),1),s(),m(),_(),c(),u(),T(),O=i(),E.__docgenInfo={description:`Горизонтальная раскрывающаяся панель действий.
1
+ import{n as e,o as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{i as r,n as i,r as a}from"./iframe-CyRHAH4o.js";import{a as o,i as s}from"./utils-DUM89eIj.js";import{n as c,t as l}from"./Button-CGuqXzCc.js";import{n as u,t as d}from"./OneStepScroller-CVMtNkB8.js";var f,p;function m(){return(m=e((()=>{r(),f=[[`path`,{d:`m11 17-5-5 5-5`,key:`13zhaf`}],[`path`,{d:`m18 17-5-5 5-5`,key:`h8a8et`}]],p=a(`chevrons-left`,f)})))()}var h,g;function _(){return(_=e((()=>{r(),h=[[`path`,{d:`m6 17 5-5-5-5`,key:`xnjwq`}],[`path`,{d:`m13 17 5-5-5-5`,key:`17xmmf`}]],g=a(`chevrons-right`,h)})))()}var v,y,b,x,S,C,w;function T(){return(T=e((()=>{v=`sj-rIq`,y=`_3anR7j`,b=`gMRIsT`,x=`f5Pv1e`,S=`q7eZzv`,C=`maUL24`,w={expandableActionPanel:v,content:y,contentScroller:b,labeledPanel:x,label:S,labeledActionPanel:C}})))()}function E({children:e,className:t,contentClassName:n,toggleClassName:r,open:i,defaultOpen:a=!1,disabled:s,onOpenChange:c,expandLabel:u=`Раскрыть панель действий влево`,collapseLabel:f=`Свернуть панель действий`,panelLabel:m=`Действия панели`,itemSelector:h,scrollPadding:_,smoothScroll:v}){let[y,b]=(0,D.useState)(a),x=(0,D.useId)(),S=i!==void 0,C=S?i:y,T=(0,D.useCallback)(e=>{let t=typeof e==`function`?e(C):e;S||b(t),c?.(t)},[S,c,C]),E=()=>T(e=>!e),k=C?g:p;return(0,O.jsxs)(`div`,{className:o(w.expandableActionPanel,t),"data-ui":`expandable-action-panel`,"data-open":C?``:void 0,children:[(0,O.jsx)(l,{className:r,icon:(0,O.jsx)(k,{}),title:C?f:u,disabled:s,variant:`neutralOutline`,"aria-expanded":C,"aria-controls":x,"data-ui":`expandable-action-panel-toggle`,"data-action":C?`collapse-action-panel`:`expand-action-panel`,onClick:E}),C&&(0,O.jsx)(`div`,{id:x,role:`group`,"aria-label":m,className:o(w.content,n),children:(0,O.jsx)(d,{className:w.contentScroller,itemSelector:h,scrollPadding:_,smooth:v,children:e})})]})}var D,O;function k(){return(k=e((()=>{D=t(n(),1),s(),m(),_(),c(),u(),T(),O=i(),E.__docgenInfo={description:`Горизонтальная раскрывающаяся панель действий.
2
2
  Не знает о внешнем layout и может использоваться рядом с любым содержимым.`,methods:[],displayName:`ExpandableActionPanel`,props:{className:{required:!1,tsType:{name:`string`},description:``},contentClassName:{required:!1,tsType:{name:`string`},description:``},toggleClassName:{required:!1,tsType:{name:`string`},description:``},open:{required:!1,tsType:{name:`boolean`},description:``},defaultOpen:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`false`,computed:!1}},disabled:{required:!1,tsType:{name:`boolean`},description:``},onOpenChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(open: boolean) => void`,signature:{arguments:[{type:{name:`boolean`},name:`open`}],return:{name:`void`}}},description:``},expandLabel:{required:!1,tsType:{name:`string`},description:``,defaultValue:{value:`"Раскрыть панель действий влево"`,computed:!1}},collapseLabel:{required:!1,tsType:{name:`string`},description:``,defaultValue:{value:`"Свернуть панель действий"`,computed:!1}},panelLabel:{required:!1,tsType:{name:`string`},description:``,defaultValue:{value:`"Действия панели"`,computed:!1}},itemSelector:{required:!1,tsType:{name:`string`},description:``},scrollPadding:{required:!1,tsType:{name:`number`},description:``},smoothScroll:{required:!1,tsType:{name:`boolean`},description:``}},composes:[`PropsWithChildren`]}})))()}export{T as i,k as n,w as r,E as t};
@@ -1,4 +1,4 @@
1
- import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r,t as i}from"./check-uBaZUURY.js";import{i as a,n as o,r as s,t as c}from"./ExpandableActionPanel-CBOJ7TTT.js";import{n as l,t as u}from"./CheckBox-3WpAVlwd.js";import{n as d,t as f}from"./refresh-cw-DpHq4LQP.js";import{n as p,t as m}from"./settings-2-Dz6u0Wf2.js";import{i as h,n as g,r as _}from"./iframe-CD1cMwos.js";import{a as v,i as y}from"./utils-DUM89eIj.js";import{n as b,t as x}from"./Button-BfLxUIid.js";import{n as S,t as C}from"./createControlledStoryRender-DHsyXc1B.js";import{a as w,c as T}from"./Input-DCQXBGK4.js";import{n as E,t as D}from"./Select-QJmM58Sy.js";var O,k;function A(){return(A=e((()=>{h(),O=[[`path`,{d:`m21 21-4.34-4.34`,key:`14j7rj`}],[`circle`,{cx:`11`,cy:`11`,r:`8`,key:`4ej97u`}]],k=_(`search`,O)})))()}function j({label:e,className:t,labelClassName:n,labelStyle:r,labelMinWidth:i=`12em`,panelClassName:a,open:o,defaultOpen:l,...u}){let d={...r,minWidth:i},f=typeof e==`string`?e:void 0;return(0,M.jsxs)(`div`,{className:v(s.labeledPanel,t),"data-ui":`labeled-expandable-action-panel`,children:[(0,M.jsx)(`div`,{className:v(`flexEllipsis`,s.label,n),style:d,title:f,children:e}),(0,M.jsx)(c,{...u,open:o,defaultOpen:l,className:v(s.labeledActionPanel,a)})]})}var M;function N(){return(N=e((()=>{n(),y(),o(),a(),M=g(),j.__docgenInfo={description:"Раскрывающаяся панель действий с левым текстом, который сжимается через `flexEllipsis`.",methods:[],displayName:`LabeledExpandableActionPanel`,props:{label:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},className:{required:!1,tsType:{name:`string`},description:``},labelClassName:{required:!1,tsType:{name:`string`},description:``},labelStyle:{required:!1,tsType:{name:`ReactCSSProperties`,raw:`React.CSSProperties`},description:``},labelMinWidth:{required:!1,tsType:{name:`ReactCSSProperties["minWidth"]`,raw:`React.CSSProperties["minWidth"]`},description:``,defaultValue:{value:`"12em"`,computed:!1}},panelClassName:{required:!1,tsType:{name:`string`},description:``}},composes:[`Omit`]}})))()}var P=t({BasePanel:()=>W,Labeled:()=>U,__namedExportsOrder:()=>G,default:()=>z});function F(){let[e,t]=(0,I.useState)(``),[n,r]=(0,I.useState)(!1),[a,o]=(0,I.useState)(`Все`);return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(`div`,{style:{width:`calc(14em + var(--width-add))`},children:(0,L.jsx)(w,{placeholder:`Поиск`,value:e,onChange:t,endAdornment:(0,L.jsx)(k,{})})}),(0,L.jsx)(`div`,{style:{width:`calc(12em + var(--width-add))`},children:(0,L.jsx)(D,{placeholder:`Статус`,options:B,value:a,onChange:o,getOptionKey:e=>e,getOptionLabel:e=>e})}),(0,L.jsx)(u,{placeholder:`Только мои`,value:n,onChange:r,noWrap:!0}),(0,L.jsx)(x,{icon:(0,L.jsx)(f,{}),title:`Обновить`}),(0,L.jsx)(x,{icon:(0,L.jsx)(m,{}),title:`Настроить`}),(0,L.jsx)(x,{icon:(0,L.jsx)(i,{}),tone:`success`,appearance:`solid`,children:`Применить`})]})}var I,L,R,z,B,V,H,U,W,G;function K(){return(K=e((()=>{I=n(),r(),d(),A(),p(),b(),l(),S(),T(),E(),o(),N(),L=g(),{fn:R}=__STORYBOOK_MODULE_TEST__,z={title:`Shared/UI/ExpandableActionPanel`,component:j,args:{label:`Длинное название строки с результатами расчёта и параметрами отбора`,labelMinWidth:`18em`,open:!1,defaultOpen:!1,disabled:!1,onOpenChange:R(),expandLabel:`Раскрыть панель действий влево`,collapseLabel:`Свернуть панель действий`,panelLabel:`Действия панели`,smoothScroll:!1,children:null},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Текст или ReactNode слева от панели.`,control:`text`},labelMinWidth:{description:"Минимальная ширина `flexEllipsis`-текста.",control:`text`},labelClassName:{description:`Дополнительный CSS-класс области подписи.`,control:`text`},labelStyle:{description:`Inline-стили области подписи.`,control:`object`},panelClassName:{description:`Дополнительный CSS-класс внутренней ExpandableActionPanel.`,control:`text`},contentClassName:{description:`Дополнительный CSS-класс раскрываемого контейнера действий.`,control:`text`},toggleClassName:{description:`Дополнительный CSS-класс кнопки раскрытия.`,control:`text`},open:{description:`Контролируемое состояние раскрытия.`,control:`boolean`},defaultOpen:{description:`Начальное состояние раскрытия в uncontrolled-режиме.`,control:`boolean`},disabled:{description:`Блокирует кнопку раскрытия.`,control:`boolean`},onOpenChange:{description:`Вызывается при раскрытии или сворачивании панели.`,control:!1},expandLabel:{description:`Tooltip и доступное имя кнопки в закрытом состоянии.`,control:`text`},collapseLabel:{description:`Tooltip и доступное имя кнопки в раскрытом состоянии.`,control:`text`},panelLabel:{description:`Доступное имя раскрытой группы действий.`,control:`text`},itemSelector:{description:`CSS-селектор элементов для пошаговой прокрутки.`,control:`text`},scrollPadding:{description:`Отступ пошаговой прокрутки в пикселях.`,control:{type:`number`,min:0,step:1}},smoothScroll:{description:`Включает плавную пошаговую прокрутку.`,control:`boolean`},children:{description:`Набор действий внутри раскрываемой панели.`,control:!1}}},B=[`Все`,`Активные`,`Архив`],V=C((e,t)=>(0,L.jsx)(`div`,{style:{width:`min(100%, 920px)`},children:(0,L.jsx)(j,{...e,open:e.open,onOpenChange:n=>{e.onOpenChange?.(n),t({open:n})},children:e.children??(0,L.jsx)(F,{})})})),H=C((e,t)=>(0,L.jsx)(`div`,{style:{width:`min(100%, 720px)`,display:`flex`,justifyContent:`flex-end`},children:(0,L.jsx)(c,{...e,open:e.open,onOpenChange:n=>{e.onOpenChange?.(n),t({open:n})},children:e.children??(0,L.jsx)(F,{})})})),U={render:V},W={args:{open:!0,panelLabel:`Действия панели`},render:H},U.parameters={...U.parameters,docs:{...U.parameters?.docs,source:{originalSource:`{
1
+ import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r,t as i}from"./check-BI1SJVLE.js";import{i as a,n as o,r as s,t as c}from"./ExpandableActionPanel-B9KEphZt.js";import{n as l,t as u}from"./CheckBox-BJL2UykG.js";import{n as d,t as f}from"./refresh-cw-koABHMz2.js";import{n as p,t as m}from"./settings-2-B-UnKmoE.js";import{i as h,n as g,r as _}from"./iframe-CyRHAH4o.js";import{a as v,i as y}from"./utils-DUM89eIj.js";import{n as b,t as x}from"./Button-CGuqXzCc.js";import{n as S,t as C}from"./createControlledStoryRender-DHsyXc1B.js";import{a as w,c as T}from"./Input-B9yXA1bX.js";import{n as E,t as D}from"./Select-RbjV8dmi.js";var O,k;function A(){return(A=e((()=>{h(),O=[[`path`,{d:`m21 21-4.34-4.34`,key:`14j7rj`}],[`circle`,{cx:`11`,cy:`11`,r:`8`,key:`4ej97u`}]],k=_(`search`,O)})))()}function j({label:e,className:t,labelClassName:n,labelStyle:r,labelMinWidth:i=`12em`,panelClassName:a,open:o,defaultOpen:l,...u}){let d={...r,minWidth:i},f=typeof e==`string`?e:void 0;return(0,M.jsxs)(`div`,{className:v(s.labeledPanel,t),"data-ui":`labeled-expandable-action-panel`,children:[(0,M.jsx)(`div`,{className:v(`flexEllipsis`,s.label,n),style:d,title:f,children:e}),(0,M.jsx)(c,{...u,open:o,defaultOpen:l,className:v(s.labeledActionPanel,a)})]})}var M;function N(){return(N=e((()=>{n(),y(),o(),a(),M=g(),j.__docgenInfo={description:"Раскрывающаяся панель действий с левым текстом, который сжимается через `flexEllipsis`.",methods:[],displayName:`LabeledExpandableActionPanel`,props:{label:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},className:{required:!1,tsType:{name:`string`},description:``},labelClassName:{required:!1,tsType:{name:`string`},description:``},labelStyle:{required:!1,tsType:{name:`ReactCSSProperties`,raw:`React.CSSProperties`},description:``},labelMinWidth:{required:!1,tsType:{name:`ReactCSSProperties["minWidth"]`,raw:`React.CSSProperties["minWidth"]`},description:``,defaultValue:{value:`"12em"`,computed:!1}},panelClassName:{required:!1,tsType:{name:`string`},description:``}},composes:[`Omit`]}})))()}var P=t({BasePanel:()=>W,Labeled:()=>U,__namedExportsOrder:()=>G,default:()=>z});function F(){let[e,t]=(0,I.useState)(``),[n,r]=(0,I.useState)(!1),[a,o]=(0,I.useState)(`Все`);return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(`div`,{style:{width:`calc(14em + var(--width-add))`},children:(0,L.jsx)(w,{placeholder:`Поиск`,value:e,onChange:t,endAdornment:(0,L.jsx)(k,{})})}),(0,L.jsx)(`div`,{style:{width:`calc(12em + var(--width-add))`},children:(0,L.jsx)(D,{placeholder:`Статус`,options:B,value:a,onChange:o,getOptionKey:e=>e,getOptionLabel:e=>e})}),(0,L.jsx)(u,{placeholder:`Только мои`,value:n,onChange:r,noWrap:!0}),(0,L.jsx)(x,{icon:(0,L.jsx)(f,{}),title:`Обновить`}),(0,L.jsx)(x,{icon:(0,L.jsx)(m,{}),title:`Настроить`}),(0,L.jsx)(x,{icon:(0,L.jsx)(i,{}),tone:`success`,appearance:`solid`,children:`Применить`})]})}var I,L,R,z,B,V,H,U,W,G;function K(){return(K=e((()=>{I=n(),r(),d(),A(),p(),b(),l(),S(),T(),E(),o(),N(),L=g(),{fn:R}=__STORYBOOK_MODULE_TEST__,z={title:`Shared/UI/ExpandableActionPanel`,component:j,args:{label:`Длинное название строки с результатами расчёта и параметрами отбора`,labelMinWidth:`18em`,open:!1,defaultOpen:!1,disabled:!1,onOpenChange:R(),expandLabel:`Раскрыть панель действий влево`,collapseLabel:`Свернуть панель действий`,panelLabel:`Действия панели`,smoothScroll:!1,children:null},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Текст или ReactNode слева от панели.`,control:`text`},labelMinWidth:{description:"Минимальная ширина `flexEllipsis`-текста.",control:`text`},labelClassName:{description:`Дополнительный CSS-класс области подписи.`,control:`text`},labelStyle:{description:`Inline-стили области подписи.`,control:`object`},panelClassName:{description:`Дополнительный CSS-класс внутренней ExpandableActionPanel.`,control:`text`},contentClassName:{description:`Дополнительный CSS-класс раскрываемого контейнера действий.`,control:`text`},toggleClassName:{description:`Дополнительный CSS-класс кнопки раскрытия.`,control:`text`},open:{description:`Контролируемое состояние раскрытия.`,control:`boolean`},defaultOpen:{description:`Начальное состояние раскрытия в uncontrolled-режиме.`,control:`boolean`},disabled:{description:`Блокирует кнопку раскрытия.`,control:`boolean`},onOpenChange:{description:`Вызывается при раскрытии или сворачивании панели.`,control:!1},expandLabel:{description:`Tooltip и доступное имя кнопки в закрытом состоянии.`,control:`text`},collapseLabel:{description:`Tooltip и доступное имя кнопки в раскрытом состоянии.`,control:`text`},panelLabel:{description:`Доступное имя раскрытой группы действий.`,control:`text`},itemSelector:{description:`CSS-селектор элементов для пошаговой прокрутки.`,control:`text`},scrollPadding:{description:`Отступ пошаговой прокрутки в пикселях.`,control:{type:`number`,min:0,step:1}},smoothScroll:{description:`Включает плавную пошаговую прокрутку.`,control:`boolean`},children:{description:`Набор действий внутри раскрываемой панели.`,control:!1}}},B=[`Все`,`Активные`,`Архив`],V=C((e,t)=>(0,L.jsx)(`div`,{style:{width:`min(100%, 920px)`},children:(0,L.jsx)(j,{...e,open:e.open,onOpenChange:n=>{e.onOpenChange?.(n),t({open:n})},children:e.children??(0,L.jsx)(F,{})})})),H=C((e,t)=>(0,L.jsx)(`div`,{style:{width:`min(100%, 720px)`,display:`flex`,justifyContent:`flex-end`},children:(0,L.jsx)(c,{...e,open:e.open,onOpenChange:n=>{e.onOpenChange?.(n),t({open:n})},children:e.children??(0,L.jsx)(F,{})})})),U={render:V},W={args:{open:!0,panelLabel:`Действия панели`},render:H},U.parameters={...U.parameters,docs:{...U.parameters?.docs,source:{originalSource:`{
2
2
  render: renderLabeledPanelStory
3
3
  }`,...U.parameters?.docs?.source}}},W.parameters={...W.parameters,docs:{...W.parameters?.docs,source:{originalSource:`{
4
4
  args: {
@@ -1,4 +1,4 @@
1
- import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-CD1cMwos.js";import{i as n,r}from"./react-qN2cStNd.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-BkGgmJsC.js";import{a as p,c as m,d as h,f as g,i as _,l as v,n as y,o as b,p as x,r as S,s as C,t as w,u as T}from"./Flex.stories-CEgggepS.js";function E(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)(s,{of:b,parameters:{docs:{toc:!0}}}),`
1
+ import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-CyRHAH4o.js";import{i as n,r}from"./react-qN2cStNd.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-BAkpxLLq.js";import{a as p,c as m,d as h,f as g,i as _,l as v,n as y,o as b,p as x,r as S,s as C,t as w,u as T}from"./Flex.stories-CisdWxc2.js";function E(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)(s,{of:b,parameters:{docs:{toc:!0}}}),`
2
2
  `,(0,O.jsx)(u,{children:`Flex`}),`
3
3
  `,(0,O.jsx)(o,{children:`Набор flex-layout примитивов для строк, колонок и быстрых компоновок интерфейса`}),`
4
4
  `,(0,O.jsx)(t.p,{children:`Flex уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
@@ -1,4 +1,4 @@
1
- import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r}from"./iframe-CD1cMwos.js";import{i,t as a}from"./useFlexClasses-Gn9spXEB.js";import{n as o,t as s}from"./FlexContainer-LmZIdhq2.js";import{n as c,t as l}from"./FlexItem-vkDYa5tA.js";var u,d,f;function p(){return(p=e((()=>{u=n(),o(),a(),d=r(),f=(0,u.forwardRef)(({variant:e,children:t,className:n=``,...r},a)=>{let o=[i(e??``),n].filter(Boolean).join(` `);return(0,d.jsx)(s,{ref:a,className:o,...r,children:t})}),f.displayName=`PredefinedFlex`,f.__docgenInfo={description:``,methods:[],displayName:`PredefinedFlex`,props:{variant:{required:!1,tsType:{name:`union`,raw:`"center" | "centerBetween" | "columnCenter"`,elements:[{name:`literal`,value:`"center"`},{name:`literal`,value:`"centerBetween"`},{name:`literal`,value:`"columnCenter"`}]},description:``},className:{defaultValue:{value:`""`,computed:!1},required:!1}},composes:[`Omit`]}})))()}var m;function h(){return(h=e((()=>{o(),c(),p(),m={Container:s,Item:l,Predefined:f}})))()}var g=t({AlignItems:()=>D,BasicColumn:()=>w,BasicRow:()=>C,Directions:()=>T,FlexItems:()=>A,Gaps:()=>k,InlineFlex:()=>M,JustifyContent:()=>E,Predefined:()=>j,RealWorld:()=>N,Wrapping:()=>O,__namedExportsOrder:()=>P,default:()=>S}),_,v,y,b,x,S,C,w,T,E,D,O,k,A,j,M,N,P;function F(){return(F=e((()=>{n(),h(),_=r(),{useArgs:v}=__STORYBOOK_MODULE_PREVIEW_API__,y={container:{border:`2px dashed var(--border-0)`,padding:`2em`,marginBlock:`1em`},item:{padding:`16px`,textAlign:`center`,fontWeight:`bold`,color:`white`,minHeight:`5em`,minWidth:`10em`,display:`flex`,alignItems:`center`,justifyContent:`center`},itemColors:[`#ff6b6b`,`#4ecdc4`,`#45b7d1`,`#96ceb4`,`#feca57`,`#ff9ff3`]},b=e=>y.itemColors[e%y.itemColors.length],x=({children:e,index:t=0})=>(0,_.jsx)(m.Item,{style:{...y.item,backgroundColor:b(t)},children:e}),S={title:`Shared/Layout/Flex`,component:m.Container,args:{row:!0,gap:`md`},parameters:{layout:`padded`},decorators:[e=>{let[t]=v();return(0,_.jsx)(e,{args:t})}],argTypes:{inline:{description:`Использует inline-flex вместо flex.`,control:`boolean`},row:{description:`Направляет элементы по строке.`,control:`boolean`},column:{description:`Направляет элементы по колонке.`,control:`boolean`},rowReverse:{description:`Разворачивает порядок строки.`,control:`boolean`},columnReverse:{description:`Разворачивает порядок колонки.`,control:`boolean`},wrap:{description:`Разрешает перенос элементов.`,control:`boolean`},nowrap:{description:`Запрещает перенос элементов.`,control:`boolean`},wrapReverse:{description:`Разворачивает направление строк при переносе.`,control:`boolean`},align:{description:`Выравнивание по поперечной оси.`,control:`select`,options:[`start`,`center`,`end`,`stretch`,`baseline`]},justify:{description:`Выравнивание по главной оси.`,control:`select`,options:[`start`,`center`,`end`,`stretch`,`between`,`around`,`evenly`]},alignContent:{description:`Распределение строк по поперечной оси.`,control:`select`,options:[`start`,`center`,`end`,`stretch`,`between`,`around`,`evenly`]},gap:{description:`Общий интервал между элементами.`,control:`select`,options:[`none`,`xs`,`sm`,`md`,`lg`,`xl`]},gapRow:{description:`Интервал между строками.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]},gapColumn:{description:`Интервал между колонками.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]},as:{description:`Семантический HTML-тег контейнера.`,control:`select`,options:[`div`,`section`,`main`,`nav`,`ul`]},children:{description:`Содержимое flex-контейнера.`,control:!1}}},C={render:e=>(0,_.jsx)(m.Container,{...e,style:y.container}),args:{children:(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(x,{index:0,children:`Item 1`}),(0,_.jsx)(x,{index:1,children:`Item 2`}),(0,_.jsx)(x,{index:2,children:`Item 3`})]}),row:!0}},w={render:e=>(0,_.jsx)(m.Container,{...e,style:y.container}),args:{children:(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(x,{index:0,children:`Header`}),(0,_.jsx)(x,{index:1,children:`Content`}),(0,_.jsx)(x,{index:2,children:`Footer`})]}),column:!0}},T={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsx)(`h3`,{children:`Row (default)`}),(0,_.jsxs)(m.Container,{row:!0,style:y.container,children:[(0,_.jsx)(x,{index:0,children:`1`}),(0,_.jsx)(x,{index:1,children:`2`}),(0,_.jsx)(x,{index:2,children:`3`})]}),(0,_.jsx)(`h3`,{children:`Row Reverse`}),(0,_.jsxs)(m.Container,{rowReverse:!0,style:y.container,children:[(0,_.jsx)(x,{index:0,children:`1`}),(0,_.jsx)(x,{index:1,children:`2`}),(0,_.jsx)(x,{index:2,children:`3`})]}),(0,_.jsx)(`h3`,{children:`Column`}),(0,_.jsxs)(m.Container,{column:!0,style:y.container,children:[(0,_.jsx)(x,{index:0,children:`1`}),(0,_.jsx)(x,{index:1,children:`2`}),(0,_.jsx)(x,{index:2,children:`3`})]}),(0,_.jsx)(`h3`,{children:`Column Reverse`}),(0,_.jsxs)(m.Container,{columnReverse:!0,style:y.container,children:[(0,_.jsx)(x,{index:0,children:`1`}),(0,_.jsx)(x,{index:1,children:`2`}),(0,_.jsx)(x,{index:2,children:`3`})]})]}),args:{children:void 0}},E={render:()=>(0,_.jsx)(`div`,{children:[`start`,`center`,`end`,`between`,`around`,`evenly`].map(e=>(0,_.jsxs)(`div`,{children:[(0,_.jsxs)(`h3`,{children:[`Justify: `,e]}),(0,_.jsxs)(m.Container,{row:!0,justify:e,style:y.container,children:[(0,_.jsx)(x,{index:0,children:`Item 1`}),(0,_.jsx)(x,{index:1,children:`Item 2`}),(0,_.jsx)(x,{index:2,children:`Item 3`})]})]},e))}),args:{children:void 0}},D={render:()=>(0,_.jsx)(`div`,{children:[`start`,`center`,`end`,`stretch`,`baseline`].map(e=>(0,_.jsxs)(`div`,{children:[(0,_.jsxs)(`h3`,{children:[`Align: `,e]}),(0,_.jsxs)(m.Container,{row:!0,align:e,style:{...y.container,height:`120px`},children:[(0,_.jsx)(x,{index:0,children:(0,_.jsx)(`div`,{children:`Short`})}),(0,_.jsx)(x,{index:1,children:(0,_.jsx)(`div`,{style:{padding:`40px`},children:`Tall`})}),(0,_.jsx)(x,{index:2,children:(0,_.jsx)(`div`,{style:{padding:`24px`},children:`Medium`})})]})]},e))}),args:{children:void 0}},O={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsx)(`h3`,{children:`No Wrap (default)`}),(0,_.jsx)(m.Container,{row:!0,nowrap:!0,style:y.container,children:[1,2,3,4,5,6,7,8,9,10,11,12].map(e=>(0,_.jsxs)(x,{index:e,children:[`Item `,e]},e))}),(0,_.jsx)(`h3`,{children:`Wrap`}),(0,_.jsx)(m.Container,{row:!0,wrap:!0,style:y.container,children:[1,2,3,4,5,6,7,8,9,10,11,12].map(e=>(0,_.jsxs)(x,{index:e,children:[`Item `,e]},e))}),(0,_.jsx)(`h3`,{children:`Wrap Reverse`}),(0,_.jsx)(m.Container,{row:!0,wrapReverse:!0,style:y.container,children:[1,2,3,4,5,6,7,8,9,10,11,12].map(e=>(0,_.jsxs)(x,{index:e,children:[`Item `,e]},e))})]}),args:{children:void 0}},k={render:()=>(0,_.jsxs)(`div`,{children:[[`xs`,`sm`,`md`,`lg`,`xl`].map(e=>(0,_.jsxs)(`div`,{children:[(0,_.jsxs)(`h3`,{children:[`Gap: `,e]}),(0,_.jsx)(m.Container,{row:!0,wrap:!0,gap:e,style:y.container,children:[1,2,3,4,5,6].map(e=>(0,_.jsxs)(x,{index:e,children:[`Item `,e]},e))})]},e)),(0,_.jsx)(`h3`,{children:`Different Row and Column Gaps`}),(0,_.jsx)(m.Container,{row:!0,wrap:!0,gapRow:`lg`,gapColumn:`sm`,style:y.container,children:[1,2,3,4,5,6,7,8,9,10,11,12].map(e=>(0,_.jsxs)(x,{index:e,children:[`Item `,e]},e))})]}),args:{children:void 0}},A={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsx)(`h3`,{children:`Grow Properties`}),(0,_.jsxs)(m.Container,{row:!0,style:y.container,children:[(0,_.jsx)(x,{index:0,children:`Default`}),(0,_.jsx)(m.Item,{grow:!0,children:(0,_.jsx)(`div`,{style:{...y.item,backgroundColor:b(1)},children:`Grow`})}),(0,_.jsx)(x,{index:2,children:`Default`})]}),(0,_.jsx)(`h3`,{children:`Shrink Properties`}),(0,_.jsxs)(m.Container,{row:!0,style:{...y.container,width:`300px`},children:[(0,_.jsx)(m.Item,{shrink:!1,children:(0,_.jsx)(`div`,{style:{...y.item,backgroundColor:b(0),width:`150px`},children:`No Shrink`})}),(0,_.jsx)(m.Item,{children:(0,_.jsx)(`div`,{style:{...y.item,backgroundColor:b(1),width:`150px`},children:`Shrink (default)`})})]}),(0,_.jsx)(`h3`,{children:`Composite Classes`}),(0,_.jsxs)(m.Container,{row:!0,style:y.container,children:[(0,_.jsx)(m.Item,{flex0:!0,children:(0,_.jsx)(`div`,{style:{...y.item,backgroundColor:b(0)},children:`flex0`})}),(0,_.jsx)(m.Item,{flex1:!0,children:(0,_.jsx)(`div`,{style:{...y.item,backgroundColor:b(1)},children:`flex1`})}),(0,_.jsx)(m.Item,{flex0:!0,children:(0,_.jsx)(`div`,{style:{...y.item,backgroundColor:b(2)},children:`flex0`})})]})]}),args:{children:void 0}},j={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsx)(`h3`,{children:`Center`}),(0,_.jsx)(m.Predefined,{variant:`center`,style:{...y.container,height:`100px`},children:(0,_.jsx)(x,{index:0,children:`Centered Content`})}),(0,_.jsx)(`h3`,{children:`Center Between`}),(0,_.jsxs)(m.Predefined,{variant:`centerBetween`,style:y.container,children:[(0,_.jsx)(x,{index:0,children:`Left`}),(0,_.jsx)(x,{index:1,children:`Right`})]})]}),args:{children:void 0}},M={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsxs)(`p`,{children:[`This is text with`,(0,_.jsxs)(m.Container,{inline:!0,align:`center`,gap:`sm`,style:{margin:`0 8px`},children:[(0,_.jsx)(x,{index:0,children:`inline`}),(0,_.jsx)(x,{index:1,children:`flex`})]}),`elements inside.`]}),(0,_.jsxs)(`p`,{children:[`Another example with`,(0,_.jsxs)(m.Container,{inline:!0,column:!0,gap:`xs`,style:{margin:`0 8px`},children:[(0,_.jsx)(x,{index:2,children:`vertical`}),(0,_.jsx)(x,{index:3,children:`inline`})]}),`flex.`]})]}),args:{children:void 0}},N={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsx)(`h3`,{children:`Navigation Bar`}),(0,_.jsxs)(m.Predefined,{variant:`centerBetween`,style:y.container,children:[(0,_.jsxs)(m.Container,{row:!0,align:`center`,gap:`md`,children:[(0,_.jsx)(x,{index:0,children:`Logo`}),(0,_.jsx)(x,{index:1,children:`Home`}),(0,_.jsx)(x,{index:2,children:`About`}),(0,_.jsx)(x,{index:3,children:`Contact`})]}),(0,_.jsx)(x,{index:4,children:`Login`})]}),(0,_.jsx)(`h3`,{children:`Card Layout`}),(0,_.jsx)(m.Container,{row:!0,wrap:!0,gap:`lg`,style:y.container,children:[1,2,3,4].map(e=>(0,_.jsx)(m.Item,{flex1:!0,style:{minWidth:`200px`},children:(0,_.jsxs)(`div`,{style:{border:`1px solid #ddd`,borderRadius:`8px`,padding:`16px`,textAlign:`center`,backgroundColor:b(e)},children:[(0,_.jsxs)(`h4`,{children:[`Card `,e]}),(0,_.jsx)(`p`,{children:`Card content goes here`})]})},e))}),(0,_.jsx)(`h3`,{children:`Form Layout`}),(0,_.jsxs)(m.Container,{column:!0,gap:`md`,style:y.container,children:[(0,_.jsxs)(m.Container,{row:!0,gap:`md`,children:[(0,_.jsx)(m.Item,{flex1:!0,children:(0,_.jsx)(x,{index:0,children:`First Name`})}),(0,_.jsx)(m.Item,{flex1:!0,children:(0,_.jsx)(x,{index:1,children:`Last Name`})})]}),(0,_.jsx)(x,{index:2,children:`Email`}),(0,_.jsx)(x,{index:3,children:`Message`})]})]}),args:{children:void 0}},C.parameters={...C.parameters,docs:{...C.parameters?.docs,source:{originalSource:`{
1
+ import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r}from"./iframe-CyRHAH4o.js";import{i,t as a}from"./useFlexClasses-Gn9spXEB.js";import{n as o,t as s}from"./FlexContainer-LmZIdhq2.js";import{n as c,t as l}from"./FlexItem-vkDYa5tA.js";var u,d,f;function p(){return(p=e((()=>{u=n(),o(),a(),d=r(),f=(0,u.forwardRef)(({variant:e,children:t,className:n=``,...r},a)=>{let o=[i(e??``),n].filter(Boolean).join(` `);return(0,d.jsx)(s,{ref:a,className:o,...r,children:t})}),f.displayName=`PredefinedFlex`,f.__docgenInfo={description:``,methods:[],displayName:`PredefinedFlex`,props:{variant:{required:!1,tsType:{name:`union`,raw:`"center" | "centerBetween" | "columnCenter"`,elements:[{name:`literal`,value:`"center"`},{name:`literal`,value:`"centerBetween"`},{name:`literal`,value:`"columnCenter"`}]},description:``},className:{defaultValue:{value:`""`,computed:!1},required:!1}},composes:[`Omit`]}})))()}var m;function h(){return(h=e((()=>{o(),c(),p(),m={Container:s,Item:l,Predefined:f}})))()}var g=t({AlignItems:()=>D,BasicColumn:()=>w,BasicRow:()=>C,Directions:()=>T,FlexItems:()=>A,Gaps:()=>k,InlineFlex:()=>M,JustifyContent:()=>E,Predefined:()=>j,RealWorld:()=>N,Wrapping:()=>O,__namedExportsOrder:()=>P,default:()=>S}),_,v,y,b,x,S,C,w,T,E,D,O,k,A,j,M,N,P;function F(){return(F=e((()=>{n(),h(),_=r(),{useArgs:v}=__STORYBOOK_MODULE_PREVIEW_API__,y={container:{border:`2px dashed var(--border-0)`,padding:`2em`,marginBlock:`1em`},item:{padding:`16px`,textAlign:`center`,fontWeight:`bold`,color:`white`,minHeight:`5em`,minWidth:`10em`,display:`flex`,alignItems:`center`,justifyContent:`center`},itemColors:[`#ff6b6b`,`#4ecdc4`,`#45b7d1`,`#96ceb4`,`#feca57`,`#ff9ff3`]},b=e=>y.itemColors[e%y.itemColors.length],x=({children:e,index:t=0})=>(0,_.jsx)(m.Item,{style:{...y.item,backgroundColor:b(t)},children:e}),S={title:`Shared/Layout/Flex`,component:m.Container,args:{row:!0,gap:`md`},parameters:{layout:`padded`},decorators:[e=>{let[t]=v();return(0,_.jsx)(e,{args:t})}],argTypes:{inline:{description:`Использует inline-flex вместо flex.`,control:`boolean`},row:{description:`Направляет элементы по строке.`,control:`boolean`},column:{description:`Направляет элементы по колонке.`,control:`boolean`},rowReverse:{description:`Разворачивает порядок строки.`,control:`boolean`},columnReverse:{description:`Разворачивает порядок колонки.`,control:`boolean`},wrap:{description:`Разрешает перенос элементов.`,control:`boolean`},nowrap:{description:`Запрещает перенос элементов.`,control:`boolean`},wrapReverse:{description:`Разворачивает направление строк при переносе.`,control:`boolean`},align:{description:`Выравнивание по поперечной оси.`,control:`select`,options:[`start`,`center`,`end`,`stretch`,`baseline`]},justify:{description:`Выравнивание по главной оси.`,control:`select`,options:[`start`,`center`,`end`,`stretch`,`between`,`around`,`evenly`]},alignContent:{description:`Распределение строк по поперечной оси.`,control:`select`,options:[`start`,`center`,`end`,`stretch`,`between`,`around`,`evenly`]},gap:{description:`Общий интервал между элементами.`,control:`select`,options:[`none`,`xs`,`sm`,`md`,`lg`,`xl`]},gapRow:{description:`Интервал между строками.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]},gapColumn:{description:`Интервал между колонками.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]},as:{description:`Семантический HTML-тег контейнера.`,control:`select`,options:[`div`,`section`,`main`,`nav`,`ul`]},children:{description:`Содержимое flex-контейнера.`,control:!1}}},C={render:e=>(0,_.jsx)(m.Container,{...e,style:y.container}),args:{children:(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(x,{index:0,children:`Item 1`}),(0,_.jsx)(x,{index:1,children:`Item 2`}),(0,_.jsx)(x,{index:2,children:`Item 3`})]}),row:!0}},w={render:e=>(0,_.jsx)(m.Container,{...e,style:y.container}),args:{children:(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(x,{index:0,children:`Header`}),(0,_.jsx)(x,{index:1,children:`Content`}),(0,_.jsx)(x,{index:2,children:`Footer`})]}),column:!0}},T={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsx)(`h3`,{children:`Row (default)`}),(0,_.jsxs)(m.Container,{row:!0,style:y.container,children:[(0,_.jsx)(x,{index:0,children:`1`}),(0,_.jsx)(x,{index:1,children:`2`}),(0,_.jsx)(x,{index:2,children:`3`})]}),(0,_.jsx)(`h3`,{children:`Row Reverse`}),(0,_.jsxs)(m.Container,{rowReverse:!0,style:y.container,children:[(0,_.jsx)(x,{index:0,children:`1`}),(0,_.jsx)(x,{index:1,children:`2`}),(0,_.jsx)(x,{index:2,children:`3`})]}),(0,_.jsx)(`h3`,{children:`Column`}),(0,_.jsxs)(m.Container,{column:!0,style:y.container,children:[(0,_.jsx)(x,{index:0,children:`1`}),(0,_.jsx)(x,{index:1,children:`2`}),(0,_.jsx)(x,{index:2,children:`3`})]}),(0,_.jsx)(`h3`,{children:`Column Reverse`}),(0,_.jsxs)(m.Container,{columnReverse:!0,style:y.container,children:[(0,_.jsx)(x,{index:0,children:`1`}),(0,_.jsx)(x,{index:1,children:`2`}),(0,_.jsx)(x,{index:2,children:`3`})]})]}),args:{children:void 0}},E={render:()=>(0,_.jsx)(`div`,{children:[`start`,`center`,`end`,`between`,`around`,`evenly`].map(e=>(0,_.jsxs)(`div`,{children:[(0,_.jsxs)(`h3`,{children:[`Justify: `,e]}),(0,_.jsxs)(m.Container,{row:!0,justify:e,style:y.container,children:[(0,_.jsx)(x,{index:0,children:`Item 1`}),(0,_.jsx)(x,{index:1,children:`Item 2`}),(0,_.jsx)(x,{index:2,children:`Item 3`})]})]},e))}),args:{children:void 0}},D={render:()=>(0,_.jsx)(`div`,{children:[`start`,`center`,`end`,`stretch`,`baseline`].map(e=>(0,_.jsxs)(`div`,{children:[(0,_.jsxs)(`h3`,{children:[`Align: `,e]}),(0,_.jsxs)(m.Container,{row:!0,align:e,style:{...y.container,height:`120px`},children:[(0,_.jsx)(x,{index:0,children:(0,_.jsx)(`div`,{children:`Short`})}),(0,_.jsx)(x,{index:1,children:(0,_.jsx)(`div`,{style:{padding:`40px`},children:`Tall`})}),(0,_.jsx)(x,{index:2,children:(0,_.jsx)(`div`,{style:{padding:`24px`},children:`Medium`})})]})]},e))}),args:{children:void 0}},O={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsx)(`h3`,{children:`No Wrap (default)`}),(0,_.jsx)(m.Container,{row:!0,nowrap:!0,style:y.container,children:[1,2,3,4,5,6,7,8,9,10,11,12].map(e=>(0,_.jsxs)(x,{index:e,children:[`Item `,e]},e))}),(0,_.jsx)(`h3`,{children:`Wrap`}),(0,_.jsx)(m.Container,{row:!0,wrap:!0,style:y.container,children:[1,2,3,4,5,6,7,8,9,10,11,12].map(e=>(0,_.jsxs)(x,{index:e,children:[`Item `,e]},e))}),(0,_.jsx)(`h3`,{children:`Wrap Reverse`}),(0,_.jsx)(m.Container,{row:!0,wrapReverse:!0,style:y.container,children:[1,2,3,4,5,6,7,8,9,10,11,12].map(e=>(0,_.jsxs)(x,{index:e,children:[`Item `,e]},e))})]}),args:{children:void 0}},k={render:()=>(0,_.jsxs)(`div`,{children:[[`xs`,`sm`,`md`,`lg`,`xl`].map(e=>(0,_.jsxs)(`div`,{children:[(0,_.jsxs)(`h3`,{children:[`Gap: `,e]}),(0,_.jsx)(m.Container,{row:!0,wrap:!0,gap:e,style:y.container,children:[1,2,3,4,5,6].map(e=>(0,_.jsxs)(x,{index:e,children:[`Item `,e]},e))})]},e)),(0,_.jsx)(`h3`,{children:`Different Row and Column Gaps`}),(0,_.jsx)(m.Container,{row:!0,wrap:!0,gapRow:`lg`,gapColumn:`sm`,style:y.container,children:[1,2,3,4,5,6,7,8,9,10,11,12].map(e=>(0,_.jsxs)(x,{index:e,children:[`Item `,e]},e))})]}),args:{children:void 0}},A={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsx)(`h3`,{children:`Grow Properties`}),(0,_.jsxs)(m.Container,{row:!0,style:y.container,children:[(0,_.jsx)(x,{index:0,children:`Default`}),(0,_.jsx)(m.Item,{grow:!0,children:(0,_.jsx)(`div`,{style:{...y.item,backgroundColor:b(1)},children:`Grow`})}),(0,_.jsx)(x,{index:2,children:`Default`})]}),(0,_.jsx)(`h3`,{children:`Shrink Properties`}),(0,_.jsxs)(m.Container,{row:!0,style:{...y.container,width:`300px`},children:[(0,_.jsx)(m.Item,{shrink:!1,children:(0,_.jsx)(`div`,{style:{...y.item,backgroundColor:b(0),width:`150px`},children:`No Shrink`})}),(0,_.jsx)(m.Item,{children:(0,_.jsx)(`div`,{style:{...y.item,backgroundColor:b(1),width:`150px`},children:`Shrink (default)`})})]}),(0,_.jsx)(`h3`,{children:`Composite Classes`}),(0,_.jsxs)(m.Container,{row:!0,style:y.container,children:[(0,_.jsx)(m.Item,{flex0:!0,children:(0,_.jsx)(`div`,{style:{...y.item,backgroundColor:b(0)},children:`flex0`})}),(0,_.jsx)(m.Item,{flex1:!0,children:(0,_.jsx)(`div`,{style:{...y.item,backgroundColor:b(1)},children:`flex1`})}),(0,_.jsx)(m.Item,{flex0:!0,children:(0,_.jsx)(`div`,{style:{...y.item,backgroundColor:b(2)},children:`flex0`})})]})]}),args:{children:void 0}},j={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsx)(`h3`,{children:`Center`}),(0,_.jsx)(m.Predefined,{variant:`center`,style:{...y.container,height:`100px`},children:(0,_.jsx)(x,{index:0,children:`Centered Content`})}),(0,_.jsx)(`h3`,{children:`Center Between`}),(0,_.jsxs)(m.Predefined,{variant:`centerBetween`,style:y.container,children:[(0,_.jsx)(x,{index:0,children:`Left`}),(0,_.jsx)(x,{index:1,children:`Right`})]})]}),args:{children:void 0}},M={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsxs)(`p`,{children:[`This is text with`,(0,_.jsxs)(m.Container,{inline:!0,align:`center`,gap:`sm`,style:{margin:`0 8px`},children:[(0,_.jsx)(x,{index:0,children:`inline`}),(0,_.jsx)(x,{index:1,children:`flex`})]}),`elements inside.`]}),(0,_.jsxs)(`p`,{children:[`Another example with`,(0,_.jsxs)(m.Container,{inline:!0,column:!0,gap:`xs`,style:{margin:`0 8px`},children:[(0,_.jsx)(x,{index:2,children:`vertical`}),(0,_.jsx)(x,{index:3,children:`inline`})]}),`flex.`]})]}),args:{children:void 0}},N={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsx)(`h3`,{children:`Navigation Bar`}),(0,_.jsxs)(m.Predefined,{variant:`centerBetween`,style:y.container,children:[(0,_.jsxs)(m.Container,{row:!0,align:`center`,gap:`md`,children:[(0,_.jsx)(x,{index:0,children:`Logo`}),(0,_.jsx)(x,{index:1,children:`Home`}),(0,_.jsx)(x,{index:2,children:`About`}),(0,_.jsx)(x,{index:3,children:`Contact`})]}),(0,_.jsx)(x,{index:4,children:`Login`})]}),(0,_.jsx)(`h3`,{children:`Card Layout`}),(0,_.jsx)(m.Container,{row:!0,wrap:!0,gap:`lg`,style:y.container,children:[1,2,3,4].map(e=>(0,_.jsx)(m.Item,{flex1:!0,style:{minWidth:`200px`},children:(0,_.jsxs)(`div`,{style:{border:`1px solid #ddd`,borderRadius:`8px`,padding:`16px`,textAlign:`center`,backgroundColor:b(e)},children:[(0,_.jsxs)(`h4`,{children:[`Card `,e]}),(0,_.jsx)(`p`,{children:`Card content goes here`})]})},e))}),(0,_.jsx)(`h3`,{children:`Form Layout`}),(0,_.jsxs)(m.Container,{column:!0,gap:`md`,style:y.container,children:[(0,_.jsxs)(m.Container,{row:!0,gap:`md`,children:[(0,_.jsx)(m.Item,{flex1:!0,children:(0,_.jsx)(x,{index:0,children:`First Name`})}),(0,_.jsx)(m.Item,{flex1:!0,children:(0,_.jsx)(x,{index:1,children:`Last Name`})})]}),(0,_.jsx)(x,{index:2,children:`Email`}),(0,_.jsx)(x,{index:3,children:`Message`})]})]}),args:{children:void 0}},C.parameters={...C.parameters,docs:{...C.parameters?.docs,source:{originalSource:`{
2
2
  render: args => <Flex.Container {...args} style={demoStyles.container} />,
3
3
  args: {
4
4
  children: <>
@@ -1 +1 @@
1
- import{n as e,o as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r}from"./iframe-CD1cMwos.js";import{t as i}from"./react-dom-2o2phaJG.js";import{a,i as o}from"./utils-DUM89eIj.js";import{a as s,c,d as l,g as u,i as d,l as f,m as p,o as m,p as h,r as g,s as _}from"./floating-ui.react-CHmsuwKl.js";function v(e,t){if(!t?.arrow)return{};let{x:n,y:r}=t.arrow,i=e.split(`-`)[0],a={top:`bottom`,right:`left`,bottom:`top`,left:`right`}[i],o={top:`rotate(180deg)`,right:`rotate(-90deg)`,bottom:`rotate(0deg)`,left:`rotate(90deg)`}[i];return{pointerEvents:`none`,position:`absolute`,zIndex:-5,width:`16px`,height:`16px`,left:n==null?``:`${n}px`,top:r==null?``:`${r}px`,transform:o,[a]:`-16px`}}var y,b,x;function S(){return(S=e((()=>{y=n(),b=r(),x=(0,y.forwardRef)(({placement:e,middlewareData:t},n)=>(0,b.jsx)(`div`,{ref:n,style:v(e,t),children:(0,b.jsx)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`var(--border-2)`,stroke:`var(--border-2)`,strokeWidth:`var(--border-width)`,style:{display:`block`},children:(0,b.jsx)(`polygon`,{points:`8,8 16,16 0,16`})})})),x.__docgenInfo={description:``,methods:[],displayName:`FloatingArrow`,props:{placement:{required:!0,tsType:{name:`Placement`},description:``},middlewareData:{required:!0,tsType:{name:`MiddlewareData`},description:``}}}})))()}var C,w,T,E,D,O,k,A;function j(){return(j=e((()=>{C=`sZ0x6w`,w=`_538Ejd`,T=`fqciCO`,E=`sHkUiQ`,D=`bpGNoX`,O=`tYnRg-`,k=`_8lflEh`,A={tooltipPanel:C,tooltip:w,negative:T,information:E,error:D,warning:O,success:k}})))()}var M,N,P,F;function I(){return(I=e((()=>{M=t(n(),1),g(),o(),N=i(),S(),j(),P=r(),F=({content:e,children:t,openOnHover:n=!0,placement:r=`bottom`,openDelay:i=200,closeDelay:o=100,maxWidth:g,state:v,tooltip:y,positionUpdateKey:b})=>{let[S,C]=(0,M.useState)(!1),w=(0,M.useRef)(null),{refs:T,floatingStyles:E,middlewareData:D,context:O,placement:k,update:j}=s({open:S,onOpenChange:C,placement:r,middleware:[h(8),l({fallbackAxisSideDirection:`end`,fallbackPlacements:[`top`,`right`,`bottom`]}),p({padding:16}),f({element:w,padding:8})],whileElementsMounted:u});(0,M.useLayoutEffect)(()=>{S&&j()},[S,b,j]);let F=m(O,{enabled:n,move:!1,delay:{open:i,close:o}}),I=d(O),L=c(O),{getReferenceProps:R,getFloatingProps:z}=_([F,I,L]);return(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(`span`,{ref:T.setReference,...R(),style:{lineHeight:1},children:t}),S&&(0,N.createPortal)((0,P.jsxs)(`div`,{ref:T.setFloating,style:{...E,zIndex:`var(--z-tooltip)`,maxWidth:g?`${g}em`:void 0},...z(),role:`tooltip`,className:a(A.tooltipPanel,y&&A.tooltip,v&&A[v]),children:[e,(0,P.jsx)(x,{ref:w,placement:k,middlewareData:D})]}),document.body)]})},F.__docgenInfo={description:``,methods:[],displayName:`FloatingPopover`,props:{content:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},openOnHover:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`true`,computed:!1}},placement:{required:!1,tsType:{name:`Placement`},description:``,defaultValue:{value:`"bottom"`,computed:!1}},openDelay:{required:!1,tsType:{name:`number`},description:``,defaultValue:{value:`200`,computed:!1}},closeDelay:{required:!1,tsType:{name:`number`},description:``,defaultValue:{value:`100`,computed:!1}},maxWidth:{required:!1,tsType:{name:`number`},description:``},state:{required:!1,tsType:{name:`union`,raw:`"information" | "error" | "warning" | "success" | "negative"`,elements:[{name:`literal`,value:`"information"`},{name:`literal`,value:`"error"`},{name:`literal`,value:`"warning"`},{name:`literal`,value:`"success"`},{name:`literal`,value:`"negative"`}]},description:``},tooltip:{required:!1,tsType:{name:`literal`,value:`true`},description:``},positionUpdateKey:{required:!1,tsType:{name:`unknown`},description:"Изменяется вместе с CSS-координатой trigger, когда её изменение не отслеживается `autoUpdate`.\nПосле commit React выполняется повторный расчёт позиции открытой floating-панели."}}}})))()}export{S as i,I as n,x as r,F as t};
1
+ import{n as e,o as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r}from"./iframe-CyRHAH4o.js";import{t as i}from"./react-dom-2o2phaJG.js";import{a,i as o}from"./utils-DUM89eIj.js";import{a as s,c,d as l,g as u,i as d,l as f,m as p,o as m,p as h,r as g,s as _}from"./floating-ui.react-1JhRQUPm.js";function v(e,t){if(!t?.arrow)return{};let{x:n,y:r}=t.arrow,i=e.split(`-`)[0],a={top:`bottom`,right:`left`,bottom:`top`,left:`right`}[i],o={top:`rotate(180deg)`,right:`rotate(-90deg)`,bottom:`rotate(0deg)`,left:`rotate(90deg)`}[i];return{pointerEvents:`none`,position:`absolute`,zIndex:-5,width:`16px`,height:`16px`,left:n==null?``:`${n}px`,top:r==null?``:`${r}px`,transform:o,[a]:`-16px`}}var y,b,x;function S(){return(S=e((()=>{y=n(),b=r(),x=(0,y.forwardRef)(({placement:e,middlewareData:t},n)=>(0,b.jsx)(`div`,{ref:n,style:v(e,t),children:(0,b.jsx)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`var(--border-2)`,stroke:`var(--border-2)`,strokeWidth:`var(--border-width)`,style:{display:`block`},children:(0,b.jsx)(`polygon`,{points:`8,8 16,16 0,16`})})})),x.__docgenInfo={description:``,methods:[],displayName:`FloatingArrow`,props:{placement:{required:!0,tsType:{name:`Placement`},description:``},middlewareData:{required:!0,tsType:{name:`MiddlewareData`},description:``}}}})))()}var C,w,T,E,D,O,k,A;function j(){return(j=e((()=>{C=`sZ0x6w`,w=`_538Ejd`,T=`fqciCO`,E=`sHkUiQ`,D=`bpGNoX`,O=`tYnRg-`,k=`_8lflEh`,A={tooltipPanel:C,tooltip:w,negative:T,information:E,error:D,warning:O,success:k}})))()}var M,N,P,F;function I(){return(I=e((()=>{M=t(n(),1),g(),o(),N=i(),S(),j(),P=r(),F=({content:e,children:t,openOnHover:n=!0,placement:r=`bottom`,openDelay:i=200,closeDelay:o=100,maxWidth:g,state:v,tooltip:y,positionUpdateKey:b})=>{let[S,C]=(0,M.useState)(!1),w=(0,M.useRef)(null),{refs:T,floatingStyles:E,middlewareData:D,context:O,placement:k,update:j}=s({open:S,onOpenChange:C,placement:r,middleware:[h(8),l({fallbackAxisSideDirection:`end`,fallbackPlacements:[`top`,`right`,`bottom`]}),p({padding:16}),f({element:w,padding:8})],whileElementsMounted:u});(0,M.useLayoutEffect)(()=>{S&&j()},[S,b,j]);let F=m(O,{enabled:n,move:!1,delay:{open:i,close:o}}),I=d(O),L=c(O),{getReferenceProps:R,getFloatingProps:z}=_([F,I,L]);return(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(`span`,{ref:T.setReference,...R(),style:{lineHeight:1},children:t}),S&&(0,N.createPortal)((0,P.jsxs)(`div`,{ref:T.setFloating,style:{...E,zIndex:`var(--z-tooltip)`,maxWidth:g?`${g}em`:void 0},...z(),role:`tooltip`,className:a(A.tooltipPanel,y&&A.tooltip,v&&A[v]),children:[e,(0,P.jsx)(x,{ref:w,placement:k,middlewareData:D})]}),document.body)]})},F.__docgenInfo={description:``,methods:[],displayName:`FloatingPopover`,props:{content:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},openOnHover:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`true`,computed:!1}},placement:{required:!1,tsType:{name:`Placement`},description:``,defaultValue:{value:`"bottom"`,computed:!1}},openDelay:{required:!1,tsType:{name:`number`},description:``,defaultValue:{value:`200`,computed:!1}},closeDelay:{required:!1,tsType:{name:`number`},description:``,defaultValue:{value:`100`,computed:!1}},maxWidth:{required:!1,tsType:{name:`number`},description:``},state:{required:!1,tsType:{name:`union`,raw:`"information" | "error" | "warning" | "success" | "negative"`,elements:[{name:`literal`,value:`"information"`},{name:`literal`,value:`"error"`},{name:`literal`,value:`"warning"`},{name:`literal`,value:`"success"`},{name:`literal`,value:`"negative"`}]},description:``},tooltip:{required:!1,tsType:{name:`literal`,value:`true`},description:``},positionUpdateKey:{required:!1,tsType:{name:`unknown`},description:"Изменяется вместе с CSS-координатой trigger, когда её изменение не отслеживается `autoUpdate`.\nПосле commit React выполняется повторный расчёт позиции открытой floating-панели."}}}})))()}export{S as i,I as n,x as r,F as t};