@ryuzaki13/react-foundation-ui 3.7.6 → 3.8.1

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 (318) hide show
  1. package/dist/chunks/formatMultiSelectOptionCount-t-e8apob.js +14 -0
  2. package/dist/chunks/formatMultiSelectOptionCount-t-e8apob.js.map +1 -0
  3. package/dist/multi-select/index.js +355 -240
  4. package/dist/multi-select/index.js.map +1 -1
  5. package/dist/multi-select/lib/adaptLegacyMultiSelectContext.d.ts +8 -0
  6. package/dist/multi-select/lib/adaptLegacyMultiSelectContext.d.ts.map +1 -0
  7. package/dist/multi-select/lib/createMultiSelectOptionSections.d.ts +15 -0
  8. package/dist/multi-select/lib/createMultiSelectOptionSections.d.ts.map +1 -0
  9. package/dist/multi-select/lib/formatMultiSelectOptionCount.d.ts +3 -0
  10. package/dist/multi-select/lib/formatMultiSelectOptionCount.d.ts.map +1 -0
  11. package/dist/multi-select/lib/materializeMultiSelectOptions.d.ts +6 -0
  12. package/dist/multi-select/lib/materializeMultiSelectOptions.d.ts.map +1 -0
  13. package/dist/multi-select/lib/multiSelectSelection.d.ts +4 -0
  14. package/dist/multi-select/lib/multiSelectSelection.d.ts.map +1 -0
  15. package/dist/multi-select/lib/resolveLegacyMultiSelectTextKey.d.ts +4 -0
  16. package/dist/multi-select/lib/resolveLegacyMultiSelectTextKey.d.ts.map +1 -0
  17. package/dist/multi-select/ui/DeprecatedMultiSelect.d.ts +41 -0
  18. package/dist/multi-select/ui/DeprecatedMultiSelect.d.ts.map +1 -0
  19. package/dist/multi-select/ui/MultiSelect.d.ts +17 -57
  20. package/dist/multi-select/ui/MultiSelect.d.ts.map +1 -1
  21. package/dist/multi-select/ui/MultiSelectCore.d.ts +13 -0
  22. package/dist/multi-select/ui/MultiSelectCore.d.ts.map +1 -0
  23. package/dist/multi-select/ui/MultiSelectOptionList.d.ts +23 -0
  24. package/dist/multi-select/ui/MultiSelectOptionList.d.ts.map +1 -0
  25. package/dist/multi-select/ui/MultiSelectOptionRow.d.ts +21 -0
  26. package/dist/multi-select/ui/MultiSelectOptionRow.d.ts.map +1 -0
  27. package/dist/multi-select/ui/MultiSelectOptionsWrapper.d.ts +9 -0
  28. package/dist/multi-select/ui/MultiSelectOptionsWrapper.d.ts.map +1 -0
  29. package/dist/multi-select/ui/SerializableMultiSelect.d.ts.map +1 -1
  30. package/dist/multi-select/ui/index.d.ts +2 -0
  31. package/dist/multi-select/ui/index.d.ts.map +1 -1
  32. package/dist/multi-select/ui/legacyMultiSelectTypes.d.ts +29 -0
  33. package/dist/multi-select/ui/legacyMultiSelectTypes.d.ts.map +1 -0
  34. package/dist/multi-select/ui/multiSelectTypes.d.ts +45 -0
  35. package/dist/multi-select/ui/multiSelectTypes.d.ts.map +1 -0
  36. package/dist/tree-select/index.js +1 -1
  37. package/dist/tree-select/index.js.map +1 -1
  38. package/package.json +2 -2
  39. package/storybook-static/assets/{Badge-eXgx9YUG.js → Badge-EK9gQx9e.js} +1 -1
  40. package/storybook-static/assets/{Badge.stories-SmirBJ64.js → Badge.stories-CtgtZ5eo.js} +1 -1
  41. package/storybook-static/assets/{BadgeList-Cwcw7Bjt.js → BadgeList-C8Szc3WZ.js} +1 -1
  42. package/storybook-static/assets/{BarcodeScannerDialog.stories-CWti20ds.js → BarcodeScannerDialog.stories-BRpvqkgE.js} +1 -1
  43. package/storybook-static/assets/{Button-pfdvT36U.js → Button-CiBLpfB4.js} +1 -1
  44. package/storybook-static/assets/{Button-Blcxu8Fi.js → Button-DaL6GfgY.js} +1 -1
  45. package/storybook-static/assets/{Button.stories-DeYzsLfz.js → Button.stories-C7LxYTQb.js} +1 -1
  46. package/storybook-static/assets/{CalendarView-CDaqtkmp.js → CalendarView-B5maPbIS.js} +1 -1
  47. package/storybook-static/assets/{CheckBox-BqdthZ_f.js → CheckBox-DXdhv4Lf.js} +1 -1
  48. package/storybook-static/assets/{CheckBox-CSW24iRW.js → CheckBox-xWQASPSK.js} +1 -1
  49. package/storybook-static/assets/{CheckBox.stories-BdzBmp2X.js → CheckBox.stories-B0TljSQ3.js} +1 -1
  50. package/storybook-static/assets/{Color-6AOWCN3U-BQEGHaZe.js → Color-6AOWCN3U-CtC_yr9J.js} +1 -1
  51. package/storybook-static/assets/{ContextMenu-CtVo71V5.js → ContextMenu-DMPKMqfn.js} +1 -1
  52. package/storybook-static/assets/{ContextMenu-D6j5s44o.js → ContextMenu-Dz3oD_WF.js} +1 -1
  53. package/storybook-static/assets/{ContextMenu.stories-BTmqEgdn.js → ContextMenu.stories-D_ozImXJ.js} +1 -1
  54. package/storybook-static/assets/{DateInput-DbsjYyUn.js → DateInput-CeLmydmh.js} +1 -1
  55. package/storybook-static/assets/{DateInput-LUBv1t6D.js → DateInput-Dm9hU8oI.js} +1 -1
  56. package/storybook-static/assets/{DateInput.stories-wBctfXX7.js → DateInput.stories-B_IZPZqF.js} +1 -1
  57. package/storybook-static/assets/{DateRangePresetSelect-DB77_9Dq.js → DateRangePresetSelect-CH7Mmtrc.js} +1 -1
  58. package/storybook-static/assets/{DateRangePresetSelect-BM-LfU65.js → DateRangePresetSelect-DTkAwI-o.js} +1 -1
  59. package/storybook-static/assets/{DateRangePresetSelect.stories-CPBrSRdY.js → DateRangePresetSelect.stories-C6gIY87L.js} +1 -1
  60. package/storybook-static/assets/DeprecatedMultiSelect-CX5U1Wb1.js +1 -0
  61. package/storybook-static/assets/{MultiSelect-CAiFS-4P.js → DeprecatedMultiSelect-EaJ_mQ1Q.js} +16 -11
  62. package/storybook-static/assets/DeprecatedMultiSelect.stories-Bo6fL6Zr.js +55 -0
  63. package/storybook-static/assets/{Detail-BNgU9f0q.js → Detail-CCh7sDpc.js} +1 -1
  64. package/storybook-static/assets/{Detail.stories-DuNFVNqy.js → Detail.stories-RskA9Xs8.js} +1 -1
  65. package/storybook-static/assets/{Dialog-CKty3o7T.js → Dialog-ChxYkiWk.js} +1 -1
  66. package/storybook-static/assets/{Dialog-DGet_JGl.js → Dialog-DKMGI2PI.js} +1 -1
  67. package/storybook-static/assets/{Dialog.stories-ByN-6686.js → Dialog.stories-CGdnARk7.js} +1 -1
  68. package/storybook-static/assets/{Disclosure-DShud4Os.js → Disclosure-CgnOdAzR.js} +1 -1
  69. package/storybook-static/assets/{Disclosure.stories-CDm6oF9a.js → Disclosure.stories-DgfVdZ8V.js} +1 -1
  70. package/storybook-static/assets/{DisclosureGroup-ax0FDj8b.js → DisclosureGroup-CjcLktuT.js} +1 -1
  71. package/storybook-static/assets/{DocsRenderer-JROSPFPF-3QEclnBT.js → DocsRenderer-JROSPFPF-CiPiMqkv.js} +1 -1
  72. package/storybook-static/assets/{DropZone-CIyryWZI.js → DropZone-Cp8Wufyw.js} +1 -1
  73. package/storybook-static/assets/{DropZone-CfLiG5V_.js → DropZone-DQ73_0Pf.js} +1 -1
  74. package/storybook-static/assets/{DropZone.stories-ChAnJpym.js → DropZone.stories-DP_hFMc_.js} +1 -1
  75. package/storybook-static/assets/{DropdownMenu-CNluzorm.js → DropdownMenu-DaXeJjTB.js} +1 -1
  76. package/storybook-static/assets/{ExpandableActionPanel-DT7f0JC6.js → ExpandableActionPanel-D6BzMChs.js} +1 -1
  77. package/storybook-static/assets/{ExpandableActionPanel.stories-DcFFpRB7.js → ExpandableActionPanel.stories-B5_ZvkZK.js} +1 -1
  78. package/storybook-static/assets/{Flex-CrktPhiJ.js → Flex-CzSeUflw.js} +1 -1
  79. package/storybook-static/assets/{Flex.stories-y4TLzuuM.js → Flex.stories-4xln9Tx7.js} +1 -1
  80. package/storybook-static/assets/{FlexContainer-D2-q1g5m.js → FlexContainer-CUkvfdhf.js} +1 -1
  81. package/storybook-static/assets/{FlexItem-DRk8xCGo.js → FlexItem-DxLk1kGw.js} +1 -1
  82. package/storybook-static/assets/{FloatingPopover-CF7JQjl3.js → FloatingPopover-BN7M-D7P.js} +1 -1
  83. package/storybook-static/assets/{FormattedTableCell--6ZFX8hz.js → FormattedTableCell-D-neZi6J.js} +1 -1
  84. package/storybook-static/assets/{Grid-DpZcpaum.js → Grid-B8BNlV5p.js} +1 -1
  85. package/storybook-static/assets/{Grid-k2M3ts2n.js → Grid-Bbyr5bon.js} +1 -1
  86. package/storybook-static/assets/{Grid.stories-NeFpTomv.js → Grid.stories-D-uV0QMB.js} +1 -1
  87. package/storybook-static/assets/{GridContainer-P0Xa7b7y.js → GridContainer-2Q2ODK51.js} +1 -1
  88. package/storybook-static/assets/{ImageCropper.stories-BRTONgH3.js → ImageCropper.stories-Dtt2FAGL.js} +1 -1
  89. package/storybook-static/assets/{ImageRenderer-BXC5Lyho.js → ImageRenderer-BjtFa8z8.js} +1 -1
  90. package/storybook-static/assets/{ImageRenderer.stories-DgkNe2_T.js → ImageRenderer.stories-BKcYCMTG.js} +1 -1
  91. package/storybook-static/assets/{ImageView.stories-CxJejTun.js → ImageView.stories-BqgrUQOD.js} +1 -1
  92. package/storybook-static/assets/{ImageViewer.stories-kR2C9tuU.js → ImageViewer.stories-CW8xG4Dn.js} +2 -2
  93. package/storybook-static/assets/{ImageViewerRuntime-D-RVa4qZ.js → ImageViewerRuntime-BouFP69S.js} +1 -1
  94. package/storybook-static/assets/{Input-DgO6bhmR.js → Input-DKfVkFor.js} +1 -1
  95. package/storybook-static/assets/{Input-DIuqMg5E.js → Input-DSoJ1bPZ.js} +1 -1
  96. package/storybook-static/assets/{Input.stories-B3EkzlNp.js → Input.stories-DzI_GHu4.js} +1 -1
  97. package/storybook-static/assets/{InputDateTime-C4QSNcXI.js → InputDateTime-F_UMqLSE.js} +1 -1
  98. package/storybook-static/assets/{InputDateTime.stories-_SdRZYuA.js → InputDateTime.stories-BZofscBL.js} +1 -1
  99. package/storybook-static/assets/{InputFile-Cnotm9qK.js → InputFile-DgDsyDsY.js} +1 -1
  100. package/storybook-static/assets/{InputFile-DJ9szKip.js → InputFile-Ducp25c4.js} +1 -1
  101. package/storybook-static/assets/{InputFile.stories-JX33t9QX.js → InputFile.stories-DlaBCWWc.js} +1 -1
  102. package/storybook-static/assets/{InputFiles-B0CqiRfB.js → InputFiles-5sqxbwqq.js} +1 -1
  103. package/storybook-static/assets/{InputFiles-nZUYt00e.js → InputFiles-E1Lv_1S-.js} +1 -1
  104. package/storybook-static/assets/{InputFiles.stories-ljvNsQNP.js → InputFiles.stories-CMWGpeMF.js} +1 -1
  105. package/storybook-static/assets/{InputFilesList-CXW0TZUT.js → InputFilesList-BhKPPY0s.js} +1 -1
  106. package/storybook-static/assets/{InputImage-DshVh1Zy.js → InputImage-Bml_XdoH.js} +1 -1
  107. package/storybook-static/assets/{InputImage-Mz0kqbxx.js → InputImage-dJAnInGG.js} +1 -1
  108. package/storybook-static/assets/{InputImage.stories-Kjsr8o5u.js → InputImage.stories-6DtkfR4R.js} +1 -1
  109. package/storybook-static/assets/{InteractiveComponents-BceuAHAO.js → InteractiveComponents-4E2d9zH2.js} +3 -3
  110. package/storybook-static/assets/{InteractiveComponents.stories-CKqVR6MM.js → InteractiveComponents.stories-BU4phFyf.js} +2 -2
  111. package/storybook-static/assets/{LayoutPicker--4e7A8IS.js → LayoutPicker-CowWslXH.js} +1 -1
  112. package/storybook-static/assets/{LayoutPicker--7uu24Ge.js → LayoutPicker-VdWtkSuS.js} +1 -1
  113. package/storybook-static/assets/{LayoutPicker.stories-HuR_jWMJ.js → LayoutPicker.stories-CixcTM0K.js} +1 -1
  114. package/storybook-static/assets/{Listbox-DjribCXB.js → Listbox-BMbMW6QU.js} +1 -1
  115. package/storybook-static/assets/{Listbox-CIXyuWAn.js → Listbox-Bdk5_SQj.js} +1 -1
  116. package/storybook-static/assets/{Listbox.stories-Bn9GVTUl.js → Listbox.stories-CICddsFG.js} +1 -1
  117. package/storybook-static/assets/{Modal-B4NqLvd-.js → Modal-BmtPDyvC.js} +1 -1
  118. package/storybook-static/assets/{Modal-BfybTEqP.js → Modal-LszfoLT0.js} +1 -1
  119. package/storybook-static/assets/{Modal.stories-BkRhMj_M.js → Modal.stories-COopXi-m.js} +1 -1
  120. package/storybook-static/assets/{ModalManagerProvider-DVbHcNLN.js → ModalManagerProvider-Dwy_KGoK.js} +1 -1
  121. package/storybook-static/assets/MultiSelect-D8OZAHlg.js +1 -0
  122. package/storybook-static/assets/MultiSelect-D9E5MjIr.js +76 -0
  123. package/storybook-static/assets/MultiSelect.stories-BNy8uqkv.js +64 -0
  124. package/storybook-static/assets/MultiSelectCore-Ds4jXHOk.js +3 -0
  125. package/storybook-static/assets/{NoData-C-f1Cevg.js → NoData-D9Sjnk2c.js} +1 -1
  126. package/storybook-static/assets/{NotificationsHost-NRdqv2QT.js → NotificationsHost-D0Pk-Yqg.js} +1 -1
  127. package/storybook-static/assets/{NotificationsHost.stories-CJqvAEJD.js → NotificationsHost.stories-CEUX8dAF.js} +1 -1
  128. package/storybook-static/assets/{ODataMultiSelect-BZkC34zI.js → ODataMultiSelect-BxNC8zss.js} +1 -1
  129. package/storybook-static/assets/{ODataMultiSelect.stories-BZIiUYSX.js → ODataMultiSelect.stories-BLourbRQ.js} +1 -1
  130. package/storybook-static/assets/{ODataSelect-jd2QMUfT.js → ODataSelect-DvZjbRtG.js} +1 -1
  131. package/storybook-static/assets/{ODataSelect.stories-tJK0ojwy.js → ODataSelect.stories-CswbeNTT.js} +1 -1
  132. package/storybook-static/assets/{ODataTreeMultiSelect-DQh0Miht.js → ODataTreeMultiSelect-DagrfWBY.js} +1 -1
  133. package/storybook-static/assets/{ODataTreeMultiSelect.stories-nGsKEFa8.js → ODataTreeMultiSelect.stories-TbWSFRbD.js} +1 -1
  134. package/storybook-static/assets/{ODataTreeSelect-DH8999xS.js → ODataTreeSelect-BLNFg44u.js} +1 -1
  135. package/storybook-static/assets/{ODataTreeSelect.stories-Crmd8QRs.js → ODataTreeSelect.stories-BKCm0DtZ.js} +1 -1
  136. package/storybook-static/assets/{OneStepScroller-wahIXJlw.js → OneStepScroller-NyCOFbAV.js} +1 -1
  137. package/storybook-static/assets/{Option-D9p9CbDx.js → Option-B82YmTfK.js} +1 -1
  138. package/storybook-static/assets/{OptionButton-DSnw34Je.js → OptionButton-CmHVNPma.js} +1 -1
  139. package/storybook-static/assets/{OptionContent-B5Fd_tXV.js → OptionContent-BG9-OWJw.js} +1 -1
  140. package/storybook-static/assets/{OptionContentContainer-DHRmFumh.js → OptionContentContainer-CU1GwCic.js} +1 -1
  141. package/storybook-static/assets/{PeriodSelect-DuWMNZ_n.js → PeriodSelect-B9MQy6oj.js} +1 -1
  142. package/storybook-static/assets/{PeriodSelect-CU1ZfQsw.js → PeriodSelect-kOE0lDjL.js} +1 -1
  143. package/storybook-static/assets/{PeriodSelect.stories-BhJ23e1c.js → PeriodSelect.stories-BTASzqE2.js} +1 -1
  144. package/storybook-static/assets/{PickerField-CH8N7Pny.js → PickerField--0kZhFr0.js} +1 -1
  145. package/storybook-static/assets/{PickerTriggerActions-CeY0rxwK.js → PickerTriggerActions-DAjE-u3Q.js} +1 -1
  146. package/storybook-static/assets/{Popover-CU6wCOiR.js → Popover-7L-pHu2i.js} +1 -1
  147. package/storybook-static/assets/{Popover-vFmaLoRU.js → Popover-BLuKIsin.js} +1 -1
  148. package/storybook-static/assets/{Popover.stories-BM5vOI4G.js → Popover.stories-DqwCkB57.js} +1 -1
  149. package/storybook-static/assets/{PresetRangeDateInput-H5QilHxu.js → PresetRangeDateInput-Ctf7L0HP.js} +1 -1
  150. package/storybook-static/assets/{PresetRangeDateInput-Cn_RWr5D.js → PresetRangeDateInput-CuE_81Mt.js} +1 -1
  151. package/storybook-static/assets/{PresetRangeDateInput.stories-CatDrFF-.js → PresetRangeDateInput.stories-D9TMoYOB.js} +1 -1
  152. package/storybook-static/assets/{PresetSelect-Cm0WuAqn.js → PresetSelect-CN0IKu0a.js} +1 -1
  153. package/storybook-static/assets/{README-YPxgsW6m.js → README-0UO2pXtj.js} +1 -1
  154. package/storybook-static/assets/{README-BFzru16L.js → README-1kX985QJ.js} +1 -1
  155. package/storybook-static/assets/{README-BXaTYkUq.js → README-8-_hu7iJ.js} +1 -1
  156. package/storybook-static/assets/{README-Cr-HMvlE.js → README-9pbSM7O_.js} +1 -1
  157. package/storybook-static/assets/{README-B9XF1vhP.js → README-B0DB8YYR.js} +1 -1
  158. package/storybook-static/assets/{README-DScgFhQi.js → README-B3aq-Sx4.js} +1 -1
  159. package/storybook-static/assets/{README-D60wEb0m.js → README-BGVEAmni.js} +1 -1
  160. package/storybook-static/assets/{README-BEM5Ied4.js → README-BGY4pbd2.js} +1 -1
  161. package/storybook-static/assets/{README-C99Y4cRU.js → README-BNAmw1CY.js} +1 -1
  162. package/storybook-static/assets/{README-CplUUfcx.js → README-BSU3d8yx.js} +1 -1
  163. package/storybook-static/assets/{README-DmmCqakO.js → README-BTJcWR49.js} +1 -1
  164. package/storybook-static/assets/{README-DemFWAF0.js → README-BbLROfhp.js} +1 -1
  165. package/storybook-static/assets/{README-CD4-yapK.js → README-Bdl63lRm.js} +1 -1
  166. package/storybook-static/assets/{README-Dt-3FZT0.js → README-BkkuU9ec.js} +1 -1
  167. package/storybook-static/assets/{README-tHE1GNUz.js → README-BlUNAvHA.js} +1 -1
  168. package/storybook-static/assets/{README-DzYUxPzL.js → README-BmyhpBE4.js} +1 -1
  169. package/storybook-static/assets/{README-BM8aEC_V.js → README-BnWc_1XT.js} +1 -1
  170. package/storybook-static/assets/{README-CzZmNRCy.js → README-BoYFqkwC.js} +1 -1
  171. package/storybook-static/assets/{README-C-zsvSCD.js → README-BsZdSPmu.js} +1 -1
  172. package/storybook-static/assets/{README-CsTCd-vj.js → README-BsuQaM1w.js} +1 -1
  173. package/storybook-static/assets/{README-C_fUHsQw.js → README-BtB9H9nN.js} +1 -1
  174. package/storybook-static/assets/{README-DqHv-X-f.js → README-BxhHDiwn.js} +1 -1
  175. package/storybook-static/assets/{README-Ba4auffg.js → README-C2PTb-8t.js} +1 -1
  176. package/storybook-static/assets/{README-3nj5ZjT-.js → README-C63rWkBl.js} +1 -1
  177. package/storybook-static/assets/{README-LdXsc1_c.js → README-C6zxVMFm.js} +1 -1
  178. package/storybook-static/assets/{README-W8Y0fSSi.js → README-CBreaBmO.js} +1 -1
  179. package/storybook-static/assets/{README-Bl2x2rCX.js → README-CFweVjlA.js} +1 -1
  180. package/storybook-static/assets/{README-D2XiubS6.js → README-CQlYzU33.js} +1 -1
  181. package/storybook-static/assets/{README-CGBxF3Z7.js → README-CTGa35Ko.js} +1 -1
  182. package/storybook-static/assets/{README-DYxS18pN.js → README-CTjO8DPy.js} +1 -1
  183. package/storybook-static/assets/{README-CIuTBygY.js → README-CVJoPV0y.js} +1 -1
  184. package/storybook-static/assets/{README-DCgubmAF.js → README-CfyDEk1-.js} +1 -1
  185. package/storybook-static/assets/{README-CMTs_Hpt.js → README-Cy3qBWwg.js} +1 -1
  186. package/storybook-static/assets/{README-B1__Nx7V.js → README-CyKQxj4u.js} +1 -1
  187. package/storybook-static/assets/{README-CE26cRxP.js → README-CzKv1E7w.js} +1 -1
  188. package/storybook-static/assets/{README-DJQcAJjL.js → README-D-yCn4_H.js} +1 -1
  189. package/storybook-static/assets/{README-boVQURYW.js → README-D2gE2Ldm.js} +1 -1
  190. package/storybook-static/assets/{README-DYa8n17S.js → README-D5w1MRjv.js} +1 -1
  191. package/storybook-static/assets/{README-DuISxu8f.js → README-D6pLREG_.js} +1 -1
  192. package/storybook-static/assets/{README-Dkvel_UU.js → README-DA2Q8qus.js} +1 -1
  193. package/storybook-static/assets/{README-BfjV3TJk.js → README-DE0HxW6s.js} +1 -1
  194. package/storybook-static/assets/{README-DMQ4dKiA.js → README-DLep-Z9_.js} +1 -1
  195. package/storybook-static/assets/{README-BrlQN0-i.js → README-DMuWFEvU.js} +1 -1
  196. package/storybook-static/assets/{README-rUP6ltDu.js → README-DaIVdhSy.js} +1 -1
  197. package/storybook-static/assets/{README-BSY8XRTo.js → README-DmwyVlUw.js} +1 -1
  198. package/storybook-static/assets/{README-xHnhUUuE.js → README-DzksXkTj.js} +1 -1
  199. package/storybook-static/assets/{README-C-J5XAre.js → README-IapRnWcI.js} +1 -1
  200. package/storybook-static/assets/{README-DptEJMsQ.js → README-RmnKu3vw.js} +1 -1
  201. package/storybook-static/assets/{README-CMzg1GVU.js → README-WH-bEvJ2.js} +1 -1
  202. package/storybook-static/assets/{README-D0xLDxx4.js → README-WztnWpwt.js} +1 -1
  203. package/storybook-static/assets/{README-Cj5w9RCM.js → README-Xfa0qaGa.js} +1 -1
  204. package/storybook-static/assets/{README-aL1X_k6m.js → README-q8mu9DD1.js} +1 -1
  205. package/storybook-static/assets/{README-SMak3XqW.js → README-rCT7dLcC.js} +1 -1
  206. package/storybook-static/assets/{RadioButton-DThPBDKH.js → RadioButton-ZsulWLed.js} +1 -1
  207. package/storybook-static/assets/{RadioButton-sg3Qc43H.js → RadioButton-dnLpCCML.js} +1 -1
  208. package/storybook-static/assets/{RadioButton.stories-B8vNAiWo.js → RadioButton.stories-CKipwhZp.js} +1 -1
  209. package/storybook-static/assets/{RadioGroup-BnNsBAHC.js → RadioGroup-DEEYma_e.js} +1 -1
  210. package/storybook-static/assets/{RadioGroup-Dod-Rum7.js → RadioGroup-u13QVsxA.js} +1 -1
  211. package/storybook-static/assets/{RadioGroup.stories-DbHuJocr.js → RadioGroup.stories-DwwO3k93.js} +1 -1
  212. package/storybook-static/assets/{Scrollable-DlzwKB_f.js → Scrollable-CUhjICar.js} +1 -1
  213. package/storybook-static/assets/{Scrollable-C3wwtJYt.js → Scrollable-Dxjen-sM.js} +1 -1
  214. package/storybook-static/assets/{Scrollable.stories-CqToe3Wz.js → Scrollable.stories-Cjcgg_Bc.js} +1 -1
  215. package/storybook-static/assets/{Select-C6CKo9z5.js → Select-COV2S25J.js} +1 -1
  216. package/storybook-static/assets/{Select-COp-Hufh.js → Select-DXRE65Ab.js} +1 -1
  217. package/storybook-static/assets/{Select.stories-slSDLdpQ.js → Select.stories-BJiP7tQH.js} +1 -1
  218. package/storybook-static/assets/{Separator-DAjvzFln.js → Separator-Bro2wWAu.js} +1 -1
  219. package/storybook-static/assets/{Separator-D37ybDoT.js → Separator-C28fV2R8.js} +1 -1
  220. package/storybook-static/assets/{Separator.stories-CgdtiXY8.js → Separator.stories-CNqUFK4v.js} +1 -1
  221. package/storybook-static/assets/{SerializableSelect-BIoJj6y7.js → SerializableSelect-d-m2CyxF.js} +1 -1
  222. package/storybook-static/assets/{SerializableSelect.stories-DYs7cn1e.js → SerializableSelect.stories-C8qJHCIJ.js} +1 -1
  223. package/storybook-static/assets/{ShimmerText-BLC59p57.js → ShimmerText-DFlPCOpX.js} +1 -1
  224. package/storybook-static/assets/{ShimmerText.stories-DCKkp0PD.js → ShimmerText.stories-wu2MXfaC.js} +1 -1
  225. package/storybook-static/assets/{SingleDateTimeInput-DAw9B2z7.js → SingleDateTimeInput-BWOF4zyN.js} +1 -1
  226. package/storybook-static/assets/{SingleDateTimeInput-Dv0wWeWq.js → SingleDateTimeInput-Dcoe14K6.js} +1 -1
  227. package/storybook-static/assets/{SingleDateTimeInput.stories-CnzMn6i6.js → SingleDateTimeInput.stories-Ck0OwzWi.js} +1 -1
  228. package/storybook-static/assets/{Slider-kAsaMRyo.js → Slider-Dqr7gPar.js} +1 -1
  229. package/storybook-static/assets/{Slider-CSIK6Oe0.js → Slider-DrpDDQaE.js} +1 -1
  230. package/storybook-static/assets/{Slider.stories-ChgA6miE.js → Slider.stories-LKfnEkw4.js} +1 -1
  231. package/storybook-static/assets/{SliderInput-Mnb_AWWK.js → SliderInput-BqyHw-PE.js} +1 -1
  232. package/storybook-static/assets/{SliderInput-OWw9wKhZ.js → SliderInput-MDuEi7Va.js} +1 -1
  233. package/storybook-static/assets/{SliderInput.stories-CYRv3pyd.js → SliderInput.stories-DOwDFBuL.js} +1 -1
  234. package/storybook-static/assets/{Sortable-P9DfHPLD.js → Sortable-iwVfz_Pp.js} +1 -1
  235. package/storybook-static/assets/{Sortable.stories-BK52081-.js → Sortable.stories-B5Y6AaC5.js} +1 -1
  236. package/storybook-static/assets/{Splitter-DQSwPDkX.js → Splitter-ORF-Ncb1.js} +1 -1
  237. package/storybook-static/assets/{Splitter.stories-Bqi8chdP.js → Splitter.stories-DQmiJCOW.js} +1 -1
  238. package/storybook-static/assets/{StateSelect-yuNlUZZx.js → StateSelect-Bb-xFYJr.js} +1 -1
  239. package/storybook-static/assets/{StateSelect-ChMzjSz1.js → StateSelect-Z_2ucbVB.js} +1 -1
  240. package/storybook-static/assets/{StateSelect.stories-BoDpNA4u.js → StateSelect.stories-4BgCeVtO.js} +1 -1
  241. package/storybook-static/assets/{StatusIndicator-DhKUP8No.js → StatusIndicator-JOpyf0X8.js} +1 -1
  242. package/storybook-static/assets/{StatusIndicator.stories-D1h0DNTp.js → StatusIndicator.stories-D3skmWV0.js} +1 -1
  243. package/storybook-static/assets/{StringToggle.stories-CrtBXi71.js → StringToggle.stories-WRtPfnkA.js} +1 -1
  244. package/storybook-static/assets/{Switch-CfNQRi1_.js → Switch-Bi6ldbAc.js} +1 -1
  245. package/storybook-static/assets/{Switch-C614IuUT.js → Switch-Cml2InwJ.js} +1 -1
  246. package/storybook-static/assets/{Switch.stories-B7xnmaXl.js → Switch.stories-NXO81irA.js} +1 -1
  247. package/storybook-static/assets/{Table-FmUCC5Fw.js → Table-CzzWl6jB.js} +1 -1
  248. package/storybook-static/assets/{Table.stories-CxljW0Kk.js → Table.stories-B6fUlbDF.js} +1 -1
  249. package/storybook-static/assets/{TableEditor.stories-BsebTzw2.js → TableEditor.stories-0X9buuFB.js} +1 -1
  250. package/storybook-static/assets/{Tabs-BrCrA-0f.js → Tabs-Dc1vW6AD.js} +1 -1
  251. package/storybook-static/assets/{Tabs.stories-CruhwQeR.js → Tabs.stories-CBVMbChq.js} +1 -1
  252. package/storybook-static/assets/{TabsBox-CYE5SUf_.js → TabsBox-Dp_XwFIC.js} +1 -1
  253. package/storybook-static/assets/{TagInput-JxJYMhxS.js → TagInput-CjIacwww.js} +1 -1
  254. package/storybook-static/assets/{TagInput.stories-BMFFIJCT.js → TagInput.stories-DTgqndkw.js} +1 -1
  255. package/storybook-static/assets/{Text-CjvvAj_-.js → Text-BZ-hxc1d.js} +1 -1
  256. package/storybook-static/assets/{Textarea-Bq2CQNp7.js → Textarea-BBHME6fw.js} +1 -1
  257. package/storybook-static/assets/{Textarea-CT5NMjdE.js → Textarea-mfo7IAA2.js} +1 -1
  258. package/storybook-static/assets/{Textarea.stories-DUGB78GX.js → Textarea.stories-AiHRDIfK.js} +1 -1
  259. package/storybook-static/assets/{TimePanel-BlbN0WRz.js → TimePanel-CHRlMett.js} +1 -1
  260. package/storybook-static/assets/{TimePanel.stories-BEEvauJT.js → TimePanel.stories-ZfKuLFkK.js} +1 -1
  261. package/storybook-static/assets/{Toggle-DjQn1PLh.js → Toggle-DsZR39by.js} +1 -1
  262. package/storybook-static/assets/{Toggle-DDuzqQb3.js → Toggle-d2cXgZGn.js} +1 -1
  263. package/storybook-static/assets/{Toggle.stories-9pec1UoF.js → Toggle.stories-D-yiUzAX.js} +1 -1
  264. package/storybook-static/assets/TreeMultiSelect-DdJPRTnS.js +1 -0
  265. package/storybook-static/assets/{TreeMultiSelect-CZl4Ww_Z.js → TreeMultiSelect-dLo-KzWu.js} +1 -1
  266. package/storybook-static/assets/{TreeMultiSelect.stories-DgE7VwAi.js → TreeMultiSelect.stories-CBZ8dhJM.js} +1 -1
  267. package/storybook-static/assets/{TreePickerBase-SxMux0yx.js → TreePickerBase-CVgiS4iD.js} +1 -1
  268. package/storybook-static/assets/{TreeSelect-DyRUiqxR.js → TreeSelect-BKrsYQTN.js} +1 -1
  269. package/storybook-static/assets/{TreeSelect-D35PKmHd.js → TreeSelect-Dp52E_73.js} +1 -1
  270. package/storybook-static/assets/{TreeSelect.stories-BuO6bn5n.js → TreeSelect.stories-B1wm8Xba.js} +1 -1
  271. package/storybook-static/assets/{TreeTable-S0-gBFcw.js → TreeTable-CPpQ6e43.js} +1 -1
  272. package/storybook-static/assets/{TreeTable.stories-CZuyyJ5X.js → TreeTable.stories-DCDLySGX.js} +1 -1
  273. package/storybook-static/assets/{blocks-C8zNjnZ6.js → blocks-za-wOwFF.js} +3 -3
  274. package/storybook-static/assets/{check-DzdD29Lk.js → check-BnCTqaAz.js} +1 -1
  275. package/storybook-static/assets/{chevron-down-ExkE372q.js → chevron-down-Vq8KbCfI.js} +1 -1
  276. package/storybook-static/assets/{chevron-left-DzR36qoc.js → chevron-left-DWH9v-JE.js} +1 -1
  277. package/storybook-static/assets/{chevron-right-iCcjS-vt.js → chevron-right-GObYqCJe.js} +1 -1
  278. package/storybook-static/assets/{chunk-W22LQPXL-CjpdFwdq.js → chunk-W22LQPXL-DffsJI6Z.js} +1 -1
  279. package/storybook-static/assets/{circle-alert-CRm1wAp4.js → circle-alert-DHzv4KpY.js} +1 -1
  280. package/storybook-static/assets/{circle-check-mdwFCS14.js → circle-check-DKd35XtT.js} +1 -1
  281. package/storybook-static/assets/{components-Bvist1VI.js → components-Ds9xsAdN.js} +3 -3
  282. package/storybook-static/assets/{contextMenu-AvFz5_pV.js → contextMenu-DxOBp2Sj.js} +1 -1
  283. package/storybook-static/assets/{download-Bf1v6jB3.js → download-BmBq6Np5.js} +1 -1
  284. package/storybook-static/assets/{floating-ui.react-C58PtzHr.js → floating-ui.react-Rf5ZEhEh.js} +1 -1
  285. package/storybook-static/assets/formatMultiSelectOptionCount-xGq1uM2H.js +1 -0
  286. package/storybook-static/assets/{foundationApi-Cz3MY46R.js → foundationApi-C2D1ZAsU.js} +1 -1
  287. package/storybook-static/assets/{foundationLib-oavyFO2p.js → foundationLib-BFg_qpNI.js} +1 -1
  288. package/storybook-static/assets/{hooks-zmJPZDaN.js → hooks-CgazONpd.js} +1 -1
  289. package/storybook-static/assets/{iframe-DwDg20S-.js → iframe--CGTMt9T.js} +4 -4
  290. package/storybook-static/assets/iframe-brnPa2qH.js +1 -0
  291. package/storybook-static/assets/{info-DFqnKJt7.js → info-B6O6v4M3.js} +1 -1
  292. package/storybook-static/assets/{odata-DcP8j5KN.js → odata-BEDULcKk.js} +1 -1
  293. package/storybook-static/assets/{odataStoryFixtures-BPBQIYhY.js → odataStoryFixtures-DHVieZR4.js} +1 -1
  294. package/storybook-static/assets/{react-CDvFRnKJ.js → react-Cp6q3rBu.js} +1 -1
  295. package/storybook-static/assets/{refresh-cw-DjWLNN0a.js → refresh-cw-B7iOgoek.js} +1 -1
  296. package/storybook-static/assets/{settings-2-BeTxYg-T.js → settings-2-DT9oEwF5.js} +1 -1
  297. package/storybook-static/assets/{sortable-DkVOf9Di.js → sortable-Cp70acZd.js} +1 -1
  298. package/storybook-static/assets/{syntaxhighlighter-QEQV7K2Y-DKn1w2o_.js → syntaxhighlighter-QEQV7K2Y-BBBKSXp2.js} +1 -1
  299. package/storybook-static/assets/{trash-2-efuPXNK-.js → trash-2-Cj8Ikfyz.js} +1 -1
  300. package/storybook-static/assets/{triangle-alert-CKsLzHWI.js → triangle-alert-DFhuVxlv.js} +1 -1
  301. package/storybook-static/assets/{useODataSelectBase-BK0Oiuzg.js → useODataSelectBase-Bm1bPs1s.js} +1 -1
  302. package/storybook-static/assets/{useODataTreeData-B2zeGA0s.js → useODataTreeData-BPDg66yj.js} +1 -1
  303. package/storybook-static/assets/{usePickerQuery-D4_w_U3T.js → usePickerQuery-B55wi-Qp.js} +1 -1
  304. package/storybook-static/assets/{usePickerTriggerController-BHcv1fBN.js → usePickerTriggerController-Det5k_cM.js} +1 -1
  305. package/storybook-static/assets/{x-Dk10oNah.js → x-BZlxy_R9.js} +1 -1
  306. package/storybook-static/iframe.html +2 -2
  307. package/storybook-static/index.json +1 -1
  308. package/storybook-static/project.json +1 -1
  309. package/dist/chunks/defaultRenderers-u_Vep6Pj.js +0 -38
  310. package/dist/chunks/defaultRenderers-u_Vep6Pj.js.map +0 -1
  311. package/dist/multi-select/ui/defaultRenderers.d.ts +0 -17
  312. package/dist/multi-select/ui/defaultRenderers.d.ts.map +0 -1
  313. package/storybook-static/assets/MultiSelect-BMEWH0cT.js +0 -2
  314. package/storybook-static/assets/MultiSelect.stories-OKS85LQr.js +0 -55
  315. package/storybook-static/assets/TreeMultiSelect-C8DC5MfL.js +0 -1
  316. package/storybook-static/assets/defaultRenderers-UxEpV_2H.js +0 -1
  317. package/storybook-static/assets/iframe-CxDzv7o9.js +0 -1
  318. /package/storybook-static/assets/{MultiSelect-SJBp1Ymv.css → MultiSelectCore-SJBp1Ymv.css} +0 -0
@@ -0,0 +1,55 @@
1
+ import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r}from"./iframe--CGTMt9T.js";import{n as i,t as a}from"./DeprecatedMultiSelect-CX5U1Wb1.js";var o=t({Basic:()=>p,Empty:()=>g,ErrorState:()=>h,Loading:()=>m,__namedExportsOrder:()=>_,default:()=>f}),s,c,l,u,d,f,p,m,h,g,_;function v(){return(v=e((()=>{s=n(),i(),c=r(),{useArgs:l}=__STORYBOOK_MODULE_PREVIEW_API__,{fn:u}=__STORYBOOK_MODULE_TEST__,d=[{code:`MOW`,label:`Москва`},{code:`SPB`,label:`Санкт-Петербург`},{code:`EKB`,label:`Екатеринбург`},{code:`KZN`,label:`Казань`},{code:`NSK`,label:`Новосибирск`}],f={title:`UI/DeprecatedMultiSelect`,component:a,args:{label:`Города`,description:`Выберите несколько значений.`,placeholder:`Начните вводить`,value:[],onChange:u(),codeKey:`code`,textKey:`label`,items:d,query:``,onQuery:u(),onOpen:()=>{},onClose:u(),size:`md`,disabled:!1},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Заголовок поля.`,control:`text`},description:{description:`Описание под полем.`,control:`text`},placeholder:{description:`Текст пустого поля.`,control:`text`},value:{description:`Контролируемый набор выбранных option.`,control:!1},onChange:{description:`Вызывается после подтверждения набора option.`,control:!1},codeKey:{description:`Имя поля option с уникальным ключом.`,control:`text`},textKey:{description:`Имя поля option с отображаемым текстом.`,control:`text`},hideCode:{description:`Скрывает код option в токенах и списке.`,control:`boolean`},items:{description:`Набор доступных option.`,control:!1},query:{description:`Контролируемый текст поиска.`,control:`text`},defaultQuery:{description:`Начальный текст поиска в uncontrolled-режиме.`,control:`text`},highlightQuery:{description:`Текст, который подсвечивается в option.`,control:`text`},onQuery:{description:`Вызывается при вводе поисковой строки.`,control:!1},defaultFilter:{description:`Включает встроенную фильтрацию option.`,control:`boolean`},getOptionDisabled:{description:`Блокирует отдельные option с учетом текущего выбора.`,control:!1},onOpen:{description:`Вызывается при открытии списка.`,control:!1},onClose:{description:`Вызывается при закрытии списка после commit.`,control:!1},error:{description:`Текст ошибки загрузки option.`,control:`text`},isLoading:{description:`Показывает состояние загрузки option.`,control:`boolean`},renderToken:{description:`Кастомный рендер выбранных токенов.`,control:!1},renderToolbar:{description:`Кастомный рендер toolbar popup.`,control:!1},renderItem:{description:`Возвращает text, code и searchText для общей композиции OptionButton.`,control:!1},disabled:{description:`Блокирует взаимодействие с полем.`,control:`boolean`},size:{description:`Размер поля и подписей.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]}}},p={render:function(e){let[,t]=l(),n=e.value??[d[1]],r=e.query??``,i=(0,s.useMemo)(()=>{let e=r.trim().toLowerCase();return e?d.filter(t=>t.label.toLowerCase().includes(e)||t.code.toLowerCase().includes(e)):d},[r]);return(0,c.jsx)(a,{...e,value:n,items:i,query:r,onQuery:n=>{e.onQuery?.(n),t({query:n})},onChange:n=>{e.onChange(n),t({value:n})}})}},m={render:function(e){let[,t]=l();return(0,c.jsx)(a,{...e,value:e.value??[],items:[],isLoading:!0,onChange:n=>{e.onChange(n),t({value:n})}})}},h={render:function(e){let[,t]=l();return(0,c.jsx)(a,{...e,value:e.value??[],items:[],error:`Ошибка загрузки`,onChange:n=>{e.onChange(n),t({value:n})}})}},g={render:function(e){let[,t]=l();return(0,c.jsx)(a,{...e,value:e.value??[],items:[],onChange:n=>{e.onChange(n),t({value:n})}})}},p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
2
+ render: function Render(args) {
3
+ const [, updateArgs] = useArgs<React.ComponentProps<typeof DeprecatedMultiSelect>>();
4
+ const value = args.value ?? [catalog[1]!];
5
+ const query = args.query ?? "";
6
+ const filteredItems = useMemo(() => {
7
+ const needle = query.trim().toLowerCase();
8
+ if (!needle) {
9
+ return catalog;
10
+ }
11
+ return catalog.filter(item => item.label.toLowerCase().includes(needle) || item.code.toLowerCase().includes(needle));
12
+ }, [query]);
13
+ return <DeprecatedMultiSelect {...args} value={value} items={filteredItems} query={query} onQuery={query => {
14
+ args.onQuery?.(query);
15
+ updateArgs({
16
+ query
17
+ });
18
+ }} onChange={value => {
19
+ args.onChange(value);
20
+ updateArgs({
21
+ value
22
+ });
23
+ }} />;
24
+ }
25
+ }`,...p.parameters?.docs?.source}}},m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
26
+ render: function Render(args) {
27
+ const [, updateArgs] = useArgs<React.ComponentProps<typeof DeprecatedMultiSelect>>();
28
+ return <DeprecatedMultiSelect {...args} value={args.value ?? []} items={[]} isLoading onChange={value => {
29
+ args.onChange(value);
30
+ updateArgs({
31
+ value
32
+ });
33
+ }} />;
34
+ }
35
+ }`,...m.parameters?.docs?.source}}},h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
36
+ render: function Render(args) {
37
+ const [, updateArgs] = useArgs<React.ComponentProps<typeof DeprecatedMultiSelect>>();
38
+ return <DeprecatedMultiSelect {...args} value={args.value ?? []} items={[]} error="Ошибка загрузки" onChange={value => {
39
+ args.onChange(value);
40
+ updateArgs({
41
+ value
42
+ });
43
+ }} />;
44
+ }
45
+ }`,...h.parameters?.docs?.source}}},g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
46
+ render: function Render(args) {
47
+ const [, updateArgs] = useArgs<React.ComponentProps<typeof DeprecatedMultiSelect>>();
48
+ return <DeprecatedMultiSelect {...args} value={args.value ?? []} items={[]} onChange={value => {
49
+ args.onChange(value);
50
+ updateArgs({
51
+ value
52
+ });
53
+ }} />;
54
+ }
55
+ }`,...g.parameters?.docs?.source}}},_=[`Basic`,`Loading`,`ErrorState`,`Empty`]})))()}export{m as a,h as i,o as n,v as o,g as r,p as t};
@@ -1,4 +1,4 @@
1
- import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-DwDg20S-.js";import{i as n,r}from"./react-Bl2r1tuC.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-C8zNjnZ6.js";import{a as p,i as m,n as h,o as g,r as _,t as v}from"./Detail.stories-DuNFVNqy.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-DkW27tQK.js";import{n as t}from"./iframe--CGTMt9T.js";import{i as n,r}from"./react-Bl2r1tuC.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-za-wOwFF.js";import{a as p,i as m,n as h,o as g,r as _,t as v}from"./Detail.stories-RskA9Xs8.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-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r}from"./iframe-DwDg20S-.js";import{a as i,i as a}from"./utils-tg3ibbzi.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}})))()}var S,C;function w(){return(w=e((()=>{S=n(),C=(0,S.createContext)({})})))()}function T({label:e,value:t,withColon:n,required:r}){let{semantic:a,inline:o,noWrap:s,center:c,vertical:l=`center`,withColon:u=!0}=(0,E.useContext)(C),d=i(b.detail,c&&b.textCenter,o&&b.inline,s&&b.noWrap,b[l]),f=(0,D.jsxs)(D.Fragment,{children:[e,r?(0,D.jsxs)(D.Fragment,{children:[(0,D.jsx)(`span`,{className:`statusError`,"aria-hidden":`true`,children:`*`}),(0,D.jsx)(`span`,{className:`visuallyHidden`,children:` (Обязательное поле)`})]}):null,(typeof n==`boolean`?n:u)&&`:`]});switch(a){case`detail`:return(0,D.jsxs)(`div`,{className:d,children:[(0,D.jsx)(`dt`,{className:b.dt,children:f}),(0,D.jsx)(`dd`,{className:b.dd,children:t})]});case`list`:return(0,D.jsxs)(`li`,{className:d,children:[(0,D.jsx)(`div`,{className:b.dt,children:f}),(0,D.jsx)(`div`,{className:b.dd,children:t})]});default:return(0,D.jsxs)(`div`,{className:d,children:[(0,D.jsx)(`div`,{className:b.dt,children:f}),(0,D.jsx)(`div`,{className:b.dd,children:t})]})}}var E,D;function O(){return(O=e((()=>{E=n(),a(),x(),w(),D=r(),T.__docgenInfo={description:``,methods:[],displayName:`DetailItem`,props:{label:{required:!0,tsType:{name:`ReactNode`},description:``},value:{required:!0,tsType:{name:`ReactNode`},description:``},withColon:{required:!1,tsType:{name:`boolean`},description:``},required:{required:!1,tsType:{name:`boolean`},description:``}}}})))()}function k(e){return Number.isFinite(e)?Math.min(5,Math.max(1,Math.trunc(e))):1}function A({children:e,columnCount:t=1,rowGap:n=`none`,semantic:r=`list`,className:a,inline:o,center:s,vertical:c,noWrap:l,withColon:u,...d}){let f=i(b.detailList,b[n],a),p={columnCount:k(t)},m=r===`detail`?(0,j.jsx)(`dl`,{...d,className:f,style:p,children:e}):(0,j.jsx)(`ul`,{...d,className:f,style:p,children:e});return(0,j.jsx)(C.Provider,{value:{semantic:r,inline:o,center:s,vertical:c,noWrap:l,withColon:u},children:m})}var j;function M(){return(M=e((()=>{a(),x(),w(),O(),j=r(),A.Item=T,A.__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:{required:!1,tsType:{name:`number`},description:``,defaultValue:{value:`1`,computed:!1}},rowGap:{required:!1,tsType:{name:`union`,raw:`"none" | "small" | "normal" | "large"`,elements:[{name:`literal`,value:`"none"`},{name:`literal`,value:`"small"`},{name:`literal`,value:`"normal"`},{name:`literal`,value:`"large"`}]},description:``,defaultValue:{value:`"none"`,computed:!1}},children:{required:!0,tsType:{name:`ReactNode`},description:``},className:{required:!1,tsType:{name:`string`},description:``},semantic:{required:!1,tsType:{name:`union`,raw:`"detail" | "list"`,elements:[{name:`literal`,value:`"detail"`},{name:`literal`,value:`"list"`}]},description:``,defaultValue:{value:`"list"`,computed:!1}},inline:{required:!1,tsType:{name:`boolean`},description:``},center:{required:!1,tsType:{name:`boolean`},description:``},vertical:{required:!1,tsType:{name:`union`,raw:`"start" | "center" | "end"`,elements:[{name:`literal`,value:`"start"`},{name:`literal`,value:`"center"`},{name:`literal`,value:`"end"`}]},description:``},noWrap:{required:!1,tsType:{name:`boolean`},description:``},withColon:{required:!1,tsType:{name:`boolean`},description:``}},composes:[`AriaAttributes`]}})))()}var N=t({BasicList:()=>L,CustomLabel:()=>B,MultipleColumns:()=>R,SemanticDl:()=>z,__namedExportsOrder:()=>V,default:()=>I}),P,F,I,L,R,z,B,V;function H(){return(H=e((()=>{M(),P=r(),{useArgs:F}=__STORYBOOK_MODULE_PREVIEW_API__,I={title:`UI/Detail`,component:A,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}}},L={render:function(){let[e]=F();return(0,P.jsxs)(A,{...e,children:[(0,P.jsx)(A.Item,{required:!0,label:`Статус`,value:`Активен`}),(0,P.jsx)(A.Item,{label:`Приоритет`,value:`Высокий`}),(0,P.jsx)(A.Item,{label:`Автор`,value:`Иван Петров`})]})},args:{children:void 0}},R={render:function(){let[e]=F();return(0,P.jsxs)(A,{...e,children:[(0,P.jsx)(A.Item,{label:`ID`,value:`DOC-12345`}),(0,P.jsx)(A.Item,{label:`Дата`,value:`05.03.2026`}),(0,P.jsx)(A.Item,{label:`Версия`,value:`2.7`}),(0,P.jsx)(A.Item,{label:`Подразделение`,value:`Снабжение`}),(0,P.jsx)(A.Item,{label:`Регион`,value:`Урал`}),(0,P.jsx)(A.Item,{label:`Комментарий`,value:`Требуется согласование с бухгалтерией`})]})},args:{columnCount:2,rowGap:`small`,children:void 0}},z={render:function(){let[e]=F();return(0,P.jsxs)(A,{...e,children:[(0,P.jsx)(A.Item,{label:`Клиент`,value:`ООО Вектор`}),(0,P.jsx)(A.Item,{label:`Менеджер`,value:`Анна Смирнова`}),(0,P.jsx)(A.Item,{label:`Сумма`,value:`1 250 000 ₽`})]})},args:{semantic:`detail`,inline:!0,columnCount:1,"aria-label":`Сведения о заказе`,children:void 0}},B={render:function(){let[e]=F();return(0,P.jsxs)(A,{...e,children:[(0,P.jsx)(A.Item,{label:(0,P.jsx)(`span`,{children:`Номер договора`}),value:`KTK-2026-045`}),(0,P.jsx)(A.Item,{label:(0,P.jsx)(`span`,{title:`Без двоеточия для составной метки`,children:`Статус`}),value:`На согласовании`,withColon:!1})]})},args:{children:void 0}},L.parameters={...L.parameters,docs:{...L.parameters?.docs,source:{originalSource:`{
1
+ import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r}from"./iframe--CGTMt9T.js";import{a as i,i as a}from"./utils-tg3ibbzi.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}})))()}var S,C;function w(){return(w=e((()=>{S=n(),C=(0,S.createContext)({})})))()}function T({label:e,value:t,withColon:n,required:r}){let{semantic:a,inline:o,noWrap:s,center:c,vertical:l=`center`,withColon:u=!0}=(0,E.useContext)(C),d=i(b.detail,c&&b.textCenter,o&&b.inline,s&&b.noWrap,b[l]),f=(0,D.jsxs)(D.Fragment,{children:[e,r?(0,D.jsxs)(D.Fragment,{children:[(0,D.jsx)(`span`,{className:`statusError`,"aria-hidden":`true`,children:`*`}),(0,D.jsx)(`span`,{className:`visuallyHidden`,children:` (Обязательное поле)`})]}):null,(typeof n==`boolean`?n:u)&&`:`]});switch(a){case`detail`:return(0,D.jsxs)(`div`,{className:d,children:[(0,D.jsx)(`dt`,{className:b.dt,children:f}),(0,D.jsx)(`dd`,{className:b.dd,children:t})]});case`list`:return(0,D.jsxs)(`li`,{className:d,children:[(0,D.jsx)(`div`,{className:b.dt,children:f}),(0,D.jsx)(`div`,{className:b.dd,children:t})]});default:return(0,D.jsxs)(`div`,{className:d,children:[(0,D.jsx)(`div`,{className:b.dt,children:f}),(0,D.jsx)(`div`,{className:b.dd,children:t})]})}}var E,D;function O(){return(O=e((()=>{E=n(),a(),x(),w(),D=r(),T.__docgenInfo={description:``,methods:[],displayName:`DetailItem`,props:{label:{required:!0,tsType:{name:`ReactNode`},description:``},value:{required:!0,tsType:{name:`ReactNode`},description:``},withColon:{required:!1,tsType:{name:`boolean`},description:``},required:{required:!1,tsType:{name:`boolean`},description:``}}}})))()}function k(e){return Number.isFinite(e)?Math.min(5,Math.max(1,Math.trunc(e))):1}function A({children:e,columnCount:t=1,rowGap:n=`none`,semantic:r=`list`,className:a,inline:o,center:s,vertical:c,noWrap:l,withColon:u,...d}){let f=i(b.detailList,b[n],a),p={columnCount:k(t)},m=r===`detail`?(0,j.jsx)(`dl`,{...d,className:f,style:p,children:e}):(0,j.jsx)(`ul`,{...d,className:f,style:p,children:e});return(0,j.jsx)(C.Provider,{value:{semantic:r,inline:o,center:s,vertical:c,noWrap:l,withColon:u},children:m})}var j;function M(){return(M=e((()=>{a(),x(),w(),O(),j=r(),A.Item=T,A.__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:{required:!1,tsType:{name:`number`},description:``,defaultValue:{value:`1`,computed:!1}},rowGap:{required:!1,tsType:{name:`union`,raw:`"none" | "small" | "normal" | "large"`,elements:[{name:`literal`,value:`"none"`},{name:`literal`,value:`"small"`},{name:`literal`,value:`"normal"`},{name:`literal`,value:`"large"`}]},description:``,defaultValue:{value:`"none"`,computed:!1}},children:{required:!0,tsType:{name:`ReactNode`},description:``},className:{required:!1,tsType:{name:`string`},description:``},semantic:{required:!1,tsType:{name:`union`,raw:`"detail" | "list"`,elements:[{name:`literal`,value:`"detail"`},{name:`literal`,value:`"list"`}]},description:``,defaultValue:{value:`"list"`,computed:!1}},inline:{required:!1,tsType:{name:`boolean`},description:``},center:{required:!1,tsType:{name:`boolean`},description:``},vertical:{required:!1,tsType:{name:`union`,raw:`"start" | "center" | "end"`,elements:[{name:`literal`,value:`"start"`},{name:`literal`,value:`"center"`},{name:`literal`,value:`"end"`}]},description:``},noWrap:{required:!1,tsType:{name:`boolean`},description:``},withColon:{required:!1,tsType:{name:`boolean`},description:``}},composes:[`AriaAttributes`]}})))()}var N=t({BasicList:()=>L,CustomLabel:()=>B,MultipleColumns:()=>R,SemanticDl:()=>z,__namedExportsOrder:()=>V,default:()=>I}),P,F,I,L,R,z,B,V;function H(){return(H=e((()=>{M(),P=r(),{useArgs:F}=__STORYBOOK_MODULE_PREVIEW_API__,I={title:`UI/Detail`,component:A,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}}},L={render:function(){let[e]=F();return(0,P.jsxs)(A,{...e,children:[(0,P.jsx)(A.Item,{required:!0,label:`Статус`,value:`Активен`}),(0,P.jsx)(A.Item,{label:`Приоритет`,value:`Высокий`}),(0,P.jsx)(A.Item,{label:`Автор`,value:`Иван Петров`})]})},args:{children:void 0}},R={render:function(){let[e]=F();return(0,P.jsxs)(A,{...e,children:[(0,P.jsx)(A.Item,{label:`ID`,value:`DOC-12345`}),(0,P.jsx)(A.Item,{label:`Дата`,value:`05.03.2026`}),(0,P.jsx)(A.Item,{label:`Версия`,value:`2.7`}),(0,P.jsx)(A.Item,{label:`Подразделение`,value:`Снабжение`}),(0,P.jsx)(A.Item,{label:`Регион`,value:`Урал`}),(0,P.jsx)(A.Item,{label:`Комментарий`,value:`Требуется согласование с бухгалтерией`})]})},args:{columnCount:2,rowGap:`small`,children:void 0}},z={render:function(){let[e]=F();return(0,P.jsxs)(A,{...e,children:[(0,P.jsx)(A.Item,{label:`Клиент`,value:`ООО Вектор`}),(0,P.jsx)(A.Item,{label:`Менеджер`,value:`Анна Смирнова`}),(0,P.jsx)(A.Item,{label:`Сумма`,value:`1 250 000 ₽`})]})},args:{semantic:`detail`,inline:!0,columnCount:1,"aria-label":`Сведения о заказе`,children:void 0}},B={render:function(){let[e]=F();return(0,P.jsxs)(A,{...e,children:[(0,P.jsx)(A.Item,{label:(0,P.jsx)(`span`,{children:`Номер договора`}),value:`KTK-2026-045`}),(0,P.jsx)(A.Item,{label:(0,P.jsx)(`span`,{title:`Без двоеточия для составной метки`,children:`Статус`}),value:`На согласовании`,withColon:!1})]})},args:{children:void 0}},L.parameters={...L.parameters,docs:{...L.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}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n}from"./iframe-DwDg20S-.js";import{t as r}from"./react-dom-BzEl8usk.js";import{a as i,i as a}from"./utils-tg3ibbzi.js";import{a as o,n as s,r as c,t as l}from"./dom-D9_dPJ4G.js";var u,d,f,p,m,h,g,_,v,y;function b(){return(b=e((()=>{u=`CAE3zd`,d=`DFvpTa`,f=`C8ZQm6`,p=`RzJwEj`,m=`zGQoKD`,h=`JUBMwA`,g=`_78tTkb`,_=`ld7oQW`,v=`Uwqgrr`,y={overlay:u,panel:d,sized:f,sm:p,md:m,lg:h,xl:g,xxl:_,inside:v}})))()}function x({title:e,description:t,open:n,onClose:r,size:a,minWidth:c,children:u}){let d=(0,S.useId)(),f=(0,S.useId)(),p={"--dialog-min-width":typeof c==`number`?`${c}px`:c},m=o({active:n,trapFocus:!0,restoreFocus:!0,initialFocus:`container`});if(s({active:n,onDismiss:r,containerRef:m}),!n||typeof document>`u`)return null;let h=l(`dialog-root`);return h?(0,C.createPortal)((0,w.jsx)(`div`,{className:`${y.overlay} surfaceBackdrop`,onMouseDown:e=>e.target===e.currentTarget&&r(),children:(0,w.jsxs)(`div`,{ref:m,role:`dialog`,"aria-modal":`true`,"aria-labelledby":e?d:void 0,"aria-describedby":t?f:void 0,tabIndex:-1,className:i(y.panel,a&&y.sized,a&&y[a],`scrollable overscroll surface0 shadowMd paddingLg radiusMd`),style:p,children:[e&&(0,w.jsx)(`h2`,{id:d,className:`margin0`,children:e}),t&&(0,w.jsx)(`p`,{id:f,children:t}),u]})}),h):null}var S,C,w;function T(){return(T=e((()=>{S=t(),c(),a(),C=r(),b(),w=n()})))()}export{T as n,x as t};
1
+ import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n}from"./iframe--CGTMt9T.js";import{t as r}from"./react-dom-BzEl8usk.js";import{a as i,i as a}from"./utils-tg3ibbzi.js";import{a as o,n as s,r as c,t as l}from"./dom-D9_dPJ4G.js";var u,d,f,p,m,h,g,_,v,y;function b(){return(b=e((()=>{u=`CAE3zd`,d=`DFvpTa`,f=`C8ZQm6`,p=`RzJwEj`,m=`zGQoKD`,h=`JUBMwA`,g=`_78tTkb`,_=`ld7oQW`,v=`Uwqgrr`,y={overlay:u,panel:d,sized:f,sm:p,md:m,lg:h,xl:g,xxl:_,inside:v}})))()}function x({title:e,description:t,open:n,onClose:r,size:a,minWidth:c,children:u}){let d=(0,S.useId)(),f=(0,S.useId)(),p={"--dialog-min-width":typeof c==`number`?`${c}px`:c},m=o({active:n,trapFocus:!0,restoreFocus:!0,initialFocus:`container`});if(s({active:n,onDismiss:r,containerRef:m}),!n||typeof document>`u`)return null;let h=l(`dialog-root`);return h?(0,C.createPortal)((0,w.jsx)(`div`,{className:`${y.overlay} surfaceBackdrop`,onMouseDown:e=>e.target===e.currentTarget&&r(),children:(0,w.jsxs)(`div`,{ref:m,role:`dialog`,"aria-modal":`true`,"aria-labelledby":e?d:void 0,"aria-describedby":t?f:void 0,tabIndex:-1,className:i(y.panel,a&&y.sized,a&&y[a],`scrollable overscroll surface0 shadowMd paddingLg radiusMd`),style:p,children:[e&&(0,w.jsx)(`h2`,{id:d,className:`margin0`,children:e}),t&&(0,w.jsx)(`p`,{id:f,children:t}),u]})}),h):null}var S,C,w;function T(){return(T=e((()=>{S=t(),c(),a(),C=r(),b(),w=n()})))()}export{T as n,x as t};
@@ -1,4 +1,4 @@
1
- import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-DwDg20S-.js";import{i as n,r}from"./react-Bl2r1tuC.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-C8zNjnZ6.js";import{a as p,i as m,n as h,o as g,r as _,t as v}from"./Dialog.stories-ByN-6686.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:h,parameters:{docs:{toc:!0}}}),`
1
+ import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe--CGTMt9T.js";import{i as n,r}from"./react-Bl2r1tuC.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-za-wOwFF.js";import{a as p,i as m,n as h,o as g,r as _,t as v}from"./Dialog.stories-CGdnARk7.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:h,parameters:{docs:{toc:!0}}}),`
2
2
  `,(0,x.jsx)(u,{children:`Dialog`}),`
3
3
  `,(0,x.jsx)(o,{children:`Легковесное диалоговое окно для коротких подтверждений и критичных действий`}),`
4
4
  `,(0,x.jsx)(t.p,{children:`Dialog уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
@@ -1,4 +1,4 @@
1
- import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{n}from"./iframe-DwDg20S-.js";import{n as r,t as i}from"./Button-pfdvT36U.js";import{n as a,t as o}from"./createControlledStoryRender-BouhvX-R.js";import{n as s,t as c}from"./Dialog-CKty3o7T.js";var l=t({Controlled:()=>h,LongContent:()=>_,Opened:()=>g,Sizes:()=>v,__namedExportsOrder:()=>y,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,_,v,y;function b(){return(b=e((()=>{r(),a(),s(),f=n(),{fn:p}=__STORYBOOK_MODULE_TEST__,m={title:`UI/Dialog`,component:c,args:{title:`Подтверждение операции`,description:`Проверьте параметры перед выполнением действия.`,open:!1,onClose:p(),size:`sm`,minWidth:void 0,children:null},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{title:{description:`Заголовок диалогового окна.`,control:`text`},description:{description:`Описание под заголовком.`,control:`text`},open:{description:`Управляет видимостью диалога.`,control:`boolean`},onClose:{description:`Вызывается при закрытии диалога.`,control:!1},size:{description:`Предустановленная ширина панели с теми же вариантами, что и у Modal.`,control:`inline-radio`,options:[`sm`,`md`,`lg`,`xl`,`xxl`,`inside`]},minWidth:{description:`Дополнительная минимальная ширина панели; ограничивается выбранным size и доступной шириной viewport.`,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:`Диалог изначально открыт для демонстрации верстки.`}))},_={args:{open:!0,size:`lg`},render:d(e=>(0,f.jsxs)(`div`,{children:[Array.from({length:24},(e,t)=>(0,f.jsxs)(`p`,{children:[`Строка `,t+1,`. Большой контент остаётся внутри доступной области экрана, а диалог прокручивается независимо от страницы.`]},t)),(0,f.jsx)(i,{onClick:e,children:`Закрыть диалог`})]}))},v={args:{open:!0,size:`sm`},render:d(()=>(0,f.jsx)(`div`,{children:`Измените size в Controls, чтобы сравнить ширину с одноимённым пресетом Modal.`}))},h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
1
+ import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{n}from"./iframe--CGTMt9T.js";import{n as r,t as i}from"./Button-CiBLpfB4.js";import{n as a,t as o}from"./createControlledStoryRender-BouhvX-R.js";import{n as s,t as c}from"./Dialog-ChxYkiWk.js";var l=t({Controlled:()=>h,LongContent:()=>_,Opened:()=>g,Sizes:()=>v,__namedExportsOrder:()=>y,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,_,v,y;function b(){return(b=e((()=>{r(),a(),s(),f=n(),{fn:p}=__STORYBOOK_MODULE_TEST__,m={title:`UI/Dialog`,component:c,args:{title:`Подтверждение операции`,description:`Проверьте параметры перед выполнением действия.`,open:!1,onClose:p(),size:`sm`,minWidth:void 0,children:null},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{title:{description:`Заголовок диалогового окна.`,control:`text`},description:{description:`Описание под заголовком.`,control:`text`},open:{description:`Управляет видимостью диалога.`,control:`boolean`},onClose:{description:`Вызывается при закрытии диалога.`,control:!1},size:{description:`Предустановленная ширина панели с теми же вариантами, что и у Modal.`,control:`inline-radio`,options:[`sm`,`md`,`lg`,`xl`,`xxl`,`inside`]},minWidth:{description:`Дополнительная минимальная ширина панели; ограничивается выбранным size и доступной шириной viewport.`,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:`Диалог изначально открыт для демонстрации верстки.`}))},_={args:{open:!0,size:`lg`},render:d(e=>(0,f.jsxs)(`div`,{children:[Array.from({length:24},(e,t)=>(0,f.jsxs)(`p`,{children:[`Строка `,t+1,`. Большой контент остаётся внутри доступной области экрана, а диалог прокручивается независимо от страницы.`]},t)),(0,f.jsx)(i,{onClick:e,children:`Закрыть диалог`})]}))},v={args:{open:!0,size:`sm`},render:d(()=>(0,f.jsx)(`div`,{children:`Измените size в Controls, чтобы сравнить ширину с одноимённым пресетом Modal.`}))},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-DkW27tQK.js";import{n as t}from"./iframe-DwDg20S-.js";import{i as n,r}from"./react-Bl2r1tuC.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-C8zNjnZ6.js";import{a as p,i as m,n as h,r as g,t as _}from"./Disclosure.stories-CDm6oF9a.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-DkW27tQK.js";import{n as t}from"./iframe--CGTMt9T.js";import{i as n,r}from"./react-Bl2r1tuC.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-za-wOwFF.js";import{a as p,i as m,n as h,r as g,t as _}from"./Disclosure.stories-DgfVdZ8V.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-DkW27tQK.js";import{i as n,n as r,r as i,t as a}from"./DisclosureGroup-ax0FDj8b.js";import{n as o}from"./iframe-DwDg20S-.js";import{n as s,t as c}from"./Button-pfdvT36U.js";import{n as l,t as u}from"./createControlledStoryRender-BouhvX-R.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:`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-DkW27tQK.js";import{i as n,n as r,r as i,t as a}from"./DisclosureGroup-CjcLktuT.js";import{n as o}from"./iframe--CGTMt9T.js";import{n as s,t as c}from"./Button-CiBLpfB4.js";import{n as l,t as u}from"./createControlledStoryRender-BouhvX-R.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:`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-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n,t as r}from"./chevron-down-ExkE372q.js";import{i,n as a,r as o}from"./iframe-DwDg20S-.js";import{a as s,i as c}from"./utils-tg3ibbzi.js";import{n as l,t as u}from"./ui.module-0uniSGT-.js";import{i as d,n as f}from"./uiClasses-Bar5W7-L.js";import{n as p,t as m}from"./FlexItem-DRk8xCGo.js";var h,g;function _(){return(_=e((()=>{i(),h=[[`path`,{d:`m18 15-6-6-6 6`,key:`153udz`}]],g=o(`chevron-up`,h)})))()}function v({ref:e,...t}){return(0,y.jsx)(m,{...t,ref:e,flex1:!0})}var y;function b(){return(b=e((()=>{p(),y=a(),v.displayName=`FlexSpacer`,v.__docgenInfo={description:``,methods:[],displayName:`FlexSpacer`,props:{ref:{required:!1,tsType:{name:`Ref`,elements:[{name:`HTMLElement`}],raw:`Ref<HTMLElement>`},description:``}}}})))()}var x,S,C,w,T,E;function D(){return(D=e((()=>{x=`P-rCx1`,S=`_9yjaDf`,C=`izVkky`,w=`KAIPfW`,T=`O-da-N`,E={disclosureHeader:x,disclosureButton:S,disclosureActions:C,disclosureGroup:w,disclosure:T}})))()}function O({label:e,defaultOpen:t,headerActions:n,tone:i=`primary`,children:a}){let[o,c]=(0,k.useState)(t===!0),u=(0,k.useId)(),d=(0,k.useId)(),p=f(i);return(0,A.jsxs)(`div`,{className:s(l.uiElement,l.uiPanel,p,E.disclosure),children:[(0,A.jsxs)(`div`,{className:E.disclosureHeader,children:[(0,A.jsxs)(`button`,{id:d,type:`button`,"aria-expanded":o,"aria-controls":u,className:s(E.disclosureButton,`fontBold radiusSm paddingSm gapSm`),"data-ui":`disclosure-toggle`,"data-action":o?`collapse-disclosure`:`expand-disclosure`,onClick:()=>c(e=>!e),children:[o?(0,A.jsx)(g,{}):(0,A.jsx)(r,{}),e]}),n?(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)(v,{}),n]}):null]}),o&&(0,A.jsx)(`div`,{id:u,role:`region`,"aria-labelledby":d,children:(0,A.jsx)(`div`,{className:`paddingMd`,children:a})})]})}var k,A;function j(){return(j=e((()=>{k=t(),c(),n(),_(),b(),u(),d(),D(),A=a(),O.__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 M({className:e,children:t}){return(0,N.jsx)(`div`,{className:s(E.disclosureGroup,e),children:t})}var N;function P(){return(P=e((()=>{t(),c(),D(),N=a(),M.__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-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n,t as r}from"./chevron-down-Vq8KbCfI.js";import{i,n as a,r as o}from"./iframe--CGTMt9T.js";import{a as s,i as c}from"./utils-tg3ibbzi.js";import{n as l,t as u}from"./ui.module-0uniSGT-.js";import{i as d,n as f}from"./uiClasses-Bar5W7-L.js";import{n as p,t as m}from"./FlexItem-DxLk1kGw.js";var h,g;function _(){return(_=e((()=>{i(),h=[[`path`,{d:`m18 15-6-6-6 6`,key:`153udz`}]],g=o(`chevron-up`,h)})))()}function v({ref:e,...t}){return(0,y.jsx)(m,{...t,ref:e,flex1:!0})}var y;function b(){return(b=e((()=>{p(),y=a(),v.displayName=`FlexSpacer`,v.__docgenInfo={description:``,methods:[],displayName:`FlexSpacer`,props:{ref:{required:!1,tsType:{name:`Ref`,elements:[{name:`HTMLElement`}],raw:`Ref<HTMLElement>`},description:``}}}})))()}var x,S,C,w,T,E;function D(){return(D=e((()=>{x=`P-rCx1`,S=`_9yjaDf`,C=`izVkky`,w=`KAIPfW`,T=`O-da-N`,E={disclosureHeader:x,disclosureButton:S,disclosureActions:C,disclosureGroup:w,disclosure:T}})))()}function O({label:e,defaultOpen:t,headerActions:n,tone:i=`primary`,children:a}){let[o,c]=(0,k.useState)(t===!0),u=(0,k.useId)(),d=(0,k.useId)(),p=f(i);return(0,A.jsxs)(`div`,{className:s(l.uiElement,l.uiPanel,p,E.disclosure),children:[(0,A.jsxs)(`div`,{className:E.disclosureHeader,children:[(0,A.jsxs)(`button`,{id:d,type:`button`,"aria-expanded":o,"aria-controls":u,className:s(E.disclosureButton,`fontBold radiusSm paddingSm gapSm`),"data-ui":`disclosure-toggle`,"data-action":o?`collapse-disclosure`:`expand-disclosure`,onClick:()=>c(e=>!e),children:[o?(0,A.jsx)(g,{}):(0,A.jsx)(r,{}),e]}),n?(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)(v,{}),n]}):null]}),o&&(0,A.jsx)(`div`,{id:u,role:`region`,"aria-labelledby":d,children:(0,A.jsx)(`div`,{className:`paddingMd`,children:a})})]})}var k,A;function j(){return(j=e((()=>{k=t(),c(),n(),_(),b(),u(),d(),D(),A=a(),O.__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 M({className:e,children:t}){return(0,N.jsx)(`div`,{className:s(E.disclosureGroup,e),children:t})}var N;function P(){return(P=e((()=>{t(),c(),D(),N=a(),M.__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{j as i,P as n,O as r,M as t};
@@ -1,2 +1,2 @@
1
1
  const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./react-Bl2r1tuC.js","./rolldown-runtime-DkW27tQK.js","./react-BZJXY1be.js"])))=>i.map(i=>d[i]);
2
- import{a as e,n as t}from"./rolldown-runtime-DkW27tQK.js";import{n,t as r}from"./preload-helper-wdlQj8DP.js";import{t as i}from"./react-BZJXY1be.js";import{i as a,m as o,o as s,s as c,t as l}from"./blocks-C8zNjnZ6.js";import{i as u,r as d,t as f}from"./react-18-EmNFJX4V.js";var p,m,h,g;function _(){return(_=t((()=>{p=e(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-Bl2r1tuC.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=t((()=>{_()})))()}v();export{g as DocsRenderer};
2
+ import{a as e,n as t}from"./rolldown-runtime-DkW27tQK.js";import{n,t as r}from"./preload-helper-wdlQj8DP.js";import{t as i}from"./react-BZJXY1be.js";import{i as a,m as o,o as s,s as c,t as l}from"./blocks-za-wOwFF.js";import{i as u,r as d,t as f}from"./react-18-EmNFJX4V.js";var p,m,h,g;function _(){return(_=t((()=>{p=e(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-Bl2r1tuC.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=t((()=>{_()})))()}v();export{g as DocsRenderer};
@@ -1,4 +1,4 @@
1
- import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{i as n,n as r,r as i}from"./iframe-DwDg20S-.js";import{a,i as o,n as s}from"./utils-tg3ibbzi.js";import{a as c,i as l,o as u,r as d,s as f}from"./file-CwRoWxeB.js";import{n as p,t as m}from"./InputFilesList-CXW0TZUT.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-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{i as n,n as r,r as i}from"./iframe--CGTMt9T.js";import{a,i as o,n as s}from"./utils-tg3ibbzi.js";import{a as c,i as l,o as u,r as d,s as f}from"./file-CwRoWxeB.js";import{n as p,t as m}from"./InputFilesList-BhKPPY0s.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}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-DwDg20S-.js";import{i as n,r}from"./react-Bl2r1tuC.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-C8zNjnZ6.js";import{a as p,i as m,n as h,r as g,t as _}from"./DropZone.stories-ChAnJpym.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-DkW27tQK.js";import{n as t}from"./iframe--CGTMt9T.js";import{i as n,r}from"./react-Bl2r1tuC.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-za-wOwFF.js";import{a as p,i as m,n as h,r as g,t as _}from"./DropZone.stories-DP_hFMc_.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,r as t}from"./rolldown-runtime-DkW27tQK.js";import{n,t as r}from"./DropZone-CIyryWZI.js";import{i,n as a,r as o}from"./iframe-DwDg20S-.js";import{n as s,t as c}from"./createControlledStoryRender-BouhvX-R.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:`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-DkW27tQK.js";import{n,t as r}from"./DropZone-Cp8Wufyw.js";import{i,n as a,r as o}from"./iframe--CGTMt9T.js";import{n as s,t as c}from"./createControlledStoryRender-BouhvX-R.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:`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,4 +1,4 @@
1
- import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n}from"./iframe-DwDg20S-.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-D6j5s44o.js";function v({children:e}){let{mode:t,open:n,menuId:i,triggerId:a,registerTriggerElement:o,onTriggerClick:s,onTriggerKeyDown:u}=f();if(t!==`click`)throw Error(`DropdownMenu.Trigger must be used within <DropdownMenu>`);return(0,y.cloneElement)(e,{id:e.props.id??a,ref:t=>{let n=e.props.ref;l(n,t),o(t)},"aria-haspopup":`menu`,"aria-expanded":n,"aria-controls":n?i:void 0,onClick:r(e.props.onClick,s),onKeyDown:c(e.props.onKeyDown,u)})}var y;function b(){return(b=e((()=>{y=t(),m(),v.__docgenInfo={description:``,methods:[],displayName:`DropdownMenuTrigger`,props:{children:{required:!0,tsType:{name:`ReactElement`,elements:[{name:`intersection`,raw:`HTMLAttributes<HTMLElement> & { ref?: Ref<HTMLElement> }`,elements:[{name:`HTMLAttributes`,elements:[{name:`HTMLElement`}],raw:`HTMLAttributes<HTMLElement>`},{name:`signature`,type:`object`,raw:`{ ref?: Ref<HTMLElement> }`,signature:{properties:[{key:`ref`,value:{name:`Ref`,elements:[{name:`HTMLElement`}],raw:`Ref<HTMLElement>`,required:!1}}]}}]}],raw:`ReactElement<HTMLAttributes<HTMLElement> & { ref?: Ref<HTMLElement> }>`},description:``}}}})))()}function x({children:e,placement:t,open:n,defaultOpen:r,onOpenChange:a}){return(0,S.jsx)(i,{mode:`click`,placement:t,open:n,defaultOpen:r,onOpenChange:a,children:e})}var S;function C(){return(C=e((()=>{t(),b(),s(),_(),a(),p(),u(),S=n(),x.Trigger=v,x.Content=o,x.Item=g,x.Separator=h,x.GroupLabel=d,x.__docgenInfo={description:``,methods:[{name:`Trigger`,docblock:null,modifiers:[`static`],params:[{name:`{ children }: DropdownMenuTriggerProps`,optional:!1,type:{name:`DropdownMenuTriggerProps`,alias:`DropdownMenuTriggerProps`}}],returns:null},{name:`Content`,docblock:null,modifiers:[`static`],params:[{name:`{
1
+ import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n}from"./iframe--CGTMt9T.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-Dz3oD_WF.js";function v({children:e}){let{mode:t,open:n,menuId:i,triggerId:a,registerTriggerElement:o,onTriggerClick:s,onTriggerKeyDown:u}=f();if(t!==`click`)throw Error(`DropdownMenu.Trigger must be used within <DropdownMenu>`);return(0,y.cloneElement)(e,{id:e.props.id??a,ref:t=>{let n=e.props.ref;l(n,t),o(t)},"aria-haspopup":`menu`,"aria-expanded":n,"aria-controls":n?i:void 0,onClick:r(e.props.onClick,s),onKeyDown:c(e.props.onKeyDown,u)})}var y;function b(){return(b=e((()=>{y=t(),m(),v.__docgenInfo={description:``,methods:[],displayName:`DropdownMenuTrigger`,props:{children:{required:!0,tsType:{name:`ReactElement`,elements:[{name:`intersection`,raw:`HTMLAttributes<HTMLElement> & { ref?: Ref<HTMLElement> }`,elements:[{name:`HTMLAttributes`,elements:[{name:`HTMLElement`}],raw:`HTMLAttributes<HTMLElement>`},{name:`signature`,type:`object`,raw:`{ ref?: Ref<HTMLElement> }`,signature:{properties:[{key:`ref`,value:{name:`Ref`,elements:[{name:`HTMLElement`}],raw:`Ref<HTMLElement>`,required:!1}}]}}]}],raw:`ReactElement<HTMLAttributes<HTMLElement> & { ref?: Ref<HTMLElement> }>`},description:``}}}})))()}function x({children:e,placement:t,open:n,defaultOpen:r,onOpenChange:a}){return(0,S.jsx)(i,{mode:`click`,placement:t,open:n,defaultOpen:r,onOpenChange:a,children:e})}var S;function C(){return(C=e((()=>{t(),b(),s(),_(),a(),p(),u(),S=n(),x.Trigger=v,x.Content=o,x.Item=g,x.Separator=h,x.GroupLabel=d,x.__docgenInfo={description:``,methods:[{name:`Trigger`,docblock:null,modifiers:[`static`],params:[{name:`{ children }: DropdownMenuTriggerProps`,optional:!1,type:{name:`DropdownMenuTriggerProps`,alias:`DropdownMenuTriggerProps`}}],returns:null},{name:`Content`,docblock:null,modifiers:[`static`],params:[{name:`{
2
2
  children,
3
3
  className,
4
4
  "aria-label": ariaLabel,
@@ -1,2 +1,2 @@
1
- import{a as e,n as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{i as r,n as i,r as a}from"./iframe-DwDg20S-.js";import{a as o,i as s}from"./utils-tg3ibbzi.js";import{n as c,t as l}from"./Button-pfdvT36U.js";import{n as u,t as d}from"./OneStepScroller-wahIXJlw.js";var f,p;function m(){return(m=t((()=>{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(_=t((()=>{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=t((()=>{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=t((()=>{D=e(n(),1),s(),m(),_(),c(),u(),T(),O=i(),E.__docgenInfo={description:`Горизонтальная раскрывающаяся панель действий.
1
+ import{a as e,n as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{i as r,n as i,r as a}from"./iframe--CGTMt9T.js";import{a as o,i as s}from"./utils-tg3ibbzi.js";import{n as c,t as l}from"./Button-CiBLpfB4.js";import{n as u,t as d}from"./OneStepScroller-NyCOFbAV.js";var f,p;function m(){return(m=t((()=>{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(_=t((()=>{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=t((()=>{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=t((()=>{D=e(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-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r,t as i}from"./check-DzdD29Lk.js";import{i as a,n as o,r as s,t as c}from"./ExpandableActionPanel-DT7f0JC6.js";import{n as l,t as u}from"./CheckBox-BqdthZ_f.js";import{n as d,t as f}from"./refresh-cw-DjWLNN0a.js";import{n as p,t as m}from"./settings-2-BeTxYg-T.js";import{i as h,n as g,r as _}from"./iframe-DwDg20S-.js";import{a as v,i as y}from"./utils-tg3ibbzi.js";import{n as b,t as x}from"./Button-pfdvT36U.js";import{n as S,t as C}from"./createControlledStoryRender-BouhvX-R.js";import{l as w,o as T}from"./Input-DgO6bhmR.js";import{n as E,t as D}from"./Select-C6CKo9z5.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)(T,{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(),w(),E(),o(),N(),L=g(),{fn:R}=__STORYBOOK_MODULE_TEST__,z={title:`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-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r,t as i}from"./check-BnCTqaAz.js";import{i as a,n as o,r as s,t as c}from"./ExpandableActionPanel-D6BzMChs.js";import{n as l,t as u}from"./CheckBox-DXdhv4Lf.js";import{n as d,t as f}from"./refresh-cw-B7iOgoek.js";import{n as p,t as m}from"./settings-2-DT9oEwF5.js";import{i as h,n as g,r as _}from"./iframe--CGTMt9T.js";import{a as v,i as y}from"./utils-tg3ibbzi.js";import{n as b,t as x}from"./Button-CiBLpfB4.js";import{n as S,t as C}from"./createControlledStoryRender-BouhvX-R.js";import{l as w,o as T}from"./Input-DKfVkFor.js";import{n as E,t as D}from"./Select-COV2S25J.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)(T,{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(),w(),E(),o(),N(),L=g(),{fn:R}=__STORYBOOK_MODULE_TEST__,z={title:`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-DkW27tQK.js";import{n as t}from"./iframe-DwDg20S-.js";import{i as n,r}from"./react-Bl2r1tuC.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-C8zNjnZ6.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-y4TLzuuM.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-DkW27tQK.js";import{n as t}from"./iframe--CGTMt9T.js";import{i as n,r}from"./react-Bl2r1tuC.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-za-wOwFF.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-4xln9Tx7.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-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r}from"./iframe-DwDg20S-.js";import{i,t as a}from"./useFlexClasses-SgVG37Bb.js";import{n as o,t as s}from"./FlexContainer-D2-q1g5m.js";import{n as c,t as l}from"./FlexItem-DRk8xCGo.js";function u({ref:e,variant:t,children:n,className:r=``,...a}){let o=[i(t??``),r].filter(Boolean).join(` `);return(0,d.jsx)(s,{ref:e,className:o,...a,children:n})}var d;function f(){return(f=e((()=>{o(),a(),d=r(),u.displayName=`PredefinedFlex`,u.__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:``},ref:{required:!1,tsType:{name:`Ref`,elements:[{name:`HTMLElement`}],raw:`Ref<HTMLElement>`},description:``},className:{defaultValue:{value:`""`,computed:!1},required:!1}},composes:[`Omit`]}})))()}var p;function m(){return(m=e((()=>{o(),c(),f(),p={Container:s,Item:l,Predefined:u}})))()}var h=t({AlignItems:()=>E,BasicColumn:()=>C,BasicRow:()=>S,Directions:()=>w,FlexItems:()=>k,Gaps:()=>O,InlineFlex:()=>j,JustifyContent:()=>T,Predefined:()=>A,RealWorld:()=>M,Wrapping:()=>D,__namedExportsOrder:()=>N,default:()=>x});function g({children:e,index:t=0}){return(0,_.jsx)(p.Item,{style:{...y.item,backgroundColor:b(t)},children:e})}var _,v,y,b,x,S,C,w,T,E,D,O,k,A,j,M,N;function P(){return(P=e((()=>{n(),m(),_=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={title:`Layout/Flex`,component:p.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}}},S={render:e=>(0,_.jsx)(p.Container,{...e,style:y.container}),args:{children:(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(g,{index:0,children:`Item 1`}),(0,_.jsx)(g,{index:1,children:`Item 2`}),(0,_.jsx)(g,{index:2,children:`Item 3`})]}),row:!0}},C={render:e=>(0,_.jsx)(p.Container,{...e,style:y.container}),args:{children:(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(g,{index:0,children:`Header`}),(0,_.jsx)(g,{index:1,children:`Content`}),(0,_.jsx)(g,{index:2,children:`Footer`})]}),column:!0}},w={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsx)(`h3`,{children:`Row (default)`}),(0,_.jsxs)(p.Container,{row:!0,style:y.container,children:[(0,_.jsx)(g,{index:0,children:`1`}),(0,_.jsx)(g,{index:1,children:`2`}),(0,_.jsx)(g,{index:2,children:`3`})]}),(0,_.jsx)(`h3`,{children:`Row Reverse`}),(0,_.jsxs)(p.Container,{rowReverse:!0,style:y.container,children:[(0,_.jsx)(g,{index:0,children:`1`}),(0,_.jsx)(g,{index:1,children:`2`}),(0,_.jsx)(g,{index:2,children:`3`})]}),(0,_.jsx)(`h3`,{children:`Column`}),(0,_.jsxs)(p.Container,{column:!0,style:y.container,children:[(0,_.jsx)(g,{index:0,children:`1`}),(0,_.jsx)(g,{index:1,children:`2`}),(0,_.jsx)(g,{index:2,children:`3`})]}),(0,_.jsx)(`h3`,{children:`Column Reverse`}),(0,_.jsxs)(p.Container,{columnReverse:!0,style:y.container,children:[(0,_.jsx)(g,{index:0,children:`1`}),(0,_.jsx)(g,{index:1,children:`2`}),(0,_.jsx)(g,{index:2,children:`3`})]})]}),args:{children:void 0}},T={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)(p.Container,{row:!0,justify:e,style:y.container,children:[(0,_.jsx)(g,{index:0,children:`Item 1`}),(0,_.jsx)(g,{index:1,children:`Item 2`}),(0,_.jsx)(g,{index:2,children:`Item 3`})]})]},e))}),args:{children:void 0}},E={render:()=>(0,_.jsx)(`div`,{children:[`start`,`center`,`end`,`stretch`,`baseline`].map(e=>(0,_.jsxs)(`div`,{children:[(0,_.jsxs)(`h3`,{children:[`Align: `,e]}),(0,_.jsxs)(p.Container,{row:!0,align:e,style:{...y.container,height:`120px`},children:[(0,_.jsx)(g,{index:0,children:(0,_.jsx)(`div`,{children:`Short`})}),(0,_.jsx)(g,{index:1,children:(0,_.jsx)(`div`,{style:{padding:`40px`},children:`Tall`})}),(0,_.jsx)(g,{index:2,children:(0,_.jsx)(`div`,{style:{padding:`24px`},children:`Medium`})})]})]},e))}),args:{children:void 0}},D={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsx)(`h3`,{children:`No Wrap (default)`}),(0,_.jsx)(p.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)(g,{index:e,children:[`Item `,e]},e))}),(0,_.jsx)(`h3`,{children:`Wrap`}),(0,_.jsx)(p.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)(g,{index:e,children:[`Item `,e]},e))}),(0,_.jsx)(`h3`,{children:`Wrap Reverse`}),(0,_.jsx)(p.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)(g,{index:e,children:[`Item `,e]},e))})]}),args:{children:void 0}},O={render:()=>(0,_.jsxs)(`div`,{children:[[`xs`,`sm`,`md`,`lg`,`xl`].map(e=>(0,_.jsxs)(`div`,{children:[(0,_.jsxs)(`h3`,{children:[`Gap: `,e]}),(0,_.jsx)(p.Container,{row:!0,wrap:!0,gap:e,style:y.container,children:[1,2,3,4,5,6].map(e=>(0,_.jsxs)(g,{index:e,children:[`Item `,e]},e))})]},e)),(0,_.jsx)(`h3`,{children:`Different Row and Column Gaps`}),(0,_.jsx)(p.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)(g,{index:e,children:[`Item `,e]},e))})]}),args:{children:void 0}},k={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsx)(`h3`,{children:`Grow Properties`}),(0,_.jsxs)(p.Container,{row:!0,style:y.container,children:[(0,_.jsx)(g,{index:0,children:`Default`}),(0,_.jsx)(p.Item,{grow:!0,children:(0,_.jsx)(`div`,{style:{...y.item,backgroundColor:b(1)},children:`Grow`})}),(0,_.jsx)(g,{index:2,children:`Default`})]}),(0,_.jsx)(`h3`,{children:`Shrink Properties`}),(0,_.jsxs)(p.Container,{row:!0,style:{...y.container,width:`300px`},children:[(0,_.jsx)(p.Item,{shrink:!1,children:(0,_.jsx)(`div`,{style:{...y.item,backgroundColor:b(0),width:`150px`},children:`No Shrink`})}),(0,_.jsx)(p.Item,{children:(0,_.jsx)(`div`,{style:{...y.item,backgroundColor:b(1),width:`150px`},children:`Shrink (default)`})})]}),(0,_.jsx)(`h3`,{children:`Composite Classes`}),(0,_.jsxs)(p.Container,{row:!0,style:y.container,children:[(0,_.jsx)(p.Item,{flex0:!0,children:(0,_.jsx)(`div`,{style:{...y.item,backgroundColor:b(0)},children:`flex0`})}),(0,_.jsx)(p.Item,{flex1:!0,children:(0,_.jsx)(`div`,{style:{...y.item,backgroundColor:b(1)},children:`flex1`})}),(0,_.jsx)(p.Item,{flex0:!0,children:(0,_.jsx)(`div`,{style:{...y.item,backgroundColor:b(2)},children:`flex0`})})]})]}),args:{children:void 0}},A={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsx)(`h3`,{children:`Center`}),(0,_.jsx)(p.Predefined,{variant:`center`,style:{...y.container,height:`100px`},children:(0,_.jsx)(g,{index:0,children:`Centered Content`})}),(0,_.jsx)(`h3`,{children:`Center Between`}),(0,_.jsxs)(p.Predefined,{variant:`centerBetween`,style:y.container,children:[(0,_.jsx)(g,{index:0,children:`Left`}),(0,_.jsx)(g,{index:1,children:`Right`})]})]}),args:{children:void 0}},j={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsxs)(`p`,{children:[`This is text with`,(0,_.jsxs)(p.Container,{inline:!0,align:`center`,gap:`sm`,style:{margin:`0 8px`},children:[(0,_.jsx)(g,{index:0,children:`inline`}),(0,_.jsx)(g,{index:1,children:`flex`})]}),`elements inside.`]}),(0,_.jsxs)(`p`,{children:[`Another example with`,(0,_.jsxs)(p.Container,{inline:!0,column:!0,gap:`xs`,style:{margin:`0 8px`},children:[(0,_.jsx)(g,{index:2,children:`vertical`}),(0,_.jsx)(g,{index:3,children:`inline`})]}),`flex.`]})]}),args:{children:void 0}},M={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsx)(`h3`,{children:`Navigation Bar`}),(0,_.jsxs)(p.Predefined,{variant:`centerBetween`,style:y.container,children:[(0,_.jsxs)(p.Container,{row:!0,align:`center`,gap:`md`,children:[(0,_.jsx)(g,{index:0,children:`Logo`}),(0,_.jsx)(g,{index:1,children:`Home`}),(0,_.jsx)(g,{index:2,children:`About`}),(0,_.jsx)(g,{index:3,children:`Contact`})]}),(0,_.jsx)(g,{index:4,children:`Login`})]}),(0,_.jsx)(`h3`,{children:`Card Layout`}),(0,_.jsx)(p.Container,{row:!0,wrap:!0,gap:`lg`,style:y.container,children:[1,2,3,4].map(e=>(0,_.jsx)(p.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)(p.Container,{column:!0,gap:`md`,style:y.container,children:[(0,_.jsxs)(p.Container,{row:!0,gap:`md`,children:[(0,_.jsx)(p.Item,{flex1:!0,children:(0,_.jsx)(g,{index:0,children:`First Name`})}),(0,_.jsx)(p.Item,{flex1:!0,children:(0,_.jsx)(g,{index:1,children:`Last Name`})})]}),(0,_.jsx)(g,{index:2,children:`Email`}),(0,_.jsx)(g,{index:3,children:`Message`})]})]}),args:{children:void 0}},S.parameters={...S.parameters,docs:{...S.parameters?.docs,source:{originalSource:`{
1
+ import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r}from"./iframe--CGTMt9T.js";import{i,t as a}from"./useFlexClasses-SgVG37Bb.js";import{n as o,t as s}from"./FlexContainer-CUkvfdhf.js";import{n as c,t as l}from"./FlexItem-DxLk1kGw.js";function u({ref:e,variant:t,children:n,className:r=``,...a}){let o=[i(t??``),r].filter(Boolean).join(` `);return(0,d.jsx)(s,{ref:e,className:o,...a,children:n})}var d;function f(){return(f=e((()=>{o(),a(),d=r(),u.displayName=`PredefinedFlex`,u.__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:``},ref:{required:!1,tsType:{name:`Ref`,elements:[{name:`HTMLElement`}],raw:`Ref<HTMLElement>`},description:``},className:{defaultValue:{value:`""`,computed:!1},required:!1}},composes:[`Omit`]}})))()}var p;function m(){return(m=e((()=>{o(),c(),f(),p={Container:s,Item:l,Predefined:u}})))()}var h=t({AlignItems:()=>E,BasicColumn:()=>C,BasicRow:()=>S,Directions:()=>w,FlexItems:()=>k,Gaps:()=>O,InlineFlex:()=>j,JustifyContent:()=>T,Predefined:()=>A,RealWorld:()=>M,Wrapping:()=>D,__namedExportsOrder:()=>N,default:()=>x});function g({children:e,index:t=0}){return(0,_.jsx)(p.Item,{style:{...y.item,backgroundColor:b(t)},children:e})}var _,v,y,b,x,S,C,w,T,E,D,O,k,A,j,M,N;function P(){return(P=e((()=>{n(),m(),_=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={title:`Layout/Flex`,component:p.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}}},S={render:e=>(0,_.jsx)(p.Container,{...e,style:y.container}),args:{children:(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(g,{index:0,children:`Item 1`}),(0,_.jsx)(g,{index:1,children:`Item 2`}),(0,_.jsx)(g,{index:2,children:`Item 3`})]}),row:!0}},C={render:e=>(0,_.jsx)(p.Container,{...e,style:y.container}),args:{children:(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(g,{index:0,children:`Header`}),(0,_.jsx)(g,{index:1,children:`Content`}),(0,_.jsx)(g,{index:2,children:`Footer`})]}),column:!0}},w={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsx)(`h3`,{children:`Row (default)`}),(0,_.jsxs)(p.Container,{row:!0,style:y.container,children:[(0,_.jsx)(g,{index:0,children:`1`}),(0,_.jsx)(g,{index:1,children:`2`}),(0,_.jsx)(g,{index:2,children:`3`})]}),(0,_.jsx)(`h3`,{children:`Row Reverse`}),(0,_.jsxs)(p.Container,{rowReverse:!0,style:y.container,children:[(0,_.jsx)(g,{index:0,children:`1`}),(0,_.jsx)(g,{index:1,children:`2`}),(0,_.jsx)(g,{index:2,children:`3`})]}),(0,_.jsx)(`h3`,{children:`Column`}),(0,_.jsxs)(p.Container,{column:!0,style:y.container,children:[(0,_.jsx)(g,{index:0,children:`1`}),(0,_.jsx)(g,{index:1,children:`2`}),(0,_.jsx)(g,{index:2,children:`3`})]}),(0,_.jsx)(`h3`,{children:`Column Reverse`}),(0,_.jsxs)(p.Container,{columnReverse:!0,style:y.container,children:[(0,_.jsx)(g,{index:0,children:`1`}),(0,_.jsx)(g,{index:1,children:`2`}),(0,_.jsx)(g,{index:2,children:`3`})]})]}),args:{children:void 0}},T={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)(p.Container,{row:!0,justify:e,style:y.container,children:[(0,_.jsx)(g,{index:0,children:`Item 1`}),(0,_.jsx)(g,{index:1,children:`Item 2`}),(0,_.jsx)(g,{index:2,children:`Item 3`})]})]},e))}),args:{children:void 0}},E={render:()=>(0,_.jsx)(`div`,{children:[`start`,`center`,`end`,`stretch`,`baseline`].map(e=>(0,_.jsxs)(`div`,{children:[(0,_.jsxs)(`h3`,{children:[`Align: `,e]}),(0,_.jsxs)(p.Container,{row:!0,align:e,style:{...y.container,height:`120px`},children:[(0,_.jsx)(g,{index:0,children:(0,_.jsx)(`div`,{children:`Short`})}),(0,_.jsx)(g,{index:1,children:(0,_.jsx)(`div`,{style:{padding:`40px`},children:`Tall`})}),(0,_.jsx)(g,{index:2,children:(0,_.jsx)(`div`,{style:{padding:`24px`},children:`Medium`})})]})]},e))}),args:{children:void 0}},D={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsx)(`h3`,{children:`No Wrap (default)`}),(0,_.jsx)(p.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)(g,{index:e,children:[`Item `,e]},e))}),(0,_.jsx)(`h3`,{children:`Wrap`}),(0,_.jsx)(p.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)(g,{index:e,children:[`Item `,e]},e))}),(0,_.jsx)(`h3`,{children:`Wrap Reverse`}),(0,_.jsx)(p.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)(g,{index:e,children:[`Item `,e]},e))})]}),args:{children:void 0}},O={render:()=>(0,_.jsxs)(`div`,{children:[[`xs`,`sm`,`md`,`lg`,`xl`].map(e=>(0,_.jsxs)(`div`,{children:[(0,_.jsxs)(`h3`,{children:[`Gap: `,e]}),(0,_.jsx)(p.Container,{row:!0,wrap:!0,gap:e,style:y.container,children:[1,2,3,4,5,6].map(e=>(0,_.jsxs)(g,{index:e,children:[`Item `,e]},e))})]},e)),(0,_.jsx)(`h3`,{children:`Different Row and Column Gaps`}),(0,_.jsx)(p.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)(g,{index:e,children:[`Item `,e]},e))})]}),args:{children:void 0}},k={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsx)(`h3`,{children:`Grow Properties`}),(0,_.jsxs)(p.Container,{row:!0,style:y.container,children:[(0,_.jsx)(g,{index:0,children:`Default`}),(0,_.jsx)(p.Item,{grow:!0,children:(0,_.jsx)(`div`,{style:{...y.item,backgroundColor:b(1)},children:`Grow`})}),(0,_.jsx)(g,{index:2,children:`Default`})]}),(0,_.jsx)(`h3`,{children:`Shrink Properties`}),(0,_.jsxs)(p.Container,{row:!0,style:{...y.container,width:`300px`},children:[(0,_.jsx)(p.Item,{shrink:!1,children:(0,_.jsx)(`div`,{style:{...y.item,backgroundColor:b(0),width:`150px`},children:`No Shrink`})}),(0,_.jsx)(p.Item,{children:(0,_.jsx)(`div`,{style:{...y.item,backgroundColor:b(1),width:`150px`},children:`Shrink (default)`})})]}),(0,_.jsx)(`h3`,{children:`Composite Classes`}),(0,_.jsxs)(p.Container,{row:!0,style:y.container,children:[(0,_.jsx)(p.Item,{flex0:!0,children:(0,_.jsx)(`div`,{style:{...y.item,backgroundColor:b(0)},children:`flex0`})}),(0,_.jsx)(p.Item,{flex1:!0,children:(0,_.jsx)(`div`,{style:{...y.item,backgroundColor:b(1)},children:`flex1`})}),(0,_.jsx)(p.Item,{flex0:!0,children:(0,_.jsx)(`div`,{style:{...y.item,backgroundColor:b(2)},children:`flex0`})})]})]}),args:{children:void 0}},A={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsx)(`h3`,{children:`Center`}),(0,_.jsx)(p.Predefined,{variant:`center`,style:{...y.container,height:`100px`},children:(0,_.jsx)(g,{index:0,children:`Centered Content`})}),(0,_.jsx)(`h3`,{children:`Center Between`}),(0,_.jsxs)(p.Predefined,{variant:`centerBetween`,style:y.container,children:[(0,_.jsx)(g,{index:0,children:`Left`}),(0,_.jsx)(g,{index:1,children:`Right`})]})]}),args:{children:void 0}},j={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsxs)(`p`,{children:[`This is text with`,(0,_.jsxs)(p.Container,{inline:!0,align:`center`,gap:`sm`,style:{margin:`0 8px`},children:[(0,_.jsx)(g,{index:0,children:`inline`}),(0,_.jsx)(g,{index:1,children:`flex`})]}),`elements inside.`]}),(0,_.jsxs)(`p`,{children:[`Another example with`,(0,_.jsxs)(p.Container,{inline:!0,column:!0,gap:`xs`,style:{margin:`0 8px`},children:[(0,_.jsx)(g,{index:2,children:`vertical`}),(0,_.jsx)(g,{index:3,children:`inline`})]}),`flex.`]})]}),args:{children:void 0}},M={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsx)(`h3`,{children:`Navigation Bar`}),(0,_.jsxs)(p.Predefined,{variant:`centerBetween`,style:y.container,children:[(0,_.jsxs)(p.Container,{row:!0,align:`center`,gap:`md`,children:[(0,_.jsx)(g,{index:0,children:`Logo`}),(0,_.jsx)(g,{index:1,children:`Home`}),(0,_.jsx)(g,{index:2,children:`About`}),(0,_.jsx)(g,{index:3,children:`Contact`})]}),(0,_.jsx)(g,{index:4,children:`Login`})]}),(0,_.jsx)(`h3`,{children:`Card Layout`}),(0,_.jsx)(p.Container,{row:!0,wrap:!0,gap:`lg`,style:y.container,children:[1,2,3,4].map(e=>(0,_.jsx)(p.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)(p.Container,{column:!0,gap:`md`,style:y.container,children:[(0,_.jsxs)(p.Container,{row:!0,gap:`md`,children:[(0,_.jsx)(p.Item,{flex1:!0,children:(0,_.jsx)(g,{index:0,children:`First Name`})}),(0,_.jsx)(p.Item,{flex1:!0,children:(0,_.jsx)(g,{index:1,children:`Last Name`})})]}),(0,_.jsx)(g,{index:2,children:`Email`}),(0,_.jsx)(g,{index:3,children:`Message`})]})]}),args:{children:void 0}},S.parameters={...S.parameters,docs:{...S.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}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n}from"./iframe-DwDg20S-.js";import{n as r,r as i,t as a}from"./media-D9cE2tzi.js";import{n as o,t as s}from"./PolymorphicComponent-NBvIz9JD.js";import{n as c,t as l}from"./useFlexClasses-SgVG37Bb.js";function u({ref:e,children:t,className:n=``,as:i,style:o,inline:l,row:u,column:m,rowReverse:h,columnReverse:g,wrap:_,nowrap:v,wrapReverse:y,align:b,justify:x,alignContent:S,gap:C,gapRow:w,gapColumn:T,...E}){let{activeBreakpoint:D}=a(),O=(0,d.useMemo)(()=>r({inline:l,row:u,column:m,rowReverse:h,columnReverse:g,wrap:_,nowrap:v,wrapReverse:y,align:b,justify:x,alignContent:S,gap:C,gapRow:w,gapColumn:T},D,p),[D,b,S,m,g,C,T,w,l,x,v,u,h,_,y]),k=[c(O),n].filter(Boolean).join(` `);return(0,f.jsx)(s,{as:i,...E,ref:e,className:k,style:o,children:t})}var d,f,p;function m(){return(m=e((()=>{d=t(),i(),o(),l(),f=n(),p=[`inline`,`row`,`column`,`rowReverse`,`columnReverse`,`wrap`,`nowrap`,`wrapReverse`,`align`,`justify`,`alignContent`,`gap`,`gapRow`,`gapColumn`],u.displayName=`FlexContainer`,u.__docgenInfo={description:``,methods:[],displayName:`FlexContainer`,props:{inline:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`boolean`}],raw:`ResponsiveValue<boolean>`},description:"Тип display `flex | inline-flex`"},row:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`boolean`}],raw:`ResponsiveValue<boolean>`},description:`Направление flex-контейнера`},column:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`boolean`}],raw:`ResponsiveValue<boolean>`},description:``},rowReverse:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`boolean`}],raw:`ResponsiveValue<boolean>`},description:``},columnReverse:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`boolean`}],raw:`ResponsiveValue<boolean>`},description:``},wrap:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`boolean`}],raw:`ResponsiveValue<boolean>`},description:`Перенос элементов`},nowrap:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`boolean`}],raw:`ResponsiveValue<boolean>`},description:``},wrapReverse:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`boolean`}],raw:`ResponsiveValue<boolean>`},description:``},align:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`union`,raw:`"start" | "center" | "end" | "stretch" | "baseline"`,elements:[{name:`literal`,value:`"start"`},{name:`literal`,value:`"center"`},{name:`literal`,value:`"end"`},{name:`literal`,value:`"stretch"`},{name:`literal`,value:`"baseline"`}]}],raw:`ResponsiveValue<FlexAlign>`},description:`Выравнивание по поперечной оси`},justify:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`union`,raw:`"start" | "center" | "end" | "stretch" | "between" | "around" | "evenly"`,elements:[{name:`literal`,value:`"start"`},{name:`literal`,value:`"center"`},{name:`literal`,value:`"end"`},{name:`literal`,value:`"stretch"`},{name:`literal`,value:`"between"`},{name:`literal`,value:`"around"`},{name:`literal`,value:`"evenly"`}]}],raw:`ResponsiveValue<FlexJustify>`},description:`Выравнивание по главной оси`},alignContent:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`union`,raw:`"start" | "center" | "end" | "stretch" | "between" | "around" | "evenly"`,elements:[{name:`literal`,value:`"start"`},{name:`literal`,value:`"center"`},{name:`literal`,value:`"end"`},{name:`literal`,value:`"stretch"`},{name:`literal`,value:`"between"`},{name:`literal`,value:`"around"`},{name:`literal`,value:`"evenly"`}]}],raw:`ResponsiveValue<FlexJustify>`},description:`Выравнивание контента`},gap:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`union`,raw:`"none" | "xs" | "sm" | "md" | "lg" | "xl"`,elements:[{name:`literal`,value:`"none"`},{name:`literal`,value:`"xs"`},{name:`literal`,value:`"sm"`},{name:`literal`,value:`"md"`},{name:`literal`,value:`"lg"`},{name:`literal`,value:`"xl"`}]}],raw:`ResponsiveValue<FlexGap>`},description:`Gap`},gapRow:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`Exclude`,elements:[{name:`union`,raw:`"none" | "xs" | "sm" | "md" | "lg" | "xl"`,elements:[{name:`literal`,value:`"none"`},{name:`literal`,value:`"xs"`},{name:`literal`,value:`"sm"`},{name:`literal`,value:`"md"`},{name:`literal`,value:`"lg"`},{name:`literal`,value:`"xl"`}]},{name:`literal`,value:`"none"`}],raw:`Exclude<FlexGap, "none">`}],raw:`ResponsiveValue<Exclude<FlexGap, "none">>`},description:`Row gap`},gapColumn:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`Exclude`,elements:[{name:`union`,raw:`"none" | "xs" | "sm" | "md" | "lg" | "xl"`,elements:[{name:`literal`,value:`"none"`},{name:`literal`,value:`"xs"`},{name:`literal`,value:`"sm"`},{name:`literal`,value:`"md"`},{name:`literal`,value:`"lg"`},{name:`literal`,value:`"xl"`}]},{name:`literal`,value:`"none"`}],raw:`Exclude<FlexGap, "none">`}],raw:`ResponsiveValue<Exclude<FlexGap, "none">>`},description:`Column gap`},children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:`Дочерние элементы`},className:{required:!1,tsType:{name:`string`},description:`CSS класс`,defaultValue:{value:`""`,computed:!1}},as:{required:!1,tsType:{name:`JSX.IntrinsicElements`},description:`HTML тег`},style:{required:!1,tsType:{name:`CSSProperties`},description:`Inline styles`},ref:{required:!1,tsType:{name:`Ref`,elements:[{name:`HTMLElement`}],raw:`Ref<HTMLElement>`},description:``}},composes:[`HTMLAttributes`]}})))()}export{m as n,u as t};
1
+ import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n}from"./iframe--CGTMt9T.js";import{n as r,r as i,t as a}from"./media-D9cE2tzi.js";import{n as o,t as s}from"./PolymorphicComponent-NBvIz9JD.js";import{n as c,t as l}from"./useFlexClasses-SgVG37Bb.js";function u({ref:e,children:t,className:n=``,as:i,style:o,inline:l,row:u,column:m,rowReverse:h,columnReverse:g,wrap:_,nowrap:v,wrapReverse:y,align:b,justify:x,alignContent:S,gap:C,gapRow:w,gapColumn:T,...E}){let{activeBreakpoint:D}=a(),O=(0,d.useMemo)(()=>r({inline:l,row:u,column:m,rowReverse:h,columnReverse:g,wrap:_,nowrap:v,wrapReverse:y,align:b,justify:x,alignContent:S,gap:C,gapRow:w,gapColumn:T},D,p),[D,b,S,m,g,C,T,w,l,x,v,u,h,_,y]),k=[c(O),n].filter(Boolean).join(` `);return(0,f.jsx)(s,{as:i,...E,ref:e,className:k,style:o,children:t})}var d,f,p;function m(){return(m=e((()=>{d=t(),i(),o(),l(),f=n(),p=[`inline`,`row`,`column`,`rowReverse`,`columnReverse`,`wrap`,`nowrap`,`wrapReverse`,`align`,`justify`,`alignContent`,`gap`,`gapRow`,`gapColumn`],u.displayName=`FlexContainer`,u.__docgenInfo={description:``,methods:[],displayName:`FlexContainer`,props:{inline:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`boolean`}],raw:`ResponsiveValue<boolean>`},description:"Тип display `flex | inline-flex`"},row:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`boolean`}],raw:`ResponsiveValue<boolean>`},description:`Направление flex-контейнера`},column:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`boolean`}],raw:`ResponsiveValue<boolean>`},description:``},rowReverse:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`boolean`}],raw:`ResponsiveValue<boolean>`},description:``},columnReverse:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`boolean`}],raw:`ResponsiveValue<boolean>`},description:``},wrap:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`boolean`}],raw:`ResponsiveValue<boolean>`},description:`Перенос элементов`},nowrap:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`boolean`}],raw:`ResponsiveValue<boolean>`},description:``},wrapReverse:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`boolean`}],raw:`ResponsiveValue<boolean>`},description:``},align:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`union`,raw:`"start" | "center" | "end" | "stretch" | "baseline"`,elements:[{name:`literal`,value:`"start"`},{name:`literal`,value:`"center"`},{name:`literal`,value:`"end"`},{name:`literal`,value:`"stretch"`},{name:`literal`,value:`"baseline"`}]}],raw:`ResponsiveValue<FlexAlign>`},description:`Выравнивание по поперечной оси`},justify:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`union`,raw:`"start" | "center" | "end" | "stretch" | "between" | "around" | "evenly"`,elements:[{name:`literal`,value:`"start"`},{name:`literal`,value:`"center"`},{name:`literal`,value:`"end"`},{name:`literal`,value:`"stretch"`},{name:`literal`,value:`"between"`},{name:`literal`,value:`"around"`},{name:`literal`,value:`"evenly"`}]}],raw:`ResponsiveValue<FlexJustify>`},description:`Выравнивание по главной оси`},alignContent:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`union`,raw:`"start" | "center" | "end" | "stretch" | "between" | "around" | "evenly"`,elements:[{name:`literal`,value:`"start"`},{name:`literal`,value:`"center"`},{name:`literal`,value:`"end"`},{name:`literal`,value:`"stretch"`},{name:`literal`,value:`"between"`},{name:`literal`,value:`"around"`},{name:`literal`,value:`"evenly"`}]}],raw:`ResponsiveValue<FlexJustify>`},description:`Выравнивание контента`},gap:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`union`,raw:`"none" | "xs" | "sm" | "md" | "lg" | "xl"`,elements:[{name:`literal`,value:`"none"`},{name:`literal`,value:`"xs"`},{name:`literal`,value:`"sm"`},{name:`literal`,value:`"md"`},{name:`literal`,value:`"lg"`},{name:`literal`,value:`"xl"`}]}],raw:`ResponsiveValue<FlexGap>`},description:`Gap`},gapRow:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`Exclude`,elements:[{name:`union`,raw:`"none" | "xs" | "sm" | "md" | "lg" | "xl"`,elements:[{name:`literal`,value:`"none"`},{name:`literal`,value:`"xs"`},{name:`literal`,value:`"sm"`},{name:`literal`,value:`"md"`},{name:`literal`,value:`"lg"`},{name:`literal`,value:`"xl"`}]},{name:`literal`,value:`"none"`}],raw:`Exclude<FlexGap, "none">`}],raw:`ResponsiveValue<Exclude<FlexGap, "none">>`},description:`Row gap`},gapColumn:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`Exclude`,elements:[{name:`union`,raw:`"none" | "xs" | "sm" | "md" | "lg" | "xl"`,elements:[{name:`literal`,value:`"none"`},{name:`literal`,value:`"xs"`},{name:`literal`,value:`"sm"`},{name:`literal`,value:`"md"`},{name:`literal`,value:`"lg"`},{name:`literal`,value:`"xl"`}]},{name:`literal`,value:`"none"`}],raw:`Exclude<FlexGap, "none">`}],raw:`ResponsiveValue<Exclude<FlexGap, "none">>`},description:`Column gap`},children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:`Дочерние элементы`},className:{required:!1,tsType:{name:`string`},description:`CSS класс`,defaultValue:{value:`""`,computed:!1}},as:{required:!1,tsType:{name:`JSX.IntrinsicElements`},description:`HTML тег`},style:{required:!1,tsType:{name:`CSSProperties`},description:`Inline styles`},ref:{required:!1,tsType:{name:`Ref`,elements:[{name:`HTMLElement`}],raw:`Ref<HTMLElement>`},description:``}},composes:[`HTMLAttributes`]}})))()}export{m as n,u as t};
@@ -1,3 +1,3 @@
1
- import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n}from"./iframe-DwDg20S-.js";import{n as r,r as i,t as a}from"./media-D9cE2tzi.js";import{n as o,t as s}from"./PolymorphicComponent-NBvIz9JD.js";import{r as c,t as l}from"./useFlexClasses-SgVG37Bb.js";function u({ref:e,children:t,className:n=``,as:i,style:o,flex0:l,flex1:u,grow:m,shrink:h,basis:g,alignSelf:_,justifySelf:v,...y}){let{activeBreakpoint:b}=a(),x=(0,d.useMemo)(()=>r({flex0:l,flex1:u,grow:m,shrink:h,basis:g,alignSelf:_,justifySelf:v},b,p),[b,_,g,l,u,m,v,h]),S=[c(x),n].filter(Boolean).join(` `);return(0,f.jsx)(s,{as:i,...y,ref:e,className:S,style:o,children:t})}var d,f,p;function m(){return(m=e((()=>{d=t(),i(),o(),l(),f=n(),p=[`flex0`,`flex1`,`grow`,`shrink`,`basis`,`alignSelf`,`justifySelf`],u.displayName=`FlexItem`,u.__docgenInfo={description:``,methods:[],displayName:`FlexItem`,props:{grow:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`boolean`}],raw:`ResponsiveValue<boolean>`},description:`Способность расти
1
+ import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n}from"./iframe--CGTMt9T.js";import{n as r,r as i,t as a}from"./media-D9cE2tzi.js";import{n as o,t as s}from"./PolymorphicComponent-NBvIz9JD.js";import{r as c,t as l}from"./useFlexClasses-SgVG37Bb.js";function u({ref:e,children:t,className:n=``,as:i,style:o,flex0:l,flex1:u,grow:m,shrink:h,basis:g,alignSelf:_,justifySelf:v,...y}){let{activeBreakpoint:b}=a(),x=(0,d.useMemo)(()=>r({flex0:l,flex1:u,grow:m,shrink:h,basis:g,alignSelf:_,justifySelf:v},b,p),[b,_,g,l,u,m,v,h]),S=[c(x),n].filter(Boolean).join(` `);return(0,f.jsx)(s,{as:i,...y,ref:e,className:S,style:o,children:t})}var d,f,p;function m(){return(m=e((()=>{d=t(),i(),o(),l(),f=n(),p=[`flex0`,`flex1`,`grow`,`shrink`,`basis`,`alignSelf`,`justifySelf`],u.displayName=`FlexItem`,u.__docgenInfo={description:``,methods:[],displayName:`FlexItem`,props:{grow:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`boolean`}],raw:`ResponsiveValue<boolean>`},description:`Способность расти
2
2
  @default false = 0`},shrink:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`boolean`}],raw:`ResponsiveValue<boolean>`},description:`Способность сжиматься
3
3
  @default true = 1`},flex0:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`boolean`}],raw:`ResponsiveValue<boolean>`},description:`Использовать составной класс flex0`},flex1:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`boolean`}],raw:`ResponsiveValue<boolean>`},description:`Использовать составной класс flex1`},basis:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`union`,raw:`"0" | "auto"`,elements:[{name:`literal`,value:`"0"`},{name:`literal`,value:`"auto"`}]}],raw:`ResponsiveValue<FlexBasis>`},description:`Базовый размер`},alignSelf:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`union`,raw:`"start" | "center" | "end" | "stretch" | "baseline"`,elements:[{name:`literal`,value:`"start"`},{name:`literal`,value:`"center"`},{name:`literal`,value:`"end"`},{name:`literal`,value:`"stretch"`},{name:`literal`,value:`"baseline"`}]}],raw:`ResponsiveValue<FlexAlign>`},description:`Выравнивание отдельного элемента`},justifySelf:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`Exclude`,elements:[{name:`union`,raw:`"start" | "center" | "end" | "stretch" | "between" | "around" | "evenly"`,elements:[{name:`literal`,value:`"start"`},{name:`literal`,value:`"center"`},{name:`literal`,value:`"end"`},{name:`literal`,value:`"stretch"`},{name:`literal`,value:`"between"`},{name:`literal`,value:`"around"`},{name:`literal`,value:`"evenly"`}]},{name:`union`,raw:`"between" | "around" | "evenly"`,elements:[{name:`literal`,value:`"between"`},{name:`literal`,value:`"around"`},{name:`literal`,value:`"evenly"`}]}],raw:`Exclude<FlexJustify, "between" | "around" | "evenly">`}],raw:`ResponsiveValue<Exclude<FlexJustify, "between" | "around" | "evenly">>`},description:`Justify-self для grid-like выравнивания`},children:{required:!1,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:`Дочерние элементы`},className:{required:!1,tsType:{name:`string`},description:`CSS класс`,defaultValue:{value:`""`,computed:!1}},as:{required:!1,tsType:{name:`JSX.IntrinsicElements`},description:`HTML тег`},style:{required:!1,tsType:{name:`CSSProperties`},description:`Inline styles`},ref:{required:!1,tsType:{name:`Ref`,elements:[{name:`HTMLElement`}],raw:`Ref<HTMLElement>`},description:``}},composes:[`HTMLAttributes`]}})))()}export{m as n,u as t};
@@ -1 +1 @@
1
- import{a as e,n as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r}from"./iframe-DwDg20S-.js";import{t as i}from"./react-dom-BzEl8usk.js";import{a,i as o}from"./utils-tg3ibbzi.js";import{_ as s,a as c,c as l,f as u,h as d,i as f,l as p,m,o as h,r as g,s as _,u as v}from"./floating-ui.react-C58PtzHr.js";function y(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`}}function b({ref:e,placement:t,middlewareData:n}){return(0,x.jsx)(`div`,{ref:e,style:y(t,n),children:(0,x.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,x.jsx)(`polygon`,{points:`8,8 16,16 0,16`})})})}var x;function S(){return(S=t((()=>{x=r(),b.__docgenInfo={description:``,methods:[],displayName:`FloatingArrow`,props:{placement:{required:!0,tsType:{name:`Placement`},description:``},middlewareData:{required:!0,tsType:{name:`MiddlewareData`},description:``},ref:{required:!1,tsType:{name:`Ref`,elements:[{name:`HTMLDivElement`}],raw:`Ref<HTMLDivElement>`},description:``}}}})))()}var C,w,T,E,D,O,k,A;function j(){return(j=t((()=>{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}})))()}function M({content:e,children:t,openOnHover:n=!0,placement:r=`bottom`,openDelay:i=200,closeDelay:o=100,maxWidth:g,state:y,tooltip:x,positionUpdateKey:S}){let[C,w]=(0,N.useState)(!1),T=(0,N.useRef)(null),{refs:E,floatingStyles:D,middlewareData:O,context:k,placement:j,update:M}=c({open:C,onOpenChange:w,placement:r,middleware:[m(8),u({fallbackAxisSideDirection:`end`,fallbackPlacements:[`top`,`right`,`bottom`]}),d({padding:8}),v({element:T,padding:8})],whileElementsMounted:s});(0,N.useLayoutEffect)(()=>{C&&M()},[C,S,M]);let I=_(k,{enabled:n,move:!1,delay:{open:i,close:o}}),L=h(k,{enabled:n}),R=f(k),z=p(k,{role:`tooltip`}),{getReferenceProps:B,getFloatingProps:V}=l([I,L,R,z]);return(0,F.jsxs)(F.Fragment,{children:[(0,F.jsx)(`span`,{ref:E.setReference,...B(),style:{lineHeight:1},children:t}),C&&(0,P.createPortal)((0,F.jsxs)(`div`,{ref:E.setFloating,style:{...D,zIndex:`var(--z-tooltip)`,maxWidth:g?`${g}em`:void 0},...V(),role:`tooltip`,className:a(A.tooltipPanel,x&&A.tooltip,y&&A[y]),children:[e,(0,F.jsx)(b,{ref:T,placement:j,middlewareData:O})]}),document.body)]})}var N,P,F;function I(){return(I=t((()=>{N=e(n(),1),g(),o(),P=i(),S(),j(),F=r(),M.__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,b as r,M as t};
1
+ import{a as e,n as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r}from"./iframe--CGTMt9T.js";import{t as i}from"./react-dom-BzEl8usk.js";import{a,i as o}from"./utils-tg3ibbzi.js";import{_ as s,a as c,c as l,f as u,h as d,i as f,l as p,m,o as h,r as g,s as _,u as v}from"./floating-ui.react-Rf5ZEhEh.js";function y(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`}}function b({ref:e,placement:t,middlewareData:n}){return(0,x.jsx)(`div`,{ref:e,style:y(t,n),children:(0,x.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,x.jsx)(`polygon`,{points:`8,8 16,16 0,16`})})})}var x;function S(){return(S=t((()=>{x=r(),b.__docgenInfo={description:``,methods:[],displayName:`FloatingArrow`,props:{placement:{required:!0,tsType:{name:`Placement`},description:``},middlewareData:{required:!0,tsType:{name:`MiddlewareData`},description:``},ref:{required:!1,tsType:{name:`Ref`,elements:[{name:`HTMLDivElement`}],raw:`Ref<HTMLDivElement>`},description:``}}}})))()}var C,w,T,E,D,O,k,A;function j(){return(j=t((()=>{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}})))()}function M({content:e,children:t,openOnHover:n=!0,placement:r=`bottom`,openDelay:i=200,closeDelay:o=100,maxWidth:g,state:y,tooltip:x,positionUpdateKey:S}){let[C,w]=(0,N.useState)(!1),T=(0,N.useRef)(null),{refs:E,floatingStyles:D,middlewareData:O,context:k,placement:j,update:M}=c({open:C,onOpenChange:w,placement:r,middleware:[m(8),u({fallbackAxisSideDirection:`end`,fallbackPlacements:[`top`,`right`,`bottom`]}),d({padding:8}),v({element:T,padding:8})],whileElementsMounted:s});(0,N.useLayoutEffect)(()=>{C&&M()},[C,S,M]);let I=_(k,{enabled:n,move:!1,delay:{open:i,close:o}}),L=h(k,{enabled:n}),R=f(k),z=p(k,{role:`tooltip`}),{getReferenceProps:B,getFloatingProps:V}=l([I,L,R,z]);return(0,F.jsxs)(F.Fragment,{children:[(0,F.jsx)(`span`,{ref:E.setReference,...B(),style:{lineHeight:1},children:t}),C&&(0,P.createPortal)((0,F.jsxs)(`div`,{ref:E.setFloating,style:{...D,zIndex:`var(--z-tooltip)`,maxWidth:g?`${g}em`:void 0},...V(),role:`tooltip`,className:a(A.tooltipPanel,x&&A.tooltip,y&&A[y]),children:[e,(0,F.jsx)(b,{ref:T,placement:j,middlewareData:O})]}),document.body)]})}var N,P,F;function I(){return(I=t((()=>{N=e(n(),1),g(),o(),P=i(),S(),j(),F=r(),M.__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,b as r,M as t};
@@ -1,4 +1,4 @@
1
- import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n,t as r}from"./circle-alert-CRm1wAp4.js";import{n as i,t as a}from"./circle-check-mdwFCS14.js";import{i as o,n as s,r as c,t as l}from"./info-DFqnKJt7.js";import{n as u,r as d,t as f}from"./sortable-DkVOf9Di.js";import{n as p}from"./iframe-DwDg20S-.js";import{C as m,S as h,b as g,c as _,f as v,l as ee,m as te,p as ne,u as re,v as y,w as b,x as ie,y as ae}from"./odata-DcP8j5KN.js";import{a as x,i as S,n as oe}from"./utils-tg3ibbzi.js";import{a as C,i as se,t as w}from"./array-D-_yMMUK-DnJ_b27D.js";import{h as T,l as E,y as D}from"./formatters-DVE1YVNQ-YIdRxgw-.js";import{i as ce,n as le,r as ue,t as de}from"./NoData-C-f1Cevg.js";import{n as fe,t as pe}from"./GridContainer-P0Xa7b7y.js";import{c as O,m as k,n as me,o as A,p as he,r as j}from"./hooks-zmJPZDaN.js";import{i as M,r as ge}from"./useTable-CK68Q4S4.js";import{n as N,t as _e}from"./Scrollable-DlzwKB_f.js";import{n as ve,t as ye}from"./ContextMenu-D6j5s44o.js";import{At as P,Mt as F}from"./tableFeatures-Dx3U-F9E.js";var I,L,be,xe,Se,Ce,we,R;function Te(){return(Te=e((()=>{I=`UMTbLD`,L=`cz57Fx`,be=`oPzAxu`,xe=`MBu26r`,Se=`_03z-1l`,Ce=`_0RqsqJ`,we=`mXkUoM`,R={stateWrapper:I,status:L,information:be,success:xe,warning:Se,error:Ce,state:we}})))()}function Ee({state:e}){switch(e){case`error`:return(0,z.jsx)(De,{});case`warning`:return(0,z.jsx)(Oe,{});case`success`:return(0,z.jsx)(ke,{});case`information`:return(0,z.jsx)(Ae,{});default:return null}}function De(){return(0,z.jsx)(c,{className:x(R.state,R.error)})}function Oe(){return(0,z.jsx)(r,{className:x(R.state,R.warning)})}function ke(){return(0,z.jsx)(a,{className:x(R.state,R.success)})}function Ae(){return(0,z.jsx)(l,{className:x(R.state,R.information)})}var z;function je(){return(je=e((()=>{S(),n(),i(),o(),s(),Te(),z=p(),Ee.__docgenInfo={description:``,methods:[],displayName:`RenderStateIcon`,props:{state:{required:!1,tsType:{name:`State`},description:``}}},De.__docgenInfo={description:``,methods:[],displayName:`ErrorIcon`},Oe.__docgenInfo={description:``,methods:[],displayName:`WarningIcon`},ke.__docgenInfo={description:``,methods:[],displayName:`SuccessIcon`},Ae.__docgenInfo={description:``,methods:[],displayName:`InformationIcon`}})))()}var Me,Ne;function Pe(){return(Pe=e((()=>{Me=`YJUVjb`,Ne={resizeHandle:Me}})))()}function Fe(e,t){let n=e.closest(`th`)?.getBoundingClientRect().width;return m(typeof n==`number`&&Number.isFinite(n)?n:t,t)}function Ie({columnId:e,className:t,minWidth:n,keyboardStep:r=Re,ariaLabel:i=`Изменить ширину колонки`,getStartWidth:a,onResize:o,onResizeEnd:s,onReset:c}){let l=n??60,u=(0,B.useRef)(0),d=(0,B.useRef)(0),f=(0,B.useRef)(0),p=(0,B.useRef)(!1),h=(0,B.useRef)(!1),g=t=>{let n=a?.(e,t)??Fe(t,l);return m(n,l)},_=e=>{(e.button===0||e.pointerType!==`mouse`)&&(p.current=!0,h.current=!1,u.current=e.clientX,d.current=g(e.currentTarget),f.current=d.current,e.currentTarget.setPointerCapture(e.pointerId),e.preventDefault(),e.stopPropagation())},v=t=>{if(!p.current)return;let n=m(d.current+t.clientX-u.current,l);f.current=n,h.current=!0,o(e,n),t.preventDefault(),t.stopPropagation()},ee=t=>{if(p.current){p.current=!1,h.current&&s?.(e,f.current);try{t.currentTarget.releasePointerCapture(t.pointerId)}catch{}t.preventDefault(),t.stopPropagation()}};return(0,Le.jsx)(`div`,{role:`separator`,"aria-label":i,"aria-orientation":`vertical`,tabIndex:0,onPointerDown:_,onPointerMove:v,onPointerUp:ee,onPointerCancel:ee,onKeyDown:t=>{if(t.key!==`ArrowLeft`&&t.key!==`ArrowRight`&&t.key!==`Home`)return;if(t.preventDefault(),t.stopPropagation(),t.key===`Home`){c?.(e);return}let n=t.key===`ArrowRight`?1:-1,i=g(t.currentTarget),a=m(i+n*r,l);o(e,a),s?.(e,a)},onDoubleClick:t=>{t.preventDefault(),t.stopPropagation(),c?.(e)},className:x(Ne.resizeHandle,t)})}var B,Le,Re;function ze(){return(ze=e((()=>{B=t(),g(),S(),Pe(),Le=p(),Re=8,Ie.__docgenInfo={description:``,methods:[],displayName:`TableColumnResizeHandle`,props:{columnId:{required:!0,tsType:{name:`string`},description:``},className:{required:!1,tsType:{name:`string`},description:``},minWidth:{required:!1,tsType:{name:`number`},description:``},keyboardStep:{required:!1,tsType:{name:`number`},description:``,defaultValue:{value:`8`,computed:!1}},ariaLabel:{required:!1,tsType:{name:`string`},description:``,defaultValue:{value:`"Изменить ширину колонки"`,computed:!1}},getStartWidth:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(columnId: string, element: HTMLElement) => number`,signature:{arguments:[{type:{name:`string`},name:`columnId`},{type:{name:`HTMLElement`},name:`element`}],return:{name:`number`}}},description:``},onResize:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(columnId: string, width: number) => void`,signature:{arguments:[{type:{name:`string`},name:`columnId`},{type:{name:`number`},name:`width`}],return:{name:`void`}}},description:``},onResizeEnd:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(columnId: string, width: number) => void`,signature:{arguments:[{type:{name:`string`},name:`columnId`},{type:{name:`number`},name:`width`}],return:{name:`void`}}},description:``},onReset:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(columnId: string) => void`,signature:{arguments:[{type:{name:`string`},name:`columnId`}],return:{name:`void`}}},description:``}}}})))()}function Be(e,t){return typeof e==`function`?e(t):e}function Ve({columnId:e,children:t,dragDisabled:n=!1,draggingClassName:r,resizeHandle:i,className:a,style:o,...s}){let{attributes:c,listeners:l,setActivatorNodeRef:u,setNodeRef:d,transform:f,isDragging:p,rect:m}=O({id:e,disabled:n}),h=p?m.current?.width:void 0,g={transform:he.Translate.toString(f),zIndex:p?`calc(var(--z-header) + 1)`:void 0,...h?{width:h,minWidth:h}:{},...o},_={attributes:c,listeners:l,setActivatorElement:u,disabled:n,isDragging:p};return(0,V.jsxs)(`th`,{...s,ref:d,className:x(a,p&&r),style:g,children:[Be(t,_),i?(0,V.jsx)(Ie,{...i}):null]})}var V;function He(){return(He=e((()=>{A(),k(),S(),ze(),V=p(),Ve.__docgenInfo={description:``,methods:[],displayName:`TableHeaderInteractionCell`,props:{columnId:{required:!0,tsType:{name:`UniqueIdentifier`},description:``},children:{required:!0,tsType:{name:`union`,raw:`ReactNode | ((dragState: TableHeaderCellDragState) => ReactNode)`,elements:[{name:`ReactNode`},{name:`unknown`}]},description:``},dragDisabled:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`false`,computed:!1}},draggingClassName:{required:!1,tsType:{name:`string`},description:``},resizeHandle:{required:!1,tsType:{name:`signature`,type:`object`,raw:`{
1
+ import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n,t as r}from"./circle-alert-DHzv4KpY.js";import{n as i,t as a}from"./circle-check-DKd35XtT.js";import{i as o,n as s,r as c,t as l}from"./info-B6O6v4M3.js";import{n as u,r as d,t as f}from"./sortable-Cp70acZd.js";import{n as p}from"./iframe--CGTMt9T.js";import{C as m,S as h,b as g,c as _,f as v,l as ee,m as te,p as ne,u as re,v as y,w as b,x as ie,y as ae}from"./odata-BEDULcKk.js";import{a as x,i as S,n as oe}from"./utils-tg3ibbzi.js";import{a as C,i as se,t as w}from"./array-D-_yMMUK-DnJ_b27D.js";import{h as T,l as E,y as D}from"./formatters-DVE1YVNQ-YIdRxgw-.js";import{i as ce,n as le,r as ue,t as de}from"./NoData-D9Sjnk2c.js";import{n as fe,t as pe}from"./GridContainer-2Q2ODK51.js";import{c as O,m as k,n as me,o as A,p as he,r as j}from"./hooks-CgazONpd.js";import{i as M,r as ge}from"./useTable-CK68Q4S4.js";import{n as N,t as _e}from"./Scrollable-CUhjICar.js";import{n as ve,t as ye}from"./ContextMenu-Dz3oD_WF.js";import{At as P,Mt as F}from"./tableFeatures-Dx3U-F9E.js";var I,L,be,xe,Se,Ce,we,R;function Te(){return(Te=e((()=>{I=`UMTbLD`,L=`cz57Fx`,be=`oPzAxu`,xe=`MBu26r`,Se=`_03z-1l`,Ce=`_0RqsqJ`,we=`mXkUoM`,R={stateWrapper:I,status:L,information:be,success:xe,warning:Se,error:Ce,state:we}})))()}function Ee({state:e}){switch(e){case`error`:return(0,z.jsx)(De,{});case`warning`:return(0,z.jsx)(Oe,{});case`success`:return(0,z.jsx)(ke,{});case`information`:return(0,z.jsx)(Ae,{});default:return null}}function De(){return(0,z.jsx)(c,{className:x(R.state,R.error)})}function Oe(){return(0,z.jsx)(r,{className:x(R.state,R.warning)})}function ke(){return(0,z.jsx)(a,{className:x(R.state,R.success)})}function Ae(){return(0,z.jsx)(l,{className:x(R.state,R.information)})}var z;function je(){return(je=e((()=>{S(),n(),i(),o(),s(),Te(),z=p(),Ee.__docgenInfo={description:``,methods:[],displayName:`RenderStateIcon`,props:{state:{required:!1,tsType:{name:`State`},description:``}}},De.__docgenInfo={description:``,methods:[],displayName:`ErrorIcon`},Oe.__docgenInfo={description:``,methods:[],displayName:`WarningIcon`},ke.__docgenInfo={description:``,methods:[],displayName:`SuccessIcon`},Ae.__docgenInfo={description:``,methods:[],displayName:`InformationIcon`}})))()}var Me,Ne;function Pe(){return(Pe=e((()=>{Me=`YJUVjb`,Ne={resizeHandle:Me}})))()}function Fe(e,t){let n=e.closest(`th`)?.getBoundingClientRect().width;return m(typeof n==`number`&&Number.isFinite(n)?n:t,t)}function Ie({columnId:e,className:t,minWidth:n,keyboardStep:r=Re,ariaLabel:i=`Изменить ширину колонки`,getStartWidth:a,onResize:o,onResizeEnd:s,onReset:c}){let l=n??60,u=(0,B.useRef)(0),d=(0,B.useRef)(0),f=(0,B.useRef)(0),p=(0,B.useRef)(!1),h=(0,B.useRef)(!1),g=t=>{let n=a?.(e,t)??Fe(t,l);return m(n,l)},_=e=>{(e.button===0||e.pointerType!==`mouse`)&&(p.current=!0,h.current=!1,u.current=e.clientX,d.current=g(e.currentTarget),f.current=d.current,e.currentTarget.setPointerCapture(e.pointerId),e.preventDefault(),e.stopPropagation())},v=t=>{if(!p.current)return;let n=m(d.current+t.clientX-u.current,l);f.current=n,h.current=!0,o(e,n),t.preventDefault(),t.stopPropagation()},ee=t=>{if(p.current){p.current=!1,h.current&&s?.(e,f.current);try{t.currentTarget.releasePointerCapture(t.pointerId)}catch{}t.preventDefault(),t.stopPropagation()}};return(0,Le.jsx)(`div`,{role:`separator`,"aria-label":i,"aria-orientation":`vertical`,tabIndex:0,onPointerDown:_,onPointerMove:v,onPointerUp:ee,onPointerCancel:ee,onKeyDown:t=>{if(t.key!==`ArrowLeft`&&t.key!==`ArrowRight`&&t.key!==`Home`)return;if(t.preventDefault(),t.stopPropagation(),t.key===`Home`){c?.(e);return}let n=t.key===`ArrowRight`?1:-1,i=g(t.currentTarget),a=m(i+n*r,l);o(e,a),s?.(e,a)},onDoubleClick:t=>{t.preventDefault(),t.stopPropagation(),c?.(e)},className:x(Ne.resizeHandle,t)})}var B,Le,Re;function ze(){return(ze=e((()=>{B=t(),g(),S(),Pe(),Le=p(),Re=8,Ie.__docgenInfo={description:``,methods:[],displayName:`TableColumnResizeHandle`,props:{columnId:{required:!0,tsType:{name:`string`},description:``},className:{required:!1,tsType:{name:`string`},description:``},minWidth:{required:!1,tsType:{name:`number`},description:``},keyboardStep:{required:!1,tsType:{name:`number`},description:``,defaultValue:{value:`8`,computed:!1}},ariaLabel:{required:!1,tsType:{name:`string`},description:``,defaultValue:{value:`"Изменить ширину колонки"`,computed:!1}},getStartWidth:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(columnId: string, element: HTMLElement) => number`,signature:{arguments:[{type:{name:`string`},name:`columnId`},{type:{name:`HTMLElement`},name:`element`}],return:{name:`number`}}},description:``},onResize:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(columnId: string, width: number) => void`,signature:{arguments:[{type:{name:`string`},name:`columnId`},{type:{name:`number`},name:`width`}],return:{name:`void`}}},description:``},onResizeEnd:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(columnId: string, width: number) => void`,signature:{arguments:[{type:{name:`string`},name:`columnId`},{type:{name:`number`},name:`width`}],return:{name:`void`}}},description:``},onReset:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(columnId: string) => void`,signature:{arguments:[{type:{name:`string`},name:`columnId`}],return:{name:`void`}}},description:``}}}})))()}function Be(e,t){return typeof e==`function`?e(t):e}function Ve({columnId:e,children:t,dragDisabled:n=!1,draggingClassName:r,resizeHandle:i,className:a,style:o,...s}){let{attributes:c,listeners:l,setActivatorNodeRef:u,setNodeRef:d,transform:f,isDragging:p,rect:m}=O({id:e,disabled:n}),h=p?m.current?.width:void 0,g={transform:he.Translate.toString(f),zIndex:p?`calc(var(--z-header) + 1)`:void 0,...h?{width:h,minWidth:h}:{},...o},_={attributes:c,listeners:l,setActivatorElement:u,disabled:n,isDragging:p};return(0,V.jsxs)(`th`,{...s,ref:d,className:x(a,p&&r),style:g,children:[Be(t,_),i?(0,V.jsx)(Ie,{...i}):null]})}var V;function He(){return(He=e((()=>{A(),k(),S(),ze(),V=p(),Ve.__docgenInfo={description:``,methods:[],displayName:`TableHeaderInteractionCell`,props:{columnId:{required:!0,tsType:{name:`UniqueIdentifier`},description:``},children:{required:!0,tsType:{name:`union`,raw:`ReactNode | ((dragState: TableHeaderCellDragState) => ReactNode)`,elements:[{name:`ReactNode`},{name:`unknown`}]},description:``},dragDisabled:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`false`,computed:!1}},draggingClassName:{required:!1,tsType:{name:`string`},description:``},resizeHandle:{required:!1,tsType:{name:`signature`,type:`object`,raw:`{
2
2
  columnId: string;
3
3
  className?: string;
4
4
  minWidth?: number;
@@ -1,4 +1,4 @@
1
- import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-DwDg20S-.js";import{i as n,r}from"./react-Bl2r1tuC.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-C8zNjnZ6.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"./Grid.stories-NeFpTomv.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:C,parameters:{docs:{toc:!0}}}),`
1
+ import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe--CGTMt9T.js";import{i as n,r}from"./react-Bl2r1tuC.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-za-wOwFF.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"./Grid.stories-D-uV0QMB.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:C,parameters:{docs:{toc:!0}}}),`
2
2
  `,(0,O.jsx)(u,{children:`Grid`}),`
3
3
  `,(0,O.jsx)(o,{children:`Композиция для построения grid-раскладок с управлением колонками, строками и позиционированием элементов`}),`
4
4
  `,(0,O.jsx)(t.p,{children:`Grid уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
@@ -1,4 +1,4 @@
1
- import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n}from"./iframe-DwDg20S-.js";import{i as r,r as i,t as a}from"./media-D9cE2tzi.js";import{n as o,t as s}from"./PolymorphicComponent-NBvIz9JD.js";import{a as c,i as l,n as u,r as d,t as f}from"./GridContainer-P0Xa7b7y.js";function p({ref:e,children:t,className:n=``,as:i,style:o,area:u,column:d,row:f,alignSelf:p,justifySelf:g,..._}){let{activeBreakpoint:v}=a(),y=(0,m.useMemo)(()=>({alignSelf:r(p,v),justifySelf:r(g,v)}),[v,p,g]),b=(0,m.useMemo)(()=>({area:r(u,v),column:r(d,v),row:r(f,v)}),[v,u,d,f]),x=l(y),S=c(b),C=[x,n].filter(Boolean).join(` `),w={...S,...o};return(0,h.jsx)(s,{as:i,..._,ref:e,className:C,style:w,children:t})}var m,h;function g(){return(g=e((()=>{m=t(),i(),o(),d(),h=n(),p.displayName=`GridItem`,p.__docgenInfo={description:``,methods:[],displayName:`GridItem`,props:{area:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`string`}],raw:`ResponsiveValue<string>`},description:`Именованная область для размещения элемента
1
+ import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n}from"./iframe--CGTMt9T.js";import{i as r,r as i,t as a}from"./media-D9cE2tzi.js";import{n as o,t as s}from"./PolymorphicComponent-NBvIz9JD.js";import{a as c,i as l,n as u,r as d,t as f}from"./GridContainer-2Q2ODK51.js";function p({ref:e,children:t,className:n=``,as:i,style:o,area:u,column:d,row:f,alignSelf:p,justifySelf:g,..._}){let{activeBreakpoint:v}=a(),y=(0,m.useMemo)(()=>({alignSelf:r(p,v),justifySelf:r(g,v)}),[v,p,g]),b=(0,m.useMemo)(()=>({area:r(u,v),column:r(d,v),row:r(f,v)}),[v,u,d,f]),x=l(y),S=c(b),C=[x,n].filter(Boolean).join(` `),w={...S,...o};return(0,h.jsx)(s,{as:i,..._,ref:e,className:C,style:w,children:t})}var m,h;function g(){return(g=e((()=>{m=t(),i(),o(),d(),h=n(),p.displayName=`GridItem`,p.__docgenInfo={description:``,methods:[],displayName:`GridItem`,props:{area:{required:!1,tsType:{name:`ResponsiveValue`,elements:[{name:`string`}],raw:`ResponsiveValue<string>`},description:`Именованная область для размещения элемента
2
2
 
3
3
  Связывает элемент с областью объявленной в GridContainer areas.
4
4
  Самый простой способ позиционирования в сложных макетах.