@ryuzaki13/react-foundation-ui 1.6.13 → 1.6.15

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 (212) hide show
  1. package/dist/advanced-search/index.js +1 -1
  2. package/dist/advanced-search/index.js.map +1 -1
  3. package/dist/chunks/multi-select-Bs1GU5MD.js.map +1 -1
  4. package/dist/styles.css +1 -1
  5. package/package.json +1 -1
  6. package/src/styles/config/_index.scss +9 -9
  7. package/src/styles/mixins/_mixin.scss +28 -28
  8. package/storybook-static/assets/{Badge-DcY6qhGt.js → Badge-y59HS6Mh.js} +1 -1
  9. package/storybook-static/assets/{Badge.stories-DOjr28o2.js → Badge.stories-CmAFVzHL.js} +1 -1
  10. package/storybook-static/assets/{BadgeList-BVQqALTa.js → BadgeList-B-LJdCLU.js} +1 -1
  11. package/storybook-static/assets/{Button-DErRAg7J.js → Button-CVhc13mG.js} +1 -1
  12. package/storybook-static/assets/{Button-CLvezOx2.js → Button-CbGK6ujA.js} +1 -1
  13. package/storybook-static/assets/{Button.stories-D0rzleM2.js → Button.stories-BxBE5epv.js} +1 -1
  14. package/storybook-static/assets/{CalendarView-BmqKDEsD.js → CalendarView-DC1MoZHd.js} +1 -1
  15. package/storybook-static/assets/{CheckBox-B3F7gzaa.js → CheckBox-CJuQmvgS.js} +1 -1
  16. package/storybook-static/assets/{CheckBox-BOHDpEo9.js → CheckBox-CTF0MTwi.js} +1 -1
  17. package/storybook-static/assets/{CheckBox.stories-uzWzWdBP.js → CheckBox.stories-Cgcw4ZWi.js} +1 -1
  18. package/storybook-static/assets/{Color-6AOWCN3U-CtSlRHUs.js → Color-6AOWCN3U-BQ0wHxzY.js} +1 -1
  19. package/storybook-static/assets/{ContextMenu-DY49owi0.js → ContextMenu-CHa5JD2q.js} +1 -1
  20. package/storybook-static/assets/{ContextMenu-Cs0k4iXy.js → ContextMenu-DKFfj-4J.js} +1 -1
  21. package/storybook-static/assets/{ContextMenu.stories-GKjmoJwq.js → ContextMenu.stories-BrFpb6Zf.js} +1 -1
  22. package/storybook-static/assets/{DateInput-B7WxAsa1.js → DateInput-C4NbLkP1.js} +1 -1
  23. package/storybook-static/assets/{DateInput-hcciPegh.js → DateInput-DMar_jSh.js} +1 -1
  24. package/storybook-static/assets/{DateInput.stories-C15mR3FZ.js → DateInput.stories-9NUN5Y-h.js} +1 -1
  25. package/storybook-static/assets/{DateRangePresetSelect-Skj-Zapz.js → DateRangePresetSelect-BNM2Z8v-.js} +1 -1
  26. package/storybook-static/assets/{DateRangePresetSelect-CmXwIBMW.js → DateRangePresetSelect-C2YQ1Ta2.js} +1 -1
  27. package/storybook-static/assets/{DateRangePresetSelect.stories-BonHaWgW.js → DateRangePresetSelect.stories-CU57n31Y.js} +1 -1
  28. package/storybook-static/assets/{Detail-gdch7tvX.js → Detail-ClrynTH8.js} +1 -1
  29. package/storybook-static/assets/{Detail.stories-B7VB1iZ8.js → Detail.stories-D8uN6AEx.js} +1 -1
  30. package/storybook-static/assets/{Dialog-CQdUc8lg.js → Dialog-B3yVDNey.js} +1 -1
  31. package/storybook-static/assets/{Dialog-DOIZeu7V.js → Dialog-F6geiNP6.js} +1 -1
  32. package/storybook-static/assets/{Dialog.stories-BxlH7I9g.js → Dialog.stories-BUISgmFq.js} +1 -1
  33. package/storybook-static/assets/{Disclosure-B3Csn07F.js → Disclosure-D8eee9jT.js} +1 -1
  34. package/storybook-static/assets/{Disclosure.stories-Cx8XZZw_.js → Disclosure.stories-C81bKGvm.js} +1 -1
  35. package/storybook-static/assets/{DisclosureGroup-DZVBqSip.js → DisclosureGroup-Dql74J3c.js} +1 -1
  36. package/storybook-static/assets/{DocsRenderer-JROSPFPF-BVNC1n7w.js → DocsRenderer-JROSPFPF-B_i8iiBi.js} +1 -1
  37. package/storybook-static/assets/{DropZone-DH6WtgJ0.js → DropZone-CWU49UGV.js} +1 -1
  38. package/storybook-static/assets/{DropZone-BxcGeKE1.js → DropZone-CjYwzdtm.js} +1 -1
  39. package/storybook-static/assets/{DropZone.stories-DbwDQvRh.js → DropZone.stories-Bu9astzV.js} +1 -1
  40. package/storybook-static/assets/{DropdownMenu-B6DzveQY.js → DropdownMenu-CIQZ1s_d.js} +1 -1
  41. package/storybook-static/assets/{ExpandableActionPanel-D3inW6HP.js → ExpandableActionPanel-a-wSXVqz.js} +1 -1
  42. package/storybook-static/assets/{ExpandableActionPanel.stories-9_MhTDyp.js → ExpandableActionPanel.stories-B5kDNMOA.js} +1 -1
  43. package/storybook-static/assets/{Flex-JCm6TkNi.js → Flex-C-LVVZu8.js} +1 -1
  44. package/storybook-static/assets/{Flex.stories-vEgafFFN.js → Flex.stories-C3UyARP_.js} +1 -1
  45. package/storybook-static/assets/{FloatingPopover-CKJVdjqA.js → FloatingPopover-C3jr4qCd.js} +1 -1
  46. package/storybook-static/assets/{FormattedTableCell-DyiUY_XU.js → FormattedTableCell-D4NXq8Pu.js} +1 -1
  47. package/storybook-static/assets/{Grid-BouDkAMn.js → Grid-T44eQhRH.js} +1 -1
  48. package/storybook-static/assets/{Grid.stories-nwHnif7y.js → Grid.stories-CCyTn5oG.js} +1 -1
  49. package/storybook-static/assets/{ImageCropper.stories-CTef1Ko1.js → ImageCropper.stories-Ctj0tTWD.js} +1 -1
  50. package/storybook-static/assets/{ImageRenderer-D0T58E1p.js → ImageRenderer-BmzXaLnX.js} +1 -1
  51. package/storybook-static/assets/{ImageRenderer.stories-BIBNCik1.js → ImageRenderer.stories-BchLDd9U.js} +1 -1
  52. package/storybook-static/assets/{ImageView.stories-PBgF6i8o.js → ImageView.stories-wZChQ7t6.js} +1 -1
  53. package/storybook-static/assets/{ImageViewer.stories-QyAN0Jm7.js → ImageViewer.stories-CjwPt6ux.js} +2 -2
  54. package/storybook-static/assets/{ImageViewerRuntime-BXul9lMa.js → ImageViewerRuntime-CwHTx5CR.js} +1 -1
  55. package/storybook-static/assets/{Input-DbjAQht-.js → Input-B9nkOQ6L.js} +1 -1
  56. package/storybook-static/assets/{Input-DI_ErAU0.js → Input-ByxjsYlG.js} +1 -1
  57. package/storybook-static/assets/{Input.stories-DQUDw-dZ.js → Input.stories-Bcyy4kLt.js} +1 -1
  58. package/storybook-static/assets/{InputDateTime-o5ZBNX8c.js → InputDateTime-DfpHtYTi.js} +1 -1
  59. package/storybook-static/assets/{InputDateTime.stories-DciHI7sU.js → InputDateTime.stories-WDuCOx_6.js} +1 -1
  60. package/storybook-static/assets/{InputFile-ygnpApiy.js → InputFile-DAko5xMV.js} +1 -1
  61. package/storybook-static/assets/{InputFile-C__aaBc0.js → InputFile-DQUxyiai.js} +1 -1
  62. package/storybook-static/assets/{InputFile.stories-D9gn4cjK.js → InputFile.stories-X6set_bl.js} +1 -1
  63. package/storybook-static/assets/{InputFiles-B-uw7HJ1.js → InputFiles-B0Gs4B9M.js} +1 -1
  64. package/storybook-static/assets/{InputFiles-DMaPsf1n.js → InputFiles-CYo3-wOK.js} +1 -1
  65. package/storybook-static/assets/{InputFiles.stories-Brf5-0Ex.js → InputFiles.stories-D04gwM6v.js} +1 -1
  66. package/storybook-static/assets/{InputFilesList-G9rSY7Ew.js → InputFilesList-V2ras_Is.js} +1 -1
  67. package/storybook-static/assets/{InputImage-Bg4aW2tu.js → InputImage-CsAsZufs.js} +1 -1
  68. package/storybook-static/assets/{InputImage-DC3ovCrm.js → InputImage-CuuPUX-y.js} +1 -1
  69. package/storybook-static/assets/{InputImage.stories-CjzWEMxy.js → InputImage.stories-ClhlRcMN.js} +1 -1
  70. package/storybook-static/assets/{InteractiveComponents-uKrh6DG4.js → InteractiveComponents-BjG6Uxcq.js} +1 -1
  71. package/storybook-static/assets/{InteractiveComponents.stories-khMDo9eX.js → InteractiveComponents.stories-ljjqMc9s.js} +1 -1
  72. package/storybook-static/assets/{LayoutPicker-BvXElxDT.js → LayoutPicker-C1APKtbC.js} +1 -1
  73. package/storybook-static/assets/{LayoutPicker-37AdYoXZ.js → LayoutPicker-C3i1T7zB.js} +1 -1
  74. package/storybook-static/assets/{LayoutPicker.stories-BiYp-g4W.js → LayoutPicker.stories-Cn66HQfj.js} +1 -1
  75. package/storybook-static/assets/{Listbox-DqRH-uIa.js → Listbox-BQZFMdE4.js} +1 -1
  76. package/storybook-static/assets/{Listbox-Y48zMyIW.js → Listbox-BhzabNF9.js} +1 -1
  77. package/storybook-static/assets/{Listbox.stories-C_UchIjW.js → Listbox.stories-BmKd1TN6.js} +1 -1
  78. package/storybook-static/assets/{Modal-BLt2CUss.js → Modal-CrDusmmr.js} +1 -1
  79. package/storybook-static/assets/{Modal.stories-D0wRJtGa.js → Modal.stories-CK7BwByp.js} +1 -1
  80. package/storybook-static/assets/{ModalManagerProvider-DviWuOtB.js → ModalManagerProvider-CP_LR9Sf.js} +1 -1
  81. package/storybook-static/assets/{MultiSelect-CJrLmYe-.js → MultiSelect-DY9PZi68.js} +1 -1
  82. package/storybook-static/assets/{MultiSelect-DtGLGy8v.js → MultiSelect-DnqTZr96.js} +1 -1
  83. package/storybook-static/assets/{MultiSelect.stories-BaLHVCAU.js → MultiSelect.stories-CVX122Ie.js} +1 -1
  84. package/storybook-static/assets/{NoData-BFNotopG.js → NoData-DtfUdNbp.js} +1 -1
  85. package/storybook-static/assets/{NotificationsHost-k9Hcrbbg.js → NotificationsHost-7zqHt4bx.js} +1 -1
  86. package/storybook-static/assets/{NotificationsHost.stories-B07o9czA.js → NotificationsHost.stories-Idv-3hmN.js} +1 -1
  87. package/storybook-static/assets/{ODataMultiSelect-BFK5rFzh.js → ODataMultiSelect-CvzIsU5t.js} +1 -1
  88. package/storybook-static/assets/{ODataMultiSelect.stories-BrJFErio.js → ODataMultiSelect.stories-DATnsk6a.js} +1 -1
  89. package/storybook-static/assets/{ODataSelect-D27nIUC-.js → ODataSelect-Cg4PjB9T.js} +1 -1
  90. package/storybook-static/assets/{ODataSelect.stories-BHmhuwnU.js → ODataSelect.stories-DgJvyuln.js} +1 -1
  91. package/storybook-static/assets/{ODataTreeMultiSelect-D-XWkQ6C.js → ODataTreeMultiSelect-DovHjUl1.js} +1 -1
  92. package/storybook-static/assets/{ODataTreeMultiSelect.stories-_wPGg1TF.js → ODataTreeMultiSelect.stories-DgzqY4r0.js} +1 -1
  93. package/storybook-static/assets/{ODataTreeSelect-CMmOKNCb.js → ODataTreeSelect-JJ2vuX2u.js} +1 -1
  94. package/storybook-static/assets/{ODataTreeSelect.stories-DG5C0YQT.js → ODataTreeSelect.stories-C1htwHhJ.js} +1 -1
  95. package/storybook-static/assets/{OneStepScroller-DJKMVeIV.js → OneStepScroller-Cj_Sots6.js} +1 -1
  96. package/storybook-static/assets/{PeriodSelect-CfdKI-ZQ.js → PeriodSelect-BCmsFuv0.js} +1 -1
  97. package/storybook-static/assets/{PeriodSelect-CiXkmjFn.js → PeriodSelect-umbZa6Vz.js} +1 -1
  98. package/storybook-static/assets/{PeriodSelect.stories-BRIzJUwe.js → PeriodSelect.stories-iZew0d5P.js} +1 -1
  99. package/storybook-static/assets/{PickerSelectionToolbar-VFoN-tr-.js → PickerSelectionToolbar-BpRSRbT3.js} +1 -1
  100. package/storybook-static/assets/{PickerTriggerActions-INCa0BwF.js → PickerTriggerActions-BBpUiawn.js} +1 -1
  101. package/storybook-static/assets/{Popover-DE_Nv3RN.js → Popover-COZU5MVS.js} +1 -1
  102. package/storybook-static/assets/{Popover-Sy5dKqZY.js → Popover-DlwBQ91i.js} +1 -1
  103. package/storybook-static/assets/{Popover.stories-BaBGQvUE.js → Popover.stories-BsjqePTd.js} +1 -1
  104. package/storybook-static/assets/{PresetRangeDateInput-D6RSmUzP.js → PresetRangeDateInput-Dk5jJC5w.js} +1 -1
  105. package/storybook-static/assets/{PresetRangeDateInput-BEkol3oJ.js → PresetRangeDateInput-QfbYKw0Z.js} +1 -1
  106. package/storybook-static/assets/{PresetRangeDateInput.stories-C7PKRHvB.js → PresetRangeDateInput.stories-BuykZTZe.js} +1 -1
  107. package/storybook-static/assets/{PresetSelect-DGQ37jSc.js → PresetSelect-CZ7mJxKl.js} +1 -1
  108. package/storybook-static/assets/{RadioButton-4h1WrZHy.js → RadioButton-_kpqtWIo.js} +1 -1
  109. package/storybook-static/assets/{RadioButton-DTGzaVT3.js → RadioButton-ism7L8zl.js} +1 -1
  110. package/storybook-static/assets/{RadioButton.stories-BwwCGMt4.js → RadioButton.stories-DfjhjPnV.js} +1 -1
  111. package/storybook-static/assets/{RadioGroup-CLMlRxWD.js → RadioGroup-B7so-JDF.js} +1 -1
  112. package/storybook-static/assets/{RadioGroup-CCGPLLSR.js → RadioGroup-DxYjpIR1.js} +1 -1
  113. package/storybook-static/assets/{RadioGroup.stories-DQOUSATM.js → RadioGroup.stories-DpVtRTBk.js} +1 -1
  114. package/storybook-static/assets/{Scrollable-Cen2Wssu.js → Scrollable-D6rD81Kz.js} +1 -1
  115. package/storybook-static/assets/{Select-tPi1vIDV.js → Select-Ci-axJ2e.js} +1 -1
  116. package/storybook-static/assets/{Select-BnU_Ad9Q.js → Select-DffwCANA.js} +1 -1
  117. package/storybook-static/assets/{Select.stories-D8cCs9Su.js → Select.stories-C9LrrykH.js} +1 -1
  118. package/storybook-static/assets/{SelectOptionContent-DAbmaofN.js → SelectOptionContent-DFbLFeJp.js} +1 -1
  119. package/storybook-static/assets/{SerializableSelect-CUjufEB4.js → SerializableSelect-CE_lhNql.js} +1 -1
  120. package/storybook-static/assets/{SerializableSelect.stories-BWXxN0cF.js → SerializableSelect.stories-DV6F91Gh.js} +1 -1
  121. package/storybook-static/assets/{SingleDateTimeInput-DECKEQ4N.js → SingleDateTimeInput-CGEUodYr.js} +1 -1
  122. package/storybook-static/assets/{SingleDateTimeInput-B67d07su.js → SingleDateTimeInput-DaL7cpjM.js} +1 -1
  123. package/storybook-static/assets/{SingleDateTimeInput.stories-BOeq9K5L.js → SingleDateTimeInput.stories-C7qfFiPV.js} +1 -1
  124. package/storybook-static/assets/{Slider-DTj5x22j.js → Slider-BrukeE6j.js} +1 -1
  125. package/storybook-static/assets/{Slider-RZ4WZjCM.js → Slider-m5BO0wFz.js} +1 -1
  126. package/storybook-static/assets/{Slider.stories-CeRPn_vO.js → Slider.stories-CNqzSJqp.js} +1 -1
  127. package/storybook-static/assets/{SliderInput-D1MLbpp3.js → SliderInput-CS9d2VpF.js} +1 -1
  128. package/storybook-static/assets/{SliderInput-f8S-alsP.js → SliderInput-D0UlZx-t.js} +1 -1
  129. package/storybook-static/assets/{SliderInput.stories-DIagI46P.js → SliderInput.stories-B5-aln-T.js} +1 -1
  130. package/storybook-static/assets/{Sortable-C5J500vN.js → Sortable-CSt-VcmM.js} +1 -1
  131. package/storybook-static/assets/{Sortable.stories-BnGNB2NX.js → Sortable.stories-CVUdrXGv.js} +1 -1
  132. package/storybook-static/assets/{Splitter-DotgKdFh.js → Splitter-DcsxH_9j.js} +1 -1
  133. package/storybook-static/assets/{Splitter.stories-DSAXYoF9.js → Splitter.stories-BBfUYDeq.js} +1 -1
  134. package/storybook-static/assets/{StateSelect-BU0_nPzW.js → StateSelect-BDJRQxjc.js} +1 -1
  135. package/storybook-static/assets/{StateSelect-DWIPmUIR.js → StateSelect-CCQIdUHC.js} +1 -1
  136. package/storybook-static/assets/{StateSelect.stories-EJLDkZ19.js → StateSelect.stories-7wPKSG6b.js} +1 -1
  137. package/storybook-static/assets/{StringToggle.stories-7JfoWBy3.js → StringToggle.stories-DRiRwW1z.js} +1 -1
  138. package/storybook-static/assets/{Switch-D1FTqj0u.js → Switch-BtZXCfQa.js} +1 -1
  139. package/storybook-static/assets/{Switch-BmxucPIz.js → Switch-Cw3jDgSx.js} +1 -1
  140. package/storybook-static/assets/{Switch.stories-DcvGm8IA.js → Switch.stories-DprDLnyc.js} +1 -1
  141. package/storybook-static/assets/{Table-DIK98AeD.js → Table-C0C6gEXh.js} +1 -1
  142. package/storybook-static/assets/{Table.stories-XoMMDbM6.js → Table.stories-BgxeP7Dj.js} +1 -1
  143. package/storybook-static/assets/{Tabs-BxvCoXdD.js → Tabs-Cmm9Be8c.js} +1 -1
  144. package/storybook-static/assets/{Tabs.stories-DupvhpD5.js → Tabs.stories-TZO3cqOu.js} +1 -1
  145. package/storybook-static/assets/{TabsBox-Bw0nsRlS.js → TabsBox-CMleIsIx.js} +1 -1
  146. package/storybook-static/assets/{TagInput-BURFVYsj.js → TagInput-C1w6bPXM.js} +1 -1
  147. package/storybook-static/assets/{TagInput.stories-DlQuGbIi.js → TagInput.stories-DjZGRNf8.js} +1 -1
  148. package/storybook-static/assets/{Text-CtOgHIoX.js → Text-B7BlP612.js} +1 -1
  149. package/storybook-static/assets/{Textarea-_RQ1nFxW.js → Textarea-CR1BsDCZ.js} +1 -1
  150. package/storybook-static/assets/{Textarea-DvOaBEtH.js → Textarea-QCTMJrzh.js} +1 -1
  151. package/storybook-static/assets/{Textarea.stories-CamMJOgu.js → Textarea.stories-BXVDnedp.js} +1 -1
  152. package/storybook-static/assets/{TimePanel-wB3U8Ex5.js → TimePanel-sVNwfNVp.js} +1 -1
  153. package/storybook-static/assets/{TimePanel.stories-uk0ni5TB.js → TimePanel.stories-CgWwUSUo.js} +1 -1
  154. package/storybook-static/assets/{Toggle-tMOrnnId.js → Toggle-CsN8aXvZ.js} +1 -1
  155. package/storybook-static/assets/{Toggle-C08fKqPz.js → Toggle-yuE_iKax.js} +1 -1
  156. package/storybook-static/assets/{Toggle.stories-D5ttoNph.js → Toggle.stories-cYH_nCrO.js} +1 -1
  157. package/storybook-static/assets/{TreeMultiSelect-Dq7UxpDI.js → TreeMultiSelect-BUZ-QzJc.js} +1 -1
  158. package/storybook-static/assets/{TreeMultiSelect-CC3Ro1HW.js → TreeMultiSelect-Bb8lGllH.js} +1 -1
  159. package/storybook-static/assets/{TreeMultiSelect.stories-D07rkjBe.js → TreeMultiSelect.stories-x-F-Y4_h.js} +1 -1
  160. package/storybook-static/assets/{TreePickerBase-DPVMwILr.js → TreePickerBase-DOT734vD.js} +1 -1
  161. package/storybook-static/assets/{TreeSelect-aSPP6LzM.js → TreeSelect-DDgqDh2L.js} +1 -1
  162. package/storybook-static/assets/{TreeSelect-CvALKq7G.js → TreeSelect-dx0121sD.js} +1 -1
  163. package/storybook-static/assets/{TreeSelect.stories-4WPDt9dG.js → TreeSelect.stories-Ef4wBpPe.js} +1 -1
  164. package/storybook-static/assets/{TreeTable-DOHSGrd6.js → TreeTable-DSBZR5Ak.js} +1 -1
  165. package/storybook-static/assets/{TreeTable.stories-CgiB525b.js → TreeTable.stories-ypxZKEv5.js} +1 -1
  166. package/storybook-static/assets/{async-DC-Cmvip.js → async-B9dg7eWG.js} +1 -1
  167. package/storybook-static/assets/{blocks-DkLPipTQ.js → blocks-Cta1XrWW.js} +3 -3
  168. package/storybook-static/assets/{browserAndReact-h-OOL2Lo.js → browserAndReact-BQ_KR_3d.js} +1 -1
  169. package/storybook-static/assets/{check-DCksZOfl.js → check-R_o7C6xx.js} +1 -1
  170. package/storybook-static/assets/{chevron-down-DIYGXq1Z.js → chevron-down-cKT7IMMQ.js} +1 -1
  171. package/storybook-static/assets/{chevron-left-DTt_e6yw.js → chevron-left-CiDPsfyq.js} +1 -1
  172. package/storybook-static/assets/{chevron-right-D5pGxJNk.js → chevron-right-C19a7OR-.js} +1 -1
  173. package/storybook-static/assets/{chunk-W22LQPXL-UTSazISf.js → chunk-W22LQPXL-DxKkuEyo.js} +1 -1
  174. package/storybook-static/assets/{circle-alert-BnjKQOSC.js → circle-alert-DBOiovw1.js} +1 -1
  175. package/storybook-static/assets/{circle-check-CEAfOwEY.js → circle-check-7XeWOdm4.js} +1 -1
  176. package/storybook-static/assets/{components-DPruit8G.js → components-CR7XtYhK.js} +3 -3
  177. package/storybook-static/assets/{contextMenu-BUxHigJ4.js → contextMenu-CJYmqLQb.js} +1 -1
  178. package/storybook-static/assets/{defaultRenderers-tFmVIvt_.css → defaultRenderers-B7PDT-nL.css} +1 -1
  179. package/storybook-static/assets/{defaultRenderers-Dc4yWvu_.js → defaultRenderers-CbaqmJz1.js} +1 -1
  180. package/storybook-static/assets/{download-DWevptnL.js → download-7lMMZoAs.js} +1 -1
  181. package/storybook-static/assets/{filesAndExcel-BB0bw-ee.js → filesAndExcel-ecqcdsWK.js} +1 -1
  182. package/storybook-static/assets/{floating-ui.react-TvNkEeW6.js → floating-ui.react-BZQpsoBF.js} +1 -1
  183. package/storybook-static/assets/{formatters-BoRTr7JH.js → formatters-Do_IyKhx.js} +1 -1
  184. package/storybook-static/assets/{formatters-runtime-BGctorD8.js → formatters-runtime-BzeLCcNv.js} +1 -1
  185. package/storybook-static/assets/{foundationLib-UZWisr5w.js → foundationLib-llmpMqxO.js} +1 -1
  186. package/storybook-static/assets/{hooks-CvLooy2_.js → hooks-C3kva5fu.js} +1 -1
  187. package/storybook-static/assets/{iframe-I5gZKSOP.css → iframe-Baz8D-0E.css} +1 -1
  188. package/storybook-static/assets/iframe-BsjDYyde.js +1 -0
  189. package/storybook-static/assets/{iframe-GrlyTB2d.js → iframe-dENsI_HJ.js} +3 -3
  190. package/storybook-static/assets/{info-DAnq7Q2v.js → info-DNxF2xdK.js} +1 -1
  191. package/storybook-static/assets/{odata-BPGjAOCV.js → odata-KQkU-pBI.js} +1 -1
  192. package/storybook-static/assets/{odataAndTables-CCaCXtgA.js → odataAndTables-D36xYvsu.js} +1 -1
  193. package/storybook-static/assets/{odataFetchFn-svFtvGnO.js → odataFetchFn-38rx5VG-.js} +1 -1
  194. package/storybook-static/assets/{odataStoryFixtures-BH1suo55.js → odataStoryFixtures-CorPZlzg.js} +1 -1
  195. package/storybook-static/assets/{persisted-DqkRjmkT.js → persisted-8ua2a009.js} +1 -1
  196. package/storybook-static/assets/{pureUtilities-Dc4E9g04.js → pureUtilities-ikdtRVqv.js} +1 -1
  197. package/storybook-static/assets/{react-aw9ULQBG.js → react-B3i_po7W.js} +1 -1
  198. package/storybook-static/assets/{refresh-cw-B5l8FyVQ.js → refresh-cw-BauD2hhl.js} +1 -1
  199. package/storybook-static/assets/{runtimeAndState-CRqbhjzt.js → runtimeAndState-BpTnjVHY.js} +1 -1
  200. package/storybook-static/assets/{settings-2-TFL4EzMt.js → settings-2-BniDrt2R.js} +1 -1
  201. package/storybook-static/assets/{sortable-BXEc_YZy.js → sortable-BVQGL4Rj.js} +1 -1
  202. package/storybook-static/assets/{syntaxhighlighter-T5IQBZDB-C24SZ6Q7.js → syntaxhighlighter-T5IQBZDB-DX_O-alN.js} +1 -1
  203. package/storybook-static/assets/{trash-2-DTVd4Ip1.js → trash-2-BN_08GUs.js} +1 -1
  204. package/storybook-static/assets/{triangle-alert-BQEKW-L1.js → triangle-alert-CA9F5VpH.js} +1 -1
  205. package/storybook-static/assets/{useODataSelectBase-CPyzVGOz.js → useODataSelectBase-goRS7Fgm.js} +1 -1
  206. package/storybook-static/assets/{useODataTreeData-BQfuMLsY.js → useODataTreeData-BIIUO50-.js} +1 -1
  207. package/storybook-static/assets/{usePickerQuery-67yOHzs_.js → usePickerQuery-Di5pbi3P.js} +1 -1
  208. package/storybook-static/assets/{usePickerTriggerController-DlzLjIYg.js → usePickerTriggerController-Bk7ww9go.js} +1 -1
  209. package/storybook-static/assets/{x-BkudVgxL.js → x-BF_8tdj4.js} +1 -1
  210. package/storybook-static/iframe.html +3 -3
  211. package/storybook-static/project.json +1 -1
  212. package/storybook-static/assets/iframe-BSSUJvjh.js +0 -1
@@ -1,4 +1,4 @@
1
- import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{n}from"./iframe-GrlyTB2d.js";import{r,t as i}from"./DateInput-B7WxAsa1.js";import{n as a,t as o}from"./GridContainer-qDguE1HS.js";import{a as s,i as c,l,n as u,t as d}from"./DateRangePresetSelect-CmXwIBMW.js";var f=t({Default:()=>v,__namedExportsOrder:()=>y,default:()=>_}),p,m,h,g,_,v,y;function b(){return(b=e((()=>{r(),a(),u(),s(),p=n(),{useArgs:m,useState:h}=__STORYBOOK_MODULE_PREVIEW_API__,{fn:g}=__STORYBOOK_MODULE_TEST__,_={title:`Shared/UI/DateRangePresetSelect`,component:d,args:{label:`Пресет диапазона`,placeholder:`Выберите пресет`,value:`monthStartToToday`,onChange:g(),options:c,referenceDate:new Date(2026,2,10,12,0,0),onRangeChange:g(),disabled:!1,size:`md`},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Заголовок выбора пресета.`,control:`text`},description:{description:`Описание под заголовком.`,control:`text`},placeholder:{description:`Текст, который показывается до выбора пресета.`,control:`text`},value:{description:`ID активного пресета диапазона.`,control:`select`,options:c.map(e=>e.id)},onChange:{description:`Вызывается с ID выбранного пресета.`,control:!1},options:{description:`Кастомный каталог пресетов с функциями вычисления диапазона.`,control:!1},referenceDate:{description:`Опорная дата, относительно которой вычисляется диапазон пресета.`,control:`date`},onRangeChange:{description:`Вызывается с вычисленным диапазоном активного пресета.`,control:!1},disabled:{description:`Блокирует выбор пресета.`,control:`boolean`},size:{description:`Размер поля и подписи.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]}}},v={render:function(e){let[,t]=m(),[n,r]=h(()=>l(e.value,e.referenceDate,e.options)?.range??null);return(0,p.jsxs)(o,{gap:`md`,children:[(0,p.jsx)(d,{...e,onChange:n=>{e.onChange(n),t({value:n})},onRangeChange:t=>{e.onRangeChange?.(t),r(t?.range??null)}}),(0,p.jsx)(i,{label:`Диапазон дат`,placeholder:`дд.мм.гггг - дд.мм.гггг`,value:n,onChange:r})]})}},v.parameters={...v.parameters,docs:{...v.parameters?.docs,source:{originalSource:`{
1
+ import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{n}from"./iframe-dENsI_HJ.js";import{r,t as i}from"./DateInput-C4NbLkP1.js";import{n as a,t as o}from"./GridContainer-qDguE1HS.js";import{a as s,i as c,l,n as u,t as d}from"./DateRangePresetSelect-C2YQ1Ta2.js";var f=t({Default:()=>v,__namedExportsOrder:()=>y,default:()=>_}),p,m,h,g,_,v,y;function b(){return(b=e((()=>{r(),a(),u(),s(),p=n(),{useArgs:m,useState:h}=__STORYBOOK_MODULE_PREVIEW_API__,{fn:g}=__STORYBOOK_MODULE_TEST__,_={title:`Shared/UI/DateRangePresetSelect`,component:d,args:{label:`Пресет диапазона`,placeholder:`Выберите пресет`,value:`monthStartToToday`,onChange:g(),options:c,referenceDate:new Date(2026,2,10,12,0,0),onRangeChange:g(),disabled:!1,size:`md`},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Заголовок выбора пресета.`,control:`text`},description:{description:`Описание под заголовком.`,control:`text`},placeholder:{description:`Текст, который показывается до выбора пресета.`,control:`text`},value:{description:`ID активного пресета диапазона.`,control:`select`,options:c.map(e=>e.id)},onChange:{description:`Вызывается с ID выбранного пресета.`,control:!1},options:{description:`Кастомный каталог пресетов с функциями вычисления диапазона.`,control:!1},referenceDate:{description:`Опорная дата, относительно которой вычисляется диапазон пресета.`,control:`date`},onRangeChange:{description:`Вызывается с вычисленным диапазоном активного пресета.`,control:!1},disabled:{description:`Блокирует выбор пресета.`,control:`boolean`},size:{description:`Размер поля и подписи.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]}}},v={render:function(e){let[,t]=m(),[n,r]=h(()=>l(e.value,e.referenceDate,e.options)?.range??null);return(0,p.jsxs)(o,{gap:`md`,children:[(0,p.jsx)(d,{...e,onChange:n=>{e.onChange(n),t({value:n})},onRangeChange:t=>{e.onRangeChange?.(t),r(t?.range??null)}}),(0,p.jsx)(i,{label:`Диапазон дат`,placeholder:`дд.мм.гггг - дд.мм.гггг`,value:n,onChange:r})]})}},v.parameters={...v.parameters,docs:{...v.parameters?.docs,source:{originalSource:`{
2
2
  render: function Render(args) {
3
3
  const [, updateArgs] = useArgs<DateRangePresetSelectProps>();
4
4
  const [range, setRange] = useStorybookState<DateRangePresetChangePayload["range"] | null>(() => resolveDateRangePresetPayload(args.value, args.referenceDate, args.options)?.range ?? null);
@@ -1,4 +1,4 @@
1
- import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-GrlyTB2d.js";import{i as n,r}from"./react-qN2cStNd.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-DkLPipTQ.js";import{a as p,i as m,n as h,o as g,r as _,t as v}from"./Detail.stories-B7VB1iZ8.js";function y(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(s,{of:_,parameters:{docs:{toc:!0}}}),`
1
+ import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-dENsI_HJ.js";import{i as n,r}from"./react-qN2cStNd.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-Cta1XrWW.js";import{a as p,i as m,n as h,o as g,r as _,t as v}from"./Detail.stories-D8uN6AEx.js";function y(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(s,{of:_,parameters:{docs:{toc:!0}}}),`
2
2
  `,(0,x.jsx)(u,{children:`Detail`}),`
3
3
  `,(0,x.jsx)(o,{children:`Компонент для вывода пар «заголовок-значение» в карточках, сводках и просмотре сущностей`}),`
4
4
  `,(0,x.jsx)(t.p,{children:`Detail уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
@@ -1,4 +1,4 @@
1
- import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r}from"./iframe-GrlyTB2d.js";import{a as i,i as a}from"./utils-DUM89eIj.js";var o,s,c,l,u,d,f,p,m,h,g,_,v,y,b;function x(){return(x=e((()=>{o=`DyKaN-`,s=`_2Cf0DN`,c=`igyZiV`,l=`lFsl-5`,u=`zQlD1x`,d=`a6oRih`,f=`MYdzIV`,p=`Pxw-eb`,m=`Kz2K6S`,h=`Pbwja7`,g=`_1DseTb`,_=`h3oORx`,v=`gB9Kr4`,y=`V-PlLc`,b={detailList:o,none:s,small:c,normal:l,large:u,detail:d,dt:f,dd:p,textCenter:m,inline:h,start:g,center:_,end:v,noWrap:y}})))()}function S({label:e,value:t,withColon:n,required:r}){let{semantic:a,inline:o,noWrap:s,center:c,vertical:l=`center`,withColon:u=!0}=(0,C.useContext)(T),d=i(b.detail,c&&b.textCenter,o&&b.inline,s&&b.noWrap,b[l]),f=(0,w.jsxs)(w.Fragment,{children:[e,r&&(0,w.jsx)(`span`,{className:`statusError`,children:`*`}),(typeof n==`boolean`?n:u)&&`:`]});switch(a){case`detail`:return(0,w.jsxs)(`div`,{className:d,children:[(0,w.jsx)(`dt`,{className:b.dt,children:f}),(0,w.jsx)(`dd`,{className:b.dd,children:t})]});case`list`:return(0,w.jsxs)(`li`,{className:d,children:[(0,w.jsx)(`div`,{className:b.dt,children:f}),(0,w.jsx)(`div`,{className:b.dd,children:t})]});default:return(0,w.jsxs)(`div`,{className:d,children:[(0,w.jsx)(`div`,{className:b.dt,children:f}),(0,w.jsx)(`div`,{className:b.dd,children:t})]})}}var C,w,T,E;function D(){return(D=e((()=>{C=n(),a(),x(),w=r(),T=(0,C.createContext)({}),E=({children:e,columnCount:t=1,rowGap:n=`none`,semantic:r=`list`,className:a,...o})=>{let s=i(b.detailList,b[n],a),c={columnCount:Math.min(5,Math.max(1,t))},l=r===`detail`?(0,w.jsx)(`dl`,{className:s,style:c,children:e}):(0,w.jsx)(`ul`,{className:s,style:c,children:e});return(0,w.jsx)(T.Provider,{value:{...o,semantic:r},children:l})},E.Item=S,E.__docgenInfo={description:`Компонент для вывода пар «заголовок-значение» в одну или несколько колонок. Подходит для карточек сущностей, сводок и страниц просмотра.`,methods:[{name:`Item`,docblock:null,modifiers:[`static`],params:[{name:`{ label, value, withColon, required }: DetailItemProps`,optional:!1,type:{name:`DetailItemProps`,alias:`DetailItemProps`}}],returns:null}],displayName:`Detail`,props:{columnCount:{defaultValue:{value:`1`,computed:!1},required:!1},rowGap:{defaultValue:{value:`"none"`,computed:!1},required:!1},semantic:{defaultValue:{value:`"list"`,computed:!1},required:!1}}}})))()}var O=t({BasicList:()=>M,CustomLabel:()=>F,MultipleColumns:()=>N,SemanticDl:()=>P,__namedExportsOrder:()=>I,default:()=>j}),k,A,j,M,N,P,F,I;function L(){return(L=e((()=>{D(),k=r(),{useArgs:A}=__STORYBOOK_MODULE_PREVIEW_API__,j={title:`Shared/UI/Detail`,component:E,args:{columnCount:1,rowGap:`normal`,semantic:`list`,inline:!1,center:!1,vertical:`center`,noWrap:!1},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{columnCount:{description:`Количество колонок (1-5).`,control:`number`},rowGap:{description:`Вертикальные интервалы между строками.`,control:`inline-radio`,options:[`none`,`small`,`normal`,`large`]},semantic:{description:`Семантический режим контейнера списка деталей.`,control:`inline-radio`,options:[`detail`,`list`]},inline:{description:`Размещает метку и значение в одну строку.`,control:`boolean`},center:{description:`Центрирует текст метки и значения.`,control:`boolean`},vertical:{description:`Вертикальное выравнивание внутри строки.`,control:`inline-radio`,options:[`start`,`center`,`end`]},noWrap:{description:`Отключает перенос длинного значения.`,control:`boolean`},withColon:{description:`Добавляет двоеточие после метки.`,control:`boolean`},children:{description:`Набор Detail.Item внутри списка.`,control:!1}}},M={render:function(){let[e]=A();return(0,k.jsxs)(E,{...e,children:[(0,k.jsx)(E.Item,{required:!0,label:`Статус`,value:`Активен`}),(0,k.jsx)(E.Item,{label:`Приоритет`,value:`Высокий`}),(0,k.jsx)(E.Item,{label:`Автор`,value:`Иван Петров`})]})},args:{children:void 0}},N={render:function(){let[e]=A();return(0,k.jsxs)(E,{...e,children:[(0,k.jsx)(E.Item,{label:`ID`,value:`DOC-12345`}),(0,k.jsx)(E.Item,{label:`Дата`,value:`05.03.2026`}),(0,k.jsx)(E.Item,{label:`Версия`,value:`2.7`}),(0,k.jsx)(E.Item,{label:`Подразделение`,value:`Снабжение`}),(0,k.jsx)(E.Item,{label:`Регион`,value:`Урал`}),(0,k.jsx)(E.Item,{label:`Комментарий`,value:`Требуется согласование с бухгалтерией`})]})},args:{columnCount:2,rowGap:`small`,children:void 0}},P={render:function(){let[e]=A();return(0,k.jsxs)(E,{...e,children:[(0,k.jsx)(E.Item,{label:`Клиент`,value:`ООО Вектор`}),(0,k.jsx)(E.Item,{label:`Менеджер`,value:`Анна Смирнова`}),(0,k.jsx)(E.Item,{label:`Сумма`,value:`1 250 000 ₽`})]})},args:{semantic:`detail`,inline:!0,columnCount:1,children:void 0}},F={render:function(){let[e]=A();return(0,k.jsxs)(E,{...e,children:[(0,k.jsx)(E.Item,{label:(0,k.jsx)(`span`,{children:`Номер договора`}),value:`KTK-2026-045`}),(0,k.jsx)(E.Item,{label:(0,k.jsx)(`span`,{title:`Без двоеточия для составной метки`,children:`Статус`}),value:`На согласовании`,withColon:!1})]})},args:{children:void 0}},M.parameters={...M.parameters,docs:{...M.parameters?.docs,source:{originalSource:`{
1
+ import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r}from"./iframe-dENsI_HJ.js";import{a as i,i as a}from"./utils-DUM89eIj.js";var o,s,c,l,u,d,f,p,m,h,g,_,v,y,b;function x(){return(x=e((()=>{o=`DyKaN-`,s=`_2Cf0DN`,c=`igyZiV`,l=`lFsl-5`,u=`zQlD1x`,d=`a6oRih`,f=`MYdzIV`,p=`Pxw-eb`,m=`Kz2K6S`,h=`Pbwja7`,g=`_1DseTb`,_=`h3oORx`,v=`gB9Kr4`,y=`V-PlLc`,b={detailList:o,none:s,small:c,normal:l,large:u,detail:d,dt:f,dd:p,textCenter:m,inline:h,start:g,center:_,end:v,noWrap:y}})))()}function S({label:e,value:t,withColon:n,required:r}){let{semantic:a,inline:o,noWrap:s,center:c,vertical:l=`center`,withColon:u=!0}=(0,C.useContext)(T),d=i(b.detail,c&&b.textCenter,o&&b.inline,s&&b.noWrap,b[l]),f=(0,w.jsxs)(w.Fragment,{children:[e,r&&(0,w.jsx)(`span`,{className:`statusError`,children:`*`}),(typeof n==`boolean`?n:u)&&`:`]});switch(a){case`detail`:return(0,w.jsxs)(`div`,{className:d,children:[(0,w.jsx)(`dt`,{className:b.dt,children:f}),(0,w.jsx)(`dd`,{className:b.dd,children:t})]});case`list`:return(0,w.jsxs)(`li`,{className:d,children:[(0,w.jsx)(`div`,{className:b.dt,children:f}),(0,w.jsx)(`div`,{className:b.dd,children:t})]});default:return(0,w.jsxs)(`div`,{className:d,children:[(0,w.jsx)(`div`,{className:b.dt,children:f}),(0,w.jsx)(`div`,{className:b.dd,children:t})]})}}var C,w,T,E;function D(){return(D=e((()=>{C=n(),a(),x(),w=r(),T=(0,C.createContext)({}),E=({children:e,columnCount:t=1,rowGap:n=`none`,semantic:r=`list`,className:a,...o})=>{let s=i(b.detailList,b[n],a),c={columnCount:Math.min(5,Math.max(1,t))},l=r===`detail`?(0,w.jsx)(`dl`,{className:s,style:c,children:e}):(0,w.jsx)(`ul`,{className:s,style:c,children:e});return(0,w.jsx)(T.Provider,{value:{...o,semantic:r},children:l})},E.Item=S,E.__docgenInfo={description:`Компонент для вывода пар «заголовок-значение» в одну или несколько колонок. Подходит для карточек сущностей, сводок и страниц просмотра.`,methods:[{name:`Item`,docblock:null,modifiers:[`static`],params:[{name:`{ label, value, withColon, required }: DetailItemProps`,optional:!1,type:{name:`DetailItemProps`,alias:`DetailItemProps`}}],returns:null}],displayName:`Detail`,props:{columnCount:{defaultValue:{value:`1`,computed:!1},required:!1},rowGap:{defaultValue:{value:`"none"`,computed:!1},required:!1},semantic:{defaultValue:{value:`"list"`,computed:!1},required:!1}}}})))()}var O=t({BasicList:()=>M,CustomLabel:()=>F,MultipleColumns:()=>N,SemanticDl:()=>P,__namedExportsOrder:()=>I,default:()=>j}),k,A,j,M,N,P,F,I;function L(){return(L=e((()=>{D(),k=r(),{useArgs:A}=__STORYBOOK_MODULE_PREVIEW_API__,j={title:`Shared/UI/Detail`,component:E,args:{columnCount:1,rowGap:`normal`,semantic:`list`,inline:!1,center:!1,vertical:`center`,noWrap:!1},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{columnCount:{description:`Количество колонок (1-5).`,control:`number`},rowGap:{description:`Вертикальные интервалы между строками.`,control:`inline-radio`,options:[`none`,`small`,`normal`,`large`]},semantic:{description:`Семантический режим контейнера списка деталей.`,control:`inline-radio`,options:[`detail`,`list`]},inline:{description:`Размещает метку и значение в одну строку.`,control:`boolean`},center:{description:`Центрирует текст метки и значения.`,control:`boolean`},vertical:{description:`Вертикальное выравнивание внутри строки.`,control:`inline-radio`,options:[`start`,`center`,`end`]},noWrap:{description:`Отключает перенос длинного значения.`,control:`boolean`},withColon:{description:`Добавляет двоеточие после метки.`,control:`boolean`},children:{description:`Набор Detail.Item внутри списка.`,control:!1}}},M={render:function(){let[e]=A();return(0,k.jsxs)(E,{...e,children:[(0,k.jsx)(E.Item,{required:!0,label:`Статус`,value:`Активен`}),(0,k.jsx)(E.Item,{label:`Приоритет`,value:`Высокий`}),(0,k.jsx)(E.Item,{label:`Автор`,value:`Иван Петров`})]})},args:{children:void 0}},N={render:function(){let[e]=A();return(0,k.jsxs)(E,{...e,children:[(0,k.jsx)(E.Item,{label:`ID`,value:`DOC-12345`}),(0,k.jsx)(E.Item,{label:`Дата`,value:`05.03.2026`}),(0,k.jsx)(E.Item,{label:`Версия`,value:`2.7`}),(0,k.jsx)(E.Item,{label:`Подразделение`,value:`Снабжение`}),(0,k.jsx)(E.Item,{label:`Регион`,value:`Урал`}),(0,k.jsx)(E.Item,{label:`Комментарий`,value:`Требуется согласование с бухгалтерией`})]})},args:{columnCount:2,rowGap:`small`,children:void 0}},P={render:function(){let[e]=A();return(0,k.jsxs)(E,{...e,children:[(0,k.jsx)(E.Item,{label:`Клиент`,value:`ООО Вектор`}),(0,k.jsx)(E.Item,{label:`Менеджер`,value:`Анна Смирнова`}),(0,k.jsx)(E.Item,{label:`Сумма`,value:`1 250 000 ₽`})]})},args:{semantic:`detail`,inline:!0,columnCount:1,children:void 0}},F={render:function(){let[e]=A();return(0,k.jsxs)(E,{...e,children:[(0,k.jsx)(E.Item,{label:(0,k.jsx)(`span`,{children:`Номер договора`}),value:`KTK-2026-045`}),(0,k.jsx)(E.Item,{label:(0,k.jsx)(`span`,{title:`Без двоеточия для составной метки`,children:`Статус`}),value:`На согласовании`,withColon:!1})]})},args:{children:void 0}},M.parameters={...M.parameters,docs:{...M.parameters?.docs,source:{originalSource:`{
2
2
  render: function Render() {
3
3
  const [args] = useArgs<DetailProps>();
4
4
  return <Detail {...args}>
@@ -1 +1 @@
1
- import{n as e,o as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r}from"./iframe-GrlyTB2d.js";import{t as i}from"./react-dom-2o2phaJG.js";import{a,n as o,r as s,t as c}from"./dom-B3G_GtJw.js";function l({title:e,description:t,open:n,onClose:r,minWidth:i,children:s}){let l=(0,u.useId)(),p=(0,u.useId)(),m=a({active:n,trapFocus:!0,restoreFocus:!0,initialFocus:`auto`});if(o({active:n,onDismiss:r,containerRef:m}),!n||typeof document>`u`)return null;let h=c(`dialog-root`);return h?(0,d.createPortal)((0,f.jsx)(`div`,{className:`fixed inset0 flexCenter surfaceBackdrop`,style:{zIndex:`var(--z-dialog)`},onMouseDown:e=>e.target===e.currentTarget&&r(),children:(0,f.jsxs)(`div`,{ref:m,role:`dialog`,"aria-modal":`true`,"aria-labelledby":e?l:void 0,"aria-describedby":t?p:void 0,tabIndex:-1,className:`surface0 shadowMd paddingLg radiusSm`,style:{minWidth:i},children:[e&&(0,f.jsx)(`h2`,{id:l,className:`margin0`,children:e}),t&&(0,f.jsx)(`p`,{id:p,children:t}),s]})}),h):null}var u,d,f;function p(){return(p=e((()=>{u=t(n(),1),s(),d=i(),f=r()})))()}export{p as n,l as t};
1
+ import{n as e,o as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r}from"./iframe-dENsI_HJ.js";import{t as i}from"./react-dom-2o2phaJG.js";import{a,n as o,r as s,t as c}from"./dom-B3G_GtJw.js";function l({title:e,description:t,open:n,onClose:r,minWidth:i,children:s}){let l=(0,u.useId)(),p=(0,u.useId)(),m=a({active:n,trapFocus:!0,restoreFocus:!0,initialFocus:`auto`});if(o({active:n,onDismiss:r,containerRef:m}),!n||typeof document>`u`)return null;let h=c(`dialog-root`);return h?(0,d.createPortal)((0,f.jsx)(`div`,{className:`fixed inset0 flexCenter surfaceBackdrop`,style:{zIndex:`var(--z-dialog)`},onMouseDown:e=>e.target===e.currentTarget&&r(),children:(0,f.jsxs)(`div`,{ref:m,role:`dialog`,"aria-modal":`true`,"aria-labelledby":e?l:void 0,"aria-describedby":t?p:void 0,tabIndex:-1,className:`surface0 shadowMd paddingLg radiusSm`,style:{minWidth:i},children:[e&&(0,f.jsx)(`h2`,{id:l,className:`margin0`,children:e}),t&&(0,f.jsx)(`p`,{id:p,children:t}),s]})}),h):null}var u,d,f;function p(){return(p=e((()=>{u=t(n(),1),s(),d=i(),f=r()})))()}export{p as n,l as t};
@@ -1,4 +1,4 @@
1
- import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-GrlyTB2d.js";import{i as n,r}from"./react-qN2cStNd.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-DkLPipTQ.js";import{i as p,n as m,r as h,t as g}from"./Dialog.stories-BxlH7I9g.js";function _(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(s,{of:m,parameters:{docs:{toc:!0}}}),`
1
+ import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-dENsI_HJ.js";import{i as n,r}from"./react-qN2cStNd.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-Cta1XrWW.js";import{i as p,n as m,r as h,t as g}from"./Dialog.stories-BUISgmFq.js";function _(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(s,{of:m,parameters:{docs:{toc:!0}}}),`
2
2
  `,(0,y.jsx)(u,{children:`Dialog`}),`
3
3
  `,(0,y.jsx)(o,{children:`Легковесное диалоговое окно для коротких подтверждений и критичных действий`}),`
4
4
  `,(0,y.jsx)(t.p,{children:`Dialog уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
@@ -1,4 +1,4 @@
1
- import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{n}from"./iframe-GrlyTB2d.js";import{n as r,t as i}from"./Button-DErRAg7J.js";import{n as a,t as o}from"./createControlledStoryRender-DHsyXc1B.js";import{n as s,t as c}from"./Dialog-CQdUc8lg.js";var l=t({Controlled:()=>h,Opened:()=>g,__namedExportsOrder:()=>_,default:()=>m});function u({args:e,updateArgs:t,children:n}){let r=()=>{e.onClose(),t({open:!1})};return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(i,{onClick:()=>t({open:!0}),children:`Открыть диалог`}),(0,f.jsx)(c,{...e,open:e.open,onClose:r,children:e.children??n(r)})]})}function d(e){return o((t,n)=>(0,f.jsx)(u,{args:t,updateArgs:n,children:e}))}var f,p,m,h,g,_;function v(){return(v=e((()=>{r(),a(),s(),f=n(),{fn:p}=__STORYBOOK_MODULE_TEST__,m={title:`Shared/UI/Dialog`,component:c,args:{title:`Подтверждение операции`,description:`Проверьте параметры перед выполнением действия.`,open:!1,onClose:p(),minWidth:360,children:null},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{title:{description:`Заголовок диалогового окна.`,control:`text`},description:{description:`Описание под заголовком.`,control:`text`},open:{description:`Управляет видимостью диалога.`,control:`boolean`},onClose:{description:`Вызывается при закрытии диалога.`,control:!1},minWidth:{description:`Минимальная ширина контейнера окна в CSS-единицах или пикселях.`,control:`text`},children:{description:`Контент внутри диалогового окна.`,control:!1}}},h={render:d(e=>(0,f.jsxs)(`div`,{children:[(0,f.jsx)(`p`,{children:`Подтвердите выполнение действия.`}),(0,f.jsxs)(`div`,{style:{display:`flex`,gap:8,justifyContent:`flex-end`},children:[(0,f.jsx)(i,{variant:`transparent`,onClick:e,children:`Отмена`}),(0,f.jsx)(i,{variant:`success`,onClick:e,children:`Подтвердить`})]})]}))},g={args:{open:!0},render:d(()=>(0,f.jsx)(`div`,{children:`Диалог изначально открыт для демонстрации верстки.`}))},h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
1
+ import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{n}from"./iframe-dENsI_HJ.js";import{n as r,t as i}from"./Button-CVhc13mG.js";import{n as a,t as o}from"./createControlledStoryRender-DHsyXc1B.js";import{n as s,t as c}from"./Dialog-B3yVDNey.js";var l=t({Controlled:()=>h,Opened:()=>g,__namedExportsOrder:()=>_,default:()=>m});function u({args:e,updateArgs:t,children:n}){let r=()=>{e.onClose(),t({open:!1})};return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(i,{onClick:()=>t({open:!0}),children:`Открыть диалог`}),(0,f.jsx)(c,{...e,open:e.open,onClose:r,children:e.children??n(r)})]})}function d(e){return o((t,n)=>(0,f.jsx)(u,{args:t,updateArgs:n,children:e}))}var f,p,m,h,g,_;function v(){return(v=e((()=>{r(),a(),s(),f=n(),{fn:p}=__STORYBOOK_MODULE_TEST__,m={title:`Shared/UI/Dialog`,component:c,args:{title:`Подтверждение операции`,description:`Проверьте параметры перед выполнением действия.`,open:!1,onClose:p(),minWidth:360,children:null},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{title:{description:`Заголовок диалогового окна.`,control:`text`},description:{description:`Описание под заголовком.`,control:`text`},open:{description:`Управляет видимостью диалога.`,control:`boolean`},onClose:{description:`Вызывается при закрытии диалога.`,control:!1},minWidth:{description:`Минимальная ширина контейнера окна в CSS-единицах или пикселях.`,control:`text`},children:{description:`Контент внутри диалогового окна.`,control:!1}}},h={render:d(e=>(0,f.jsxs)(`div`,{children:[(0,f.jsx)(`p`,{children:`Подтвердите выполнение действия.`}),(0,f.jsxs)(`div`,{style:{display:`flex`,gap:8,justifyContent:`flex-end`},children:[(0,f.jsx)(i,{variant:`transparent`,onClick:e,children:`Отмена`}),(0,f.jsx)(i,{variant:`success`,onClick:e,children:`Подтвердить`})]})]}))},g={args:{open:!0},render:d(()=>(0,f.jsx)(`div`,{children:`Диалог изначально открыт для демонстрации верстки.`}))},h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
2
2
  render: createDialogStoryRender(close => <div>
3
3
  <p>Подтвердите выполнение действия.</p>
4
4
  <div style={{
@@ -1,4 +1,4 @@
1
- import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-GrlyTB2d.js";import{i as n,r}from"./react-qN2cStNd.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-DkLPipTQ.js";import{a as p,i as m,n as h,r as g,t as _}from"./Disclosure.stories-Cx8XZZw_.js";function v(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(s,{of:h,parameters:{docs:{toc:!0}}}),`
1
+ import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-dENsI_HJ.js";import{i as n,r}from"./react-qN2cStNd.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-Cta1XrWW.js";import{a as p,i as m,n as h,r as g,t as _}from"./Disclosure.stories-C81bKGvm.js";function v(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(s,{of:h,parameters:{docs:{toc:!0}}}),`
2
2
  `,(0,b.jsx)(u,{children:`Disclosure`}),`
3
3
  `,(0,b.jsx)(o,{children:`Практическая документация по компоненту Disclosure и его сценариям использования`}),`
4
4
  `,(0,b.jsx)(t.p,{children:`Disclosure уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
@@ -1,4 +1,4 @@
1
- import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{i as n,n as r,r as i,t as a}from"./DisclosureGroup-DZVBqSip.js";import{n as o}from"./iframe-GrlyTB2d.js";import{n as s,t as c}from"./Button-DErRAg7J.js";import{n as l,t as u}from"./createControlledStoryRender-DHsyXc1B.js";var d=t({Basic:()=>g,Group:()=>v,HeaderActions:()=>_,__namedExportsOrder:()=>y,default:()=>p}),f,p,m,h,g,_,v,y;function b(){return(b=e((()=>{s(),l(),n(),r(),f=o(),p={title:`Shared/UI/Disclosure`,component:i,args:{label:`Раздел`,defaultOpen:!1,children:(0,f.jsx)(`p`,{children:`Содержимое панели раскрытия.`})},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Заголовок кнопки раскрытия.`,control:`text`},defaultOpen:{description:`Начальное состояние (открыт/закрыт). Изменение аргумента перемонтирует демонстрационный экземпляр.`,control:`boolean`},headerActions:{description:`Независимые действия в правой части заголовка.`,control:!1},children:{description:`Контент, который показывается в раскрытой панели.`,control:!1}}},m=u(e=>(0,f.jsx)(i,{...e},`disclosure-${String(e.defaultOpen)}`)),h=u(e=>(0,f.jsxs)(a,{children:[(0,f.jsx)(i,{...e},`search-${String(e.defaultOpen)}`),(0,f.jsx)(i,{label:`Сортировка`,children:(0,f.jsxs)(`div`,{style:{display:`grid`,gap:8},children:[(0,f.jsx)(`span`,{children:`Поле: Дата создания`}),(0,f.jsx)(`span`,{children:`Порядок: По убыванию`})]})}),(0,f.jsx)(i,{label:`Дополнительные фильтры`,children:(0,f.jsxs)(`div`,{style:{display:`grid`,gap:8},children:[(0,f.jsx)(`span`,{children:`Только активные`}),(0,f.jsx)(`span`,{children:`Без архивных записей`})]})})]})),g={render:m},_={args:{headerActions:(0,f.jsx)(c,{variant:`transparent`,onClick:()=>void 0,children:`Очистить`})},render:m},v={args:{label:`Параметры поиска`,defaultOpen:!0,children:(0,f.jsxs)(`div`,{style:{display:`grid`,gap:8},children:[(0,f.jsx)(`span`,{children:`Период: март 2026`}),(0,f.jsx)(`span`,{children:`Регион: Урал`})]})},render:h},g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
1
+ import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{i as n,n as r,r as i,t as a}from"./DisclosureGroup-Dql74J3c.js";import{n as o}from"./iframe-dENsI_HJ.js";import{n as s,t as c}from"./Button-CVhc13mG.js";import{n as l,t as u}from"./createControlledStoryRender-DHsyXc1B.js";var d=t({Basic:()=>g,Group:()=>v,HeaderActions:()=>_,__namedExportsOrder:()=>y,default:()=>p}),f,p,m,h,g,_,v,y;function b(){return(b=e((()=>{s(),l(),n(),r(),f=o(),p={title:`Shared/UI/Disclosure`,component:i,args:{label:`Раздел`,defaultOpen:!1,children:(0,f.jsx)(`p`,{children:`Содержимое панели раскрытия.`})},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Заголовок кнопки раскрытия.`,control:`text`},defaultOpen:{description:`Начальное состояние (открыт/закрыт). Изменение аргумента перемонтирует демонстрационный экземпляр.`,control:`boolean`},headerActions:{description:`Независимые действия в правой части заголовка.`,control:!1},children:{description:`Контент, который показывается в раскрытой панели.`,control:!1}}},m=u(e=>(0,f.jsx)(i,{...e},`disclosure-${String(e.defaultOpen)}`)),h=u(e=>(0,f.jsxs)(a,{children:[(0,f.jsx)(i,{...e},`search-${String(e.defaultOpen)}`),(0,f.jsx)(i,{label:`Сортировка`,children:(0,f.jsxs)(`div`,{style:{display:`grid`,gap:8},children:[(0,f.jsx)(`span`,{children:`Поле: Дата создания`}),(0,f.jsx)(`span`,{children:`Порядок: По убыванию`})]})}),(0,f.jsx)(i,{label:`Дополнительные фильтры`,children:(0,f.jsxs)(`div`,{style:{display:`grid`,gap:8},children:[(0,f.jsx)(`span`,{children:`Только активные`}),(0,f.jsx)(`span`,{children:`Без архивных записей`})]})})]})),g={render:m},_={args:{headerActions:(0,f.jsx)(c,{variant:`transparent`,onClick:()=>void 0,children:`Очистить`})},render:m},v={args:{label:`Параметры поиска`,defaultOpen:!0,children:(0,f.jsxs)(`div`,{style:{display:`grid`,gap:8},children:[(0,f.jsx)(`span`,{children:`Период: март 2026`}),(0,f.jsx)(`span`,{children:`Регион: Урал`})]})},render:h},g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
2
2
  render: renderDisclosureStory
3
3
  }`,...g.parameters?.docs?.source}}},_.parameters={..._.parameters,docs:{..._.parameters?.docs,source:{originalSource:`{
4
4
  args: {
@@ -1,2 +1,2 @@
1
- import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{t}from"./react-C21x__mS.js";import{n,t as r}from"./chevron-down-DIYGXq1Z.js";import{i,n as a,r as o}from"./iframe-GrlyTB2d.js";import{a as s,i as c}from"./utils-DUM89eIj.js";import{n as l,t as u}from"./ui.module-CiLQZm_L.js";import{i as d,n as f}from"./uiClasses-DiXn3Hc-.js";import{n as p,t as m}from"./FlexItem-vkDYa5tA.js";var h,g;function _(){return(_=e((()=>{i(),h=[[`path`,{d:`m18 15-6-6-6 6`,key:`153udz`}]],g=o(`chevron-up`,h)})))()}var v,y,b;function x(){return(x=e((()=>{v=t(),p(),y=a(),b=(0,v.forwardRef)((e,t)=>(0,y.jsx)(m,{...e,ref:t,flex1:!0})),b.displayName=`FlexSpacer`,b.__docgenInfo={description:``,methods:[],displayName:`FlexSpacer`}})))()}var S,C,w,T,E,D;function O(){return(O=e((()=>{S=`P-rCx1`,C=`_9yjaDf`,w=`izVkky`,T=`KAIPfW`,E=`O-da-N`,D={disclosureHeader:S,disclosureButton:C,disclosureActions:w,disclosureGroup:T,disclosure:E}})))()}function k({label:e,defaultOpen:t,headerActions:n,tone:i=`primary`,children:a}){let[o,c]=(0,A.useState)(t===!0),u=(0,A.useId)(),d=(0,A.useId)(),p=f(i);return(0,j.jsxs)(`div`,{className:s(l.uiElement,l.uiPanel,p,D.disclosure),children:[(0,j.jsxs)(`div`,{className:D.disclosureHeader,children:[(0,j.jsxs)(`button`,{id:d,type:`button`,"aria-expanded":o,"aria-controls":u,className:s(D.disclosureButton,`fontBold radiusSm paddingSm gapSm`),"data-ui":`disclosure-toggle`,"data-action":o?`collapse-disclosure`:`expand-disclosure`,onClick:()=>c(e=>!e),children:[o?(0,j.jsx)(g,{}):(0,j.jsx)(r,{}),e]}),n?(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)(b,{}),n]}):null]}),o&&(0,j.jsx)(`div`,{id:u,role:`region`,"aria-labelledby":d,children:(0,j.jsx)(`div`,{className:`paddingMd`,children:a})})]})}var A,j;function M(){return(M=e((()=>{A=t(),c(),n(),_(),x(),u(),d(),O(),j=a(),k.__docgenInfo={description:`Раскрывающийся блок с заголовком и скрываемым содержимым. Используется для FAQ, настроек и компактного размещения второстепенной информации.`,methods:[],displayName:`Disclosure`,props:{label:{required:!0,tsType:{name:`ReactNode`},description:``},defaultOpen:{required:!1,tsType:{name:`boolean`},description:``},tone:{required:!1,tsType:{name:`union`,raw:`"primary" | "secondary" | "tertiary"`,elements:[{name:`literal`,value:`"primary"`},{name:`literal`,value:`"secondary"`},{name:`literal`,value:`"tertiary"`}]},description:``,defaultValue:{value:`"primary"`,computed:!1}},headerActions:{required:!1,tsType:{name:`ReactNode`},description:`Независимые действия в правой части заголовка, расположенные вне кнопки раскрытия.`}},composes:[`PropsWithChildren`]}})))()}function N({className:e,children:t}){return(0,P.jsx)(`div`,{className:s(D.disclosureGroup,e),children:t})}var P;function F(){return(F=e((()=>{t(),c(),O(),P=a(),N.__docgenInfo={description:"Групповой контейнер для нескольких `Disclosure`. Помогает выстраивать последовательный список раскрывающихся секций.",methods:[],displayName:`DisclosureGroup`,props:{children:{required:!1,tsType:{name:`union`,raw:`| (React.ReactElement<DisclosureProps, typeof Disclosure> | null | undefined | false)
1
+ import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{t}from"./react-C21x__mS.js";import{n,t as r}from"./chevron-down-cKT7IMMQ.js";import{i,n as a,r as o}from"./iframe-dENsI_HJ.js";import{a as s,i as c}from"./utils-DUM89eIj.js";import{n as l,t as u}from"./ui.module-CiLQZm_L.js";import{i as d,n as f}from"./uiClasses-DiXn3Hc-.js";import{n as p,t as m}from"./FlexItem-vkDYa5tA.js";var h,g;function _(){return(_=e((()=>{i(),h=[[`path`,{d:`m18 15-6-6-6 6`,key:`153udz`}]],g=o(`chevron-up`,h)})))()}var v,y,b;function x(){return(x=e((()=>{v=t(),p(),y=a(),b=(0,v.forwardRef)((e,t)=>(0,y.jsx)(m,{...e,ref:t,flex1:!0})),b.displayName=`FlexSpacer`,b.__docgenInfo={description:``,methods:[],displayName:`FlexSpacer`}})))()}var S,C,w,T,E,D;function O(){return(O=e((()=>{S=`P-rCx1`,C=`_9yjaDf`,w=`izVkky`,T=`KAIPfW`,E=`O-da-N`,D={disclosureHeader:S,disclosureButton:C,disclosureActions:w,disclosureGroup:T,disclosure:E}})))()}function k({label:e,defaultOpen:t,headerActions:n,tone:i=`primary`,children:a}){let[o,c]=(0,A.useState)(t===!0),u=(0,A.useId)(),d=(0,A.useId)(),p=f(i);return(0,j.jsxs)(`div`,{className:s(l.uiElement,l.uiPanel,p,D.disclosure),children:[(0,j.jsxs)(`div`,{className:D.disclosureHeader,children:[(0,j.jsxs)(`button`,{id:d,type:`button`,"aria-expanded":o,"aria-controls":u,className:s(D.disclosureButton,`fontBold radiusSm paddingSm gapSm`),"data-ui":`disclosure-toggle`,"data-action":o?`collapse-disclosure`:`expand-disclosure`,onClick:()=>c(e=>!e),children:[o?(0,j.jsx)(g,{}):(0,j.jsx)(r,{}),e]}),n?(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)(b,{}),n]}):null]}),o&&(0,j.jsx)(`div`,{id:u,role:`region`,"aria-labelledby":d,children:(0,j.jsx)(`div`,{className:`paddingMd`,children:a})})]})}var A,j;function M(){return(M=e((()=>{A=t(),c(),n(),_(),x(),u(),d(),O(),j=a(),k.__docgenInfo={description:`Раскрывающийся блок с заголовком и скрываемым содержимым. Используется для FAQ, настроек и компактного размещения второстепенной информации.`,methods:[],displayName:`Disclosure`,props:{label:{required:!0,tsType:{name:`ReactNode`},description:``},defaultOpen:{required:!1,tsType:{name:`boolean`},description:``},tone:{required:!1,tsType:{name:`union`,raw:`"primary" | "secondary" | "tertiary"`,elements:[{name:`literal`,value:`"primary"`},{name:`literal`,value:`"secondary"`},{name:`literal`,value:`"tertiary"`}]},description:``,defaultValue:{value:`"primary"`,computed:!1}},headerActions:{required:!1,tsType:{name:`ReactNode`},description:`Независимые действия в правой части заголовка, расположенные вне кнопки раскрытия.`}},composes:[`PropsWithChildren`]}})))()}function N({className:e,children:t}){return(0,P.jsx)(`div`,{className:s(D.disclosureGroup,e),children:t})}var P;function F(){return(F=e((()=>{t(),c(),O(),P=a(),N.__docgenInfo={description:"Групповой контейнер для нескольких `Disclosure`. Помогает выстраивать последовательный список раскрывающихся секций.",methods:[],displayName:`DisclosureGroup`,props:{children:{required:!1,tsType:{name:`union`,raw:`| (React.ReactElement<DisclosureProps, typeof Disclosure> | null | undefined | false)
2
2
  | (React.ReactElement<DisclosureProps, typeof Disclosure> | null | undefined | false)[]`,elements:[{name:`unknown`},{name:`Array`,elements:[{name:`unknown`}],raw:`(React.ReactElement<DisclosureProps, typeof Disclosure> | null | undefined | false)[]`}]},description:``},className:{required:!1,tsType:{name:`string`},description:``}}}})))()}export{M as i,F as n,k as r,N as t};
@@ -1,2 +1,2 @@
1
1
  const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./react-qN2cStNd.js","./rolldown-runtime-C0FnF6B9.js","./react-C21x__mS.js"])))=>i.map(i=>d[i]);
2
- import{n as e,o as t}from"./rolldown-runtime-C0FnF6B9.js";import{n,t as r}from"./preload-helper-BHmFeTtP.js";import{t as i}from"./react-C21x__mS.js";import{i as a,m as o,o as s,s as c,t as l}from"./blocks-DkLPipTQ.js";import{i as u,r as d,t as f}from"./react-18-CgkwBzTo.js";var p,m,h,g;function _(){return(_=e((()=>{p=t(i(),1),f(),o(),n(),m={code:a,a:l,...c},h=class extends p.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(e){let{showException:t}=this.props;t(e)}render(){let{hasError:e}=this.state,{children:t}=this.props;return e?null:p.createElement(p.Fragment,null,t)}},g=class{constructor(){this.render=async(e,t,n)=>{let i={...m,...t?.components},a=s;return new Promise((o,s)=>{r(async()=>{let{MDXProvider:e}=await import(`./react-qN2cStNd.js`).then(e=>(e.t(),e.n));return{MDXProvider:e}},__vite__mapDeps([0,1,2]),import.meta.url).then(({MDXProvider:r})=>d(p.createElement(h,{showException:s,key:Math.random()},p.createElement(r,{components:i},p.createElement(a,{context:e,docsParameter:t}))),n)).then(()=>o())})},this.unmount=e=>{u(e)}}}})))()}function v(){return(v=e((()=>{_()})))()}v();export{g as DocsRenderer};
2
+ import{n as e,o as t}from"./rolldown-runtime-C0FnF6B9.js";import{n,t as r}from"./preload-helper-BHmFeTtP.js";import{t as i}from"./react-C21x__mS.js";import{i as a,m as o,o as s,s as c,t as l}from"./blocks-Cta1XrWW.js";import{i as u,r as d,t as f}from"./react-18-CgkwBzTo.js";var p,m,h,g;function _(){return(_=e((()=>{p=t(i(),1),f(),o(),n(),m={code:a,a:l,...c},h=class extends p.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(e){let{showException:t}=this.props;t(e)}render(){let{hasError:e}=this.state,{children:t}=this.props;return e?null:p.createElement(p.Fragment,null,t)}},g=class{constructor(){this.render=async(e,t,n)=>{let i={...m,...t?.components},a=s;return new Promise((o,s)=>{r(async()=>{let{MDXProvider:e}=await import(`./react-qN2cStNd.js`).then(e=>(e.t(),e.n));return{MDXProvider:e}},__vite__mapDeps([0,1,2]),import.meta.url).then(({MDXProvider:r})=>d(p.createElement(h,{showException:s,key:Math.random()},p.createElement(r,{components:i},p.createElement(a,{context:e,docsParameter:t}))),n)).then(()=>o())})},this.unmount=e=>{u(e)}}}})))()}function v(){return(v=e((()=>{_()})))()}v();export{g as DocsRenderer};
@@ -1,4 +1,4 @@
1
- import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-GrlyTB2d.js";import{i as n,r}from"./react-qN2cStNd.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-DkLPipTQ.js";import{a as p,i as m,n as h,r as g,t as _}from"./DropZone.stories-DbwDQvRh.js";function v(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(s,{of:g,parameters:{docs:{toc:!0}}}),`
1
+ import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-dENsI_HJ.js";import{i as n,r}from"./react-qN2cStNd.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-Cta1XrWW.js";import{a as p,i as m,n as h,r as g,t as _}from"./DropZone.stories-Bu9astzV.js";function v(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(s,{of:g,parameters:{docs:{toc:!0}}}),`
2
2
  `,(0,b.jsx)(u,{children:`DropZone`}),`
3
3
  `,(0,b.jsx)(o,{children:`Зона drag-and-drop для загрузки файлов кликом или перетаскиванием`}),`
4
4
  `,(0,b.jsx)(t.p,{children:`DropZone уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
@@ -1,4 +1,4 @@
1
- import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{t}from"./react-C21x__mS.js";import{i as n,n as r,r as i}from"./iframe-GrlyTB2d.js";import{a,i as o,n as s}from"./utils-DUM89eIj.js";import{a as c,i as l,o as u,r as d,s as f}from"./file-vPGnhPr-.js";import{n as p,t as m}from"./InputFilesList-G9rSY7Ew.js";var h,g;function _(){return(_=e((()=>{n(),h=[[`path`,{d:`M12 3v12`,key:`1x0j5s`}],[`path`,{d:`m17 8-5-5-5 5`,key:`7q97r8`}],[`path`,{d:`M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4`,key:`ih7n3h`}]],g=i(`upload`,h)})))()}var v,y,b,x,S,C;function w(){return(w=e((()=>{v=`q2D6Pw`,y=`QVgB0d`,b=`-nyQKp`,x=`kY0O9g`,S=`F5K1bE`,C={zone:v,dragOver:y,disabled:b,icon:x,hint:S}})))()}function T({value:e,onChange:t,onChangeError:n,accept:r,allowedMime:i,maxBytes:o,readMode:l,multiple:p=!0,disabled:h,className:_,children:v}){c(i),u(r);let y=(0,E.useRef)(0),b=(0,E.useRef)(null),[x,S]=(0,E.useState)(!1),w=(0,E.useMemo)(()=>r&&r.length>0?r.join(`,`):i&&i.length>0?i.join(`,`):`*`,[i,r]),T=(0,E.useCallback)(e=>l===`array-buffer`?f(e,{allowedMime:i,maxBytes:o,mode:`array-buffer`}):f(e,{allowedMime:i,maxBytes:o}),[i,o,l]),O=(0,E.useCallback)(async e=>{if(h||e.length===0)return;let r=p?e:e.slice(0,1),i=[];for(let e of r)try{let t=await T(e);i.push(t)}catch(e){e instanceof d&&n&&n(e)}i.length>0&&t(i)},[h,p,t,n,T]),k=(0,E.useCallback)(()=>{h||b.current?.click()},[h]),A=(0,E.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),!h&&(y.current+=1,y.current===1&&S(!0))},[h]),j=(0,E.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),!h&&(e.dataTransfer.dropEffect=`copy`)},[h]),M=(0,E.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),!h&&(--y.current,y.current===0&&S(!1))},[h]),N=(0,E.useCallback)(async e=>{if(e.preventDefault(),e.stopPropagation(),y.current=0,S(!1),h)return;let t=Array.from(e.dataTransfer.files);await O(t)},[h,O]),P=(0,E.useCallback)(async e=>{let t=Array.from(e.target.files??[]);await O(t),e.target.value=``},[O]),F=(0,E.useCallback)(e=>{s(e,k,{disabled:h})},[h,k]);return(0,D.jsxs)(`div`,{children:[(0,D.jsx)(`input`,{ref:b,type:`file`,hidden:!0,disabled:h,multiple:p,accept:w,onChange:P}),(0,D.jsx)(`div`,{className:a(C.zone,x&&C.dragOver,h&&C.disabled,_),onClick:k,onKeyDown:F,onDragEnter:A,onDragOver:j,onDragLeave:M,onDrop:N,role:`button`,tabIndex:h?-1:0,"aria-disabled":h,children:v??(0,D.jsxs)(D.Fragment,{children:[(0,D.jsx)(g,{className:C.icon}),(0,D.jsx)(`span`,{className:C.hint,children:p?`Перетащите файлы сюда или нажмите для выбора`:`Перетащите файл сюда или нажмите для выбора`})]})}),(0,D.jsx)(m,{files:e,onChange:t})]})}var E,D;function O(){return(O=e((()=>{E=t(),l(),o(),_(),p(),w(),D=r(),T.__docgenInfo={description:`DropZone — зона для перетаскивания файлов и выбора по клику.
1
+ import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{t}from"./react-C21x__mS.js";import{i as n,n as r,r as i}from"./iframe-dENsI_HJ.js";import{a,i as o,n as s}from"./utils-DUM89eIj.js";import{a as c,i as l,o as u,r as d,s as f}from"./file-vPGnhPr-.js";import{n as p,t as m}from"./InputFilesList-V2ras_Is.js";var h,g;function _(){return(_=e((()=>{n(),h=[[`path`,{d:`M12 3v12`,key:`1x0j5s`}],[`path`,{d:`m17 8-5-5-5 5`,key:`7q97r8`}],[`path`,{d:`M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4`,key:`ih7n3h`}]],g=i(`upload`,h)})))()}var v,y,b,x,S,C;function w(){return(w=e((()=>{v=`q2D6Pw`,y=`QVgB0d`,b=`-nyQKp`,x=`kY0O9g`,S=`F5K1bE`,C={zone:v,dragOver:y,disabled:b,icon:x,hint:S}})))()}function T({value:e,onChange:t,onChangeError:n,accept:r,allowedMime:i,maxBytes:o,readMode:l,multiple:p=!0,disabled:h,className:_,children:v}){c(i),u(r);let y=(0,E.useRef)(0),b=(0,E.useRef)(null),[x,S]=(0,E.useState)(!1),w=(0,E.useMemo)(()=>r&&r.length>0?r.join(`,`):i&&i.length>0?i.join(`,`):`*`,[i,r]),T=(0,E.useCallback)(e=>l===`array-buffer`?f(e,{allowedMime:i,maxBytes:o,mode:`array-buffer`}):f(e,{allowedMime:i,maxBytes:o}),[i,o,l]),O=(0,E.useCallback)(async e=>{if(h||e.length===0)return;let r=p?e:e.slice(0,1),i=[];for(let e of r)try{let t=await T(e);i.push(t)}catch(e){e instanceof d&&n&&n(e)}i.length>0&&t(i)},[h,p,t,n,T]),k=(0,E.useCallback)(()=>{h||b.current?.click()},[h]),A=(0,E.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),!h&&(y.current+=1,y.current===1&&S(!0))},[h]),j=(0,E.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),!h&&(e.dataTransfer.dropEffect=`copy`)},[h]),M=(0,E.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),!h&&(--y.current,y.current===0&&S(!1))},[h]),N=(0,E.useCallback)(async e=>{if(e.preventDefault(),e.stopPropagation(),y.current=0,S(!1),h)return;let t=Array.from(e.dataTransfer.files);await O(t)},[h,O]),P=(0,E.useCallback)(async e=>{let t=Array.from(e.target.files??[]);await O(t),e.target.value=``},[O]),F=(0,E.useCallback)(e=>{s(e,k,{disabled:h})},[h,k]);return(0,D.jsxs)(`div`,{children:[(0,D.jsx)(`input`,{ref:b,type:`file`,hidden:!0,disabled:h,multiple:p,accept:w,onChange:P}),(0,D.jsx)(`div`,{className:a(C.zone,x&&C.dragOver,h&&C.disabled,_),onClick:k,onKeyDown:F,onDragEnter:A,onDragOver:j,onDragLeave:M,onDrop:N,role:`button`,tabIndex:h?-1:0,"aria-disabled":h,children:v??(0,D.jsxs)(D.Fragment,{children:[(0,D.jsx)(g,{className:C.icon}),(0,D.jsx)(`span`,{className:C.hint,children:p?`Перетащите файлы сюда или нажмите для выбора`:`Перетащите файл сюда или нажмите для выбора`})]})}),(0,D.jsx)(m,{files:e,onChange:t})]})}var E,D;function O(){return(O=e((()=>{E=t(),l(),o(),_(),p(),w(),D=r(),T.__docgenInfo={description:`DropZone — зона для перетаскивания файлов и выбора по клику.
2
2
 
3
3
  При наведении файла зона подсвечивается (пунктирная рамка меняет цвет).
4
4
  При сбросе файлов каждый читается через readFile, успешные результаты
@@ -1,4 +1,4 @@
1
- import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{n,t as r}from"./DropZone-BxcGeKE1.js";import{i,n as a,r as o}from"./iframe-GrlyTB2d.js";import{n as s,t as c}from"./createControlledStoryRender-DHsyXc1B.js";var l,u;function d(){return(d=e((()=>{i(),l=[[`path`,{d:`M12 13v8`,key:`1l5pq0`}],[`path`,{d:`M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242`,key:`1pljnt`}],[`path`,{d:`m8 17 4-4 4 4`,key:`1quai1`}]],u=o(`cloud-upload`,l)})))()}var f=t({Basic:()=>_,Disabled:()=>y,SingleFile:()=>v,__namedExportsOrder:()=>b,default:()=>g});function p({showStatus:e=!1,children:t}={}){return c((n,i)=>(0,m.jsxs)(`div`,{style:{display:`grid`,gap:12},children:[(0,m.jsx)(r,{...n,onChange:e=>{n.onChange(e),i({value:e})},children:t??n.children}),e&&(0,m.jsx)(`div`,{style:{fontSize:14},children:n.value.length>0?`Получено файлов: ${n.value.length}`:`Перетащите файл(ы) в область выше`})]}))}var m,h,g,_,v,y,b;function x(){return(x=e((()=>{d(),s(),n(),m=a(),{fn:h}=__STORYBOOK_MODULE_TEST__,g={title:`Shared/UI/DropZone`,component:r,args:{value:[],onChange:h(),onChangeError:h(),multiple:!0,readMode:`data-url`,disabled:!1},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{value:{description:`Текущий массив успешно прочитанных файлов.`,control:!1},onChange:{description:`Вызывается с массивом успешно прочитанных файлов.`,control:!1},onChangeError:{description:`Вызывается при ошибке валидации или чтения файла.`,control:!1},accept:{description:`Допустимые расширения или MIME-типы для нативного input.`,control:`object`},allowedMime:{description:`Список допустимых MIME-типов для проверки.`,control:`object`},maxBytes:{description:`Максимальный размер одного файла в байтах.`,control:`number`},readMode:{description:`Режим чтения файлов: data-url или array-buffer.`,control:`inline-radio`,options:[`data-url`,`array-buffer`]},multiple:{description:`Разрешает принимать несколько файлов за один drop.`,control:`boolean`},disabled:{description:`Блокирует зону и обработку drop-событий.`,control:`boolean`},children:{description:`Кастомный контент внутри drop-зоны.`,control:!1}}},_={render:p({showStatus:!0})},v={render:p({children:(0,m.jsxs)(`div`,{style:{display:`grid`,placeItems:`center`,gap:6,minHeight:120},children:[(0,m.jsx)(u,{}),(0,m.jsx)(`span`,{children:`Перетащите один файл`})]})}),args:{multiple:!1}},y={render:p(),args:{disabled:!0,multiple:!0}},_.parameters={..._.parameters,docs:{..._.parameters?.docs,source:{originalSource:`{
1
+ import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{n,t as r}from"./DropZone-CjYwzdtm.js";import{i,n as a,r as o}from"./iframe-dENsI_HJ.js";import{n as s,t as c}from"./createControlledStoryRender-DHsyXc1B.js";var l,u;function d(){return(d=e((()=>{i(),l=[[`path`,{d:`M12 13v8`,key:`1l5pq0`}],[`path`,{d:`M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242`,key:`1pljnt`}],[`path`,{d:`m8 17 4-4 4 4`,key:`1quai1`}]],u=o(`cloud-upload`,l)})))()}var f=t({Basic:()=>_,Disabled:()=>y,SingleFile:()=>v,__namedExportsOrder:()=>b,default:()=>g});function p({showStatus:e=!1,children:t}={}){return c((n,i)=>(0,m.jsxs)(`div`,{style:{display:`grid`,gap:12},children:[(0,m.jsx)(r,{...n,onChange:e=>{n.onChange(e),i({value:e})},children:t??n.children}),e&&(0,m.jsx)(`div`,{style:{fontSize:14},children:n.value.length>0?`Получено файлов: ${n.value.length}`:`Перетащите файл(ы) в область выше`})]}))}var m,h,g,_,v,y,b;function x(){return(x=e((()=>{d(),s(),n(),m=a(),{fn:h}=__STORYBOOK_MODULE_TEST__,g={title:`Shared/UI/DropZone`,component:r,args:{value:[],onChange:h(),onChangeError:h(),multiple:!0,readMode:`data-url`,disabled:!1},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{value:{description:`Текущий массив успешно прочитанных файлов.`,control:!1},onChange:{description:`Вызывается с массивом успешно прочитанных файлов.`,control:!1},onChangeError:{description:`Вызывается при ошибке валидации или чтения файла.`,control:!1},accept:{description:`Допустимые расширения или MIME-типы для нативного input.`,control:`object`},allowedMime:{description:`Список допустимых MIME-типов для проверки.`,control:`object`},maxBytes:{description:`Максимальный размер одного файла в байтах.`,control:`number`},readMode:{description:`Режим чтения файлов: data-url или array-buffer.`,control:`inline-radio`,options:[`data-url`,`array-buffer`]},multiple:{description:`Разрешает принимать несколько файлов за один drop.`,control:`boolean`},disabled:{description:`Блокирует зону и обработку drop-событий.`,control:`boolean`},children:{description:`Кастомный контент внутри drop-зоны.`,control:!1}}},_={render:p({showStatus:!0})},v={render:p({children:(0,m.jsxs)(`div`,{style:{display:`grid`,placeItems:`center`,gap:6,minHeight:120},children:[(0,m.jsx)(u,{}),(0,m.jsx)(`span`,{children:`Перетащите один файл`})]})}),args:{multiple:!1}},y={render:p(),args:{disabled:!0,multiple:!0}},_.parameters={..._.parameters,docs:{..._.parameters?.docs,source:{originalSource:`{
2
2
  render: createDropZoneStoryRender({
3
3
  showStatus: true
4
4
  })
@@ -1 +1 @@
1
- import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{t}from"./react-C21x__mS.js";import{n}from"./iframe-GrlyTB2d.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-Cs0k4iXy.js";var v,y;function b(){return(b=e((()=>{v=t(),m(),y=({children:e})=>{let{mode:t,open:n,registerTriggerElement:i,onTriggerClick:a,onTriggerKeyDown:o}=f();if(t!==`click`)throw Error(`DropdownMenu.Trigger must be used within <DropdownMenu>`);return(0,v.cloneElement)(e,{ref:t=>{let n=e.props.ref;l(n,t),i(t)},"aria-haspopup":`menu`,"aria-expanded":n,onClick:r(e.props.onClick,a),onKeyDown:c(e.props.onKeyDown,o)})},y.__docgenInfo={description:``,methods:[],displayName:`DropdownMenuTrigger`,props:{children:{required:!0,tsType:{name:`ReactReactElement`,raw:`React.ReactElement<React.HTMLAttributes<HTMLElement> & { ref?: React.Ref<HTMLElement> }>`,elements:[{name:`intersection`,raw:`React.HTMLAttributes<HTMLElement> & { ref?: React.Ref<HTMLElement> }`,elements:[{name:`ReactHTMLAttributes`,raw:`React.HTMLAttributes<HTMLElement>`,elements:[{name:`HTMLElement`}]},{name:`signature`,type:`object`,raw:`{ ref?: React.Ref<HTMLElement> }`,signature:{properties:[{key:`ref`,value:{name:`ReactRef`,raw:`React.Ref<HTMLElement>`,elements:[{name:`HTMLElement`}],required:!1}}]}}]}]},description:``}}}})))()}var x,S,C;function w(){return(w=e((()=>{t(),b(),s(),_(),a(),p(),u(),x=n(),S=({children:e,placement:t,open:n,defaultOpen:r,onOpenChange:a})=>(0,x.jsx)(i,{mode:`click`,placement:t,open:n,defaultOpen:r,onOpenChange:a,children:e}),C=Object.assign(S,{Trigger:y,Content:o,Item:g,Separator:h,GroupLabel:d}),S.__docgenInfo={description:``,methods:[],displayName:`DropdownMenuRoot`,props:{children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},placement:{required:!1,tsType:{name:`Placement`},description:``},open:{required:!1,tsType:{name:`boolean`},description:``},defaultOpen:{required:!1,tsType:{name:`boolean`},description:``},onOpenChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(open: boolean) => void`,signature:{arguments:[{type:{name:`boolean`},name:`open`}],return:{name:`void`}}},description:``}}}})))()}export{w as n,C as t};
1
+ import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{t}from"./react-C21x__mS.js";import{n}from"./iframe-dENsI_HJ.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-DKFfj-4J.js";var v,y;function b(){return(b=e((()=>{v=t(),m(),y=({children:e})=>{let{mode:t,open:n,registerTriggerElement:i,onTriggerClick:a,onTriggerKeyDown:o}=f();if(t!==`click`)throw Error(`DropdownMenu.Trigger must be used within <DropdownMenu>`);return(0,v.cloneElement)(e,{ref:t=>{let n=e.props.ref;l(n,t),i(t)},"aria-haspopup":`menu`,"aria-expanded":n,onClick:r(e.props.onClick,a),onKeyDown:c(e.props.onKeyDown,o)})},y.__docgenInfo={description:``,methods:[],displayName:`DropdownMenuTrigger`,props:{children:{required:!0,tsType:{name:`ReactReactElement`,raw:`React.ReactElement<React.HTMLAttributes<HTMLElement> & { ref?: React.Ref<HTMLElement> }>`,elements:[{name:`intersection`,raw:`React.HTMLAttributes<HTMLElement> & { ref?: React.Ref<HTMLElement> }`,elements:[{name:`ReactHTMLAttributes`,raw:`React.HTMLAttributes<HTMLElement>`,elements:[{name:`HTMLElement`}]},{name:`signature`,type:`object`,raw:`{ ref?: React.Ref<HTMLElement> }`,signature:{properties:[{key:`ref`,value:{name:`ReactRef`,raw:`React.Ref<HTMLElement>`,elements:[{name:`HTMLElement`}],required:!1}}]}}]}]},description:``}}}})))()}var x,S,C;function w(){return(w=e((()=>{t(),b(),s(),_(),a(),p(),u(),x=n(),S=({children:e,placement:t,open:n,defaultOpen:r,onOpenChange:a})=>(0,x.jsx)(i,{mode:`click`,placement:t,open:n,defaultOpen:r,onOpenChange:a,children:e}),C=Object.assign(S,{Trigger:y,Content:o,Item:g,Separator:h,GroupLabel:d}),S.__docgenInfo={description:``,methods:[],displayName:`DropdownMenuRoot`,props:{children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},placement:{required:!1,tsType:{name:`Placement`},description:``},open:{required:!1,tsType:{name:`boolean`},description:``},defaultOpen:{required:!1,tsType:{name:`boolean`},description:``},onOpenChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(open: boolean) => void`,signature:{arguments:[{type:{name:`boolean`},name:`open`}],return:{name:`void`}}},description:``}}}})))()}export{w as n,C as t};
@@ -1,2 +1,2 @@
1
- import{n as e,o as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{i as r,n as i,r as a}from"./iframe-GrlyTB2d.js";import{a as o,i as s}from"./utils-DUM89eIj.js";import{n as c,t as l}from"./Button-DErRAg7J.js";import{n as u,t as d}from"./OneStepScroller-DJKMVeIV.js";var f,p;function m(){return(m=e((()=>{r(),f=[[`path`,{d:`m11 17-5-5 5-5`,key:`13zhaf`}],[`path`,{d:`m18 17-5-5 5-5`,key:`h8a8et`}]],p=a(`chevrons-left`,f)})))()}var h,g;function _(){return(_=e((()=>{r(),h=[[`path`,{d:`m6 17 5-5-5-5`,key:`xnjwq`}],[`path`,{d:`m13 17 5-5-5-5`,key:`17xmmf`}]],g=a(`chevrons-right`,h)})))()}var v,y,b,x,S,C,w;function T(){return(T=e((()=>{v=`sj-rIq`,y=`_3anR7j`,b=`gMRIsT`,x=`f5Pv1e`,S=`q7eZzv`,C=`maUL24`,w={expandableActionPanel:v,content:y,contentScroller:b,labeledPanel:x,label:S,labeledActionPanel:C}})))()}function E({children:e,className:t,contentClassName:n,toggleClassName:r,open:i,defaultOpen:a=!1,disabled:s,onOpenChange:c,expandLabel:u=`Раскрыть панель действий влево`,collapseLabel:f=`Свернуть панель действий`,panelLabel:m=`Действия панели`,itemSelector:h,scrollPadding:_,smoothScroll:v}){let[y,b]=(0,D.useState)(a),x=(0,D.useId)(),S=i!==void 0,C=S?i:y,T=(0,D.useCallback)(e=>{let t=typeof e==`function`?e(C):e;S||b(t),c?.(t)},[S,c,C]),E=()=>T(e=>!e),k=C?g:p;return(0,O.jsxs)(`div`,{className:o(w.expandableActionPanel,t),"data-ui":`expandable-action-panel`,"data-open":C?``:void 0,children:[(0,O.jsx)(l,{className:r,icon:(0,O.jsx)(k,{}),title:C?f:u,disabled:s,variant:`neutralOutline`,"aria-expanded":C,"aria-controls":x,"data-ui":`expandable-action-panel-toggle`,"data-action":C?`collapse-action-panel`:`expand-action-panel`,onClick:E}),C&&(0,O.jsx)(`div`,{id:x,role:`group`,"aria-label":m,className:o(w.content,n),children:(0,O.jsx)(d,{className:w.contentScroller,itemSelector:h,scrollPadding:_,smooth:v,children:e})})]})}var D,O;function k(){return(k=e((()=>{D=t(n(),1),s(),m(),_(),c(),u(),T(),O=i(),E.__docgenInfo={description:`Горизонтальная раскрывающаяся панель действий.
1
+ import{n as e,o as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{i as r,n as i,r as a}from"./iframe-dENsI_HJ.js";import{a as o,i as s}from"./utils-DUM89eIj.js";import{n as c,t as l}from"./Button-CVhc13mG.js";import{n as u,t as d}from"./OneStepScroller-Cj_Sots6.js";var f,p;function m(){return(m=e((()=>{r(),f=[[`path`,{d:`m11 17-5-5 5-5`,key:`13zhaf`}],[`path`,{d:`m18 17-5-5 5-5`,key:`h8a8et`}]],p=a(`chevrons-left`,f)})))()}var h,g;function _(){return(_=e((()=>{r(),h=[[`path`,{d:`m6 17 5-5-5-5`,key:`xnjwq`}],[`path`,{d:`m13 17 5-5-5-5`,key:`17xmmf`}]],g=a(`chevrons-right`,h)})))()}var v,y,b,x,S,C,w;function T(){return(T=e((()=>{v=`sj-rIq`,y=`_3anR7j`,b=`gMRIsT`,x=`f5Pv1e`,S=`q7eZzv`,C=`maUL24`,w={expandableActionPanel:v,content:y,contentScroller:b,labeledPanel:x,label:S,labeledActionPanel:C}})))()}function E({children:e,className:t,contentClassName:n,toggleClassName:r,open:i,defaultOpen:a=!1,disabled:s,onOpenChange:c,expandLabel:u=`Раскрыть панель действий влево`,collapseLabel:f=`Свернуть панель действий`,panelLabel:m=`Действия панели`,itemSelector:h,scrollPadding:_,smoothScroll:v}){let[y,b]=(0,D.useState)(a),x=(0,D.useId)(),S=i!==void 0,C=S?i:y,T=(0,D.useCallback)(e=>{let t=typeof e==`function`?e(C):e;S||b(t),c?.(t)},[S,c,C]),E=()=>T(e=>!e),k=C?g:p;return(0,O.jsxs)(`div`,{className:o(w.expandableActionPanel,t),"data-ui":`expandable-action-panel`,"data-open":C?``:void 0,children:[(0,O.jsx)(l,{className:r,icon:(0,O.jsx)(k,{}),title:C?f:u,disabled:s,variant:`neutralOutline`,"aria-expanded":C,"aria-controls":x,"data-ui":`expandable-action-panel-toggle`,"data-action":C?`collapse-action-panel`:`expand-action-panel`,onClick:E}),C&&(0,O.jsx)(`div`,{id:x,role:`group`,"aria-label":m,className:o(w.content,n),children:(0,O.jsx)(d,{className:w.contentScroller,itemSelector:h,scrollPadding:_,smooth:v,children:e})})]})}var D,O;function k(){return(k=e((()=>{D=t(n(),1),s(),m(),_(),c(),u(),T(),O=i(),E.__docgenInfo={description:`Горизонтальная раскрывающаяся панель действий.
2
2
  Не знает о внешнем layout и может использоваться рядом с любым содержимым.`,methods:[],displayName:`ExpandableActionPanel`,props:{className:{required:!1,tsType:{name:`string`},description:``},contentClassName:{required:!1,tsType:{name:`string`},description:``},toggleClassName:{required:!1,tsType:{name:`string`},description:``},open:{required:!1,tsType:{name:`boolean`},description:``},defaultOpen:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`false`,computed:!1}},disabled:{required:!1,tsType:{name:`boolean`},description:``},onOpenChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(open: boolean) => void`,signature:{arguments:[{type:{name:`boolean`},name:`open`}],return:{name:`void`}}},description:``},expandLabel:{required:!1,tsType:{name:`string`},description:``,defaultValue:{value:`"Раскрыть панель действий влево"`,computed:!1}},collapseLabel:{required:!1,tsType:{name:`string`},description:``,defaultValue:{value:`"Свернуть панель действий"`,computed:!1}},panelLabel:{required:!1,tsType:{name:`string`},description:``,defaultValue:{value:`"Действия панели"`,computed:!1}},itemSelector:{required:!1,tsType:{name:`string`},description:``},scrollPadding:{required:!1,tsType:{name:`number`},description:``},smoothScroll:{required:!1,tsType:{name:`boolean`},description:``}},composes:[`PropsWithChildren`]}})))()}export{T as i,k as n,w as r,E as t};
@@ -1,4 +1,4 @@
1
- import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r,t as i}from"./check-DCksZOfl.js";import{i as a,n as o,r as s,t as c}from"./ExpandableActionPanel-D3inW6HP.js";import{n as l,t as u}from"./CheckBox-BOHDpEo9.js";import{n as d,t as f}from"./refresh-cw-B5l8FyVQ.js";import{n as p,t as m}from"./settings-2-TFL4EzMt.js";import{i as h,n as g,r as _}from"./iframe-GrlyTB2d.js";import{a as v,i as y}from"./utils-DUM89eIj.js";import{n as b,t as x}from"./Button-DErRAg7J.js";import{n as S,t as C}from"./createControlledStoryRender-DHsyXc1B.js";import{l as w,o as T}from"./Input-DI_ErAU0.js";import{n as E,t as D}from"./Select-tPi1vIDV.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:`Shared/UI/ExpandableActionPanel`,component:j,args:{label:`Длинное название строки с результатами расчёта и параметрами отбора`,labelMinWidth:`18em`,open:!1,defaultOpen:!1,disabled:!1,onOpenChange:R(),expandLabel:`Раскрыть панель действий влево`,collapseLabel:`Свернуть панель действий`,panelLabel:`Действия панели`,smoothScroll:!1,children:null},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Текст или ReactNode слева от панели.`,control:`text`},labelMinWidth:{description:"Минимальная ширина `flexEllipsis`-текста.",control:`text`},labelClassName:{description:`Дополнительный CSS-класс области подписи.`,control:`text`},labelStyle:{description:`Inline-стили области подписи.`,control:`object`},panelClassName:{description:`Дополнительный CSS-класс внутренней ExpandableActionPanel.`,control:`text`},contentClassName:{description:`Дополнительный CSS-класс раскрываемого контейнера действий.`,control:`text`},toggleClassName:{description:`Дополнительный CSS-класс кнопки раскрытия.`,control:`text`},open:{description:`Контролируемое состояние раскрытия.`,control:`boolean`},defaultOpen:{description:`Начальное состояние раскрытия в uncontrolled-режиме.`,control:`boolean`},disabled:{description:`Блокирует кнопку раскрытия.`,control:`boolean`},onOpenChange:{description:`Вызывается при раскрытии или сворачивании панели.`,control:!1},expandLabel:{description:`Tooltip и доступное имя кнопки в закрытом состоянии.`,control:`text`},collapseLabel:{description:`Tooltip и доступное имя кнопки в раскрытом состоянии.`,control:`text`},panelLabel:{description:`Доступное имя раскрытой группы действий.`,control:`text`},itemSelector:{description:`CSS-селектор элементов для пошаговой прокрутки.`,control:`text`},scrollPadding:{description:`Отступ пошаговой прокрутки в пикселях.`,control:{type:`number`,min:0,step:1}},smoothScroll:{description:`Включает плавную пошаговую прокрутку.`,control:`boolean`},children:{description:`Набор действий внутри раскрываемой панели.`,control:!1}}},B=[`Все`,`Активные`,`Архив`],V=C((e,t)=>(0,L.jsx)(`div`,{style:{width:`min(100%, 920px)`},children:(0,L.jsx)(j,{...e,open:e.open,onOpenChange:n=>{e.onOpenChange?.(n),t({open:n})},children:e.children??(0,L.jsx)(F,{})})})),H=C((e,t)=>(0,L.jsx)(`div`,{style:{width:`min(100%, 720px)`,display:`flex`,justifyContent:`flex-end`},children:(0,L.jsx)(c,{...e,open:e.open,onOpenChange:n=>{e.onOpenChange?.(n),t({open:n})},children:e.children??(0,L.jsx)(F,{})})})),U={render:V},W={args:{open:!0,panelLabel:`Действия панели`},render:H},U.parameters={...U.parameters,docs:{...U.parameters?.docs,source:{originalSource:`{
1
+ import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r,t as i}from"./check-R_o7C6xx.js";import{i as a,n as o,r as s,t as c}from"./ExpandableActionPanel-a-wSXVqz.js";import{n as l,t as u}from"./CheckBox-CTF0MTwi.js";import{n as d,t as f}from"./refresh-cw-BauD2hhl.js";import{n as p,t as m}from"./settings-2-BniDrt2R.js";import{i as h,n as g,r as _}from"./iframe-dENsI_HJ.js";import{a as v,i as y}from"./utils-DUM89eIj.js";import{n as b,t as x}from"./Button-CVhc13mG.js";import{n as S,t as C}from"./createControlledStoryRender-DHsyXc1B.js";import{l as w,o as T}from"./Input-ByxjsYlG.js";import{n as E,t as D}from"./Select-Ci-axJ2e.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:`Shared/UI/ExpandableActionPanel`,component:j,args:{label:`Длинное название строки с результатами расчёта и параметрами отбора`,labelMinWidth:`18em`,open:!1,defaultOpen:!1,disabled:!1,onOpenChange:R(),expandLabel:`Раскрыть панель действий влево`,collapseLabel:`Свернуть панель действий`,panelLabel:`Действия панели`,smoothScroll:!1,children:null},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Текст или ReactNode слева от панели.`,control:`text`},labelMinWidth:{description:"Минимальная ширина `flexEllipsis`-текста.",control:`text`},labelClassName:{description:`Дополнительный CSS-класс области подписи.`,control:`text`},labelStyle:{description:`Inline-стили области подписи.`,control:`object`},panelClassName:{description:`Дополнительный CSS-класс внутренней ExpandableActionPanel.`,control:`text`},contentClassName:{description:`Дополнительный CSS-класс раскрываемого контейнера действий.`,control:`text`},toggleClassName:{description:`Дополнительный CSS-класс кнопки раскрытия.`,control:`text`},open:{description:`Контролируемое состояние раскрытия.`,control:`boolean`},defaultOpen:{description:`Начальное состояние раскрытия в uncontrolled-режиме.`,control:`boolean`},disabled:{description:`Блокирует кнопку раскрытия.`,control:`boolean`},onOpenChange:{description:`Вызывается при раскрытии или сворачивании панели.`,control:!1},expandLabel:{description:`Tooltip и доступное имя кнопки в закрытом состоянии.`,control:`text`},collapseLabel:{description:`Tooltip и доступное имя кнопки в раскрытом состоянии.`,control:`text`},panelLabel:{description:`Доступное имя раскрытой группы действий.`,control:`text`},itemSelector:{description:`CSS-селектор элементов для пошаговой прокрутки.`,control:`text`},scrollPadding:{description:`Отступ пошаговой прокрутки в пикселях.`,control:{type:`number`,min:0,step:1}},smoothScroll:{description:`Включает плавную пошаговую прокрутку.`,control:`boolean`},children:{description:`Набор действий внутри раскрываемой панели.`,control:!1}}},B=[`Все`,`Активные`,`Архив`],V=C((e,t)=>(0,L.jsx)(`div`,{style:{width:`min(100%, 920px)`},children:(0,L.jsx)(j,{...e,open:e.open,onOpenChange:n=>{e.onOpenChange?.(n),t({open:n})},children:e.children??(0,L.jsx)(F,{})})})),H=C((e,t)=>(0,L.jsx)(`div`,{style:{width:`min(100%, 720px)`,display:`flex`,justifyContent:`flex-end`},children:(0,L.jsx)(c,{...e,open:e.open,onOpenChange:n=>{e.onOpenChange?.(n),t({open:n})},children:e.children??(0,L.jsx)(F,{})})})),U={render:V},W={args:{open:!0,panelLabel:`Действия панели`},render:H},U.parameters={...U.parameters,docs:{...U.parameters?.docs,source:{originalSource:`{
2
2
  render: renderLabeledPanelStory
3
3
  }`,...U.parameters?.docs?.source}}},W.parameters={...W.parameters,docs:{...W.parameters?.docs,source:{originalSource:`{
4
4
  args: {
@@ -1,4 +1,4 @@
1
- import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-GrlyTB2d.js";import{i as n,r}from"./react-qN2cStNd.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-DkLPipTQ.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-vEgafFFN.js";function E(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)(s,{of:b,parameters:{docs:{toc:!0}}}),`
1
+ import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-dENsI_HJ.js";import{i as n,r}from"./react-qN2cStNd.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-Cta1XrWW.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-C3UyARP_.js";function E(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)(s,{of:b,parameters:{docs:{toc:!0}}}),`
2
2
  `,(0,O.jsx)(u,{children:`Flex`}),`
3
3
  `,(0,O.jsx)(o,{children:`Набор flex-layout примитивов для строк, колонок и быстрых компоновок интерфейса`}),`
4
4
  `,(0,O.jsx)(t.p,{children:`Flex уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
@@ -1,4 +1,4 @@
1
- import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r}from"./iframe-GrlyTB2d.js";import{i,t as a}from"./useFlexClasses-Gn9spXEB.js";import{n as o,t as s}from"./FlexContainer-LmZIdhq2.js";import{n as c,t as l}from"./FlexItem-vkDYa5tA.js";var u,d,f;function p(){return(p=e((()=>{u=n(),o(),a(),d=r(),f=(0,u.forwardRef)(({variant:e,children:t,className:n=``,...r},a)=>{let o=[i(e??``),n].filter(Boolean).join(` `);return(0,d.jsx)(s,{ref:a,className:o,...r,children:t})}),f.displayName=`PredefinedFlex`,f.__docgenInfo={description:``,methods:[],displayName:`PredefinedFlex`,props:{variant:{required:!1,tsType:{name:`union`,raw:`"center" | "centerBetween" | "columnCenter"`,elements:[{name:`literal`,value:`"center"`},{name:`literal`,value:`"centerBetween"`},{name:`literal`,value:`"columnCenter"`}]},description:``},className:{defaultValue:{value:`""`,computed:!1},required:!1}},composes:[`Omit`]}})))()}var m;function h(){return(h=e((()=>{o(),c(),p(),m={Container:s,Item:l,Predefined:f}})))()}var g=t({AlignItems:()=>D,BasicColumn:()=>w,BasicRow:()=>C,Directions:()=>T,FlexItems:()=>A,Gaps:()=>k,InlineFlex:()=>M,JustifyContent:()=>E,Predefined:()=>j,RealWorld:()=>N,Wrapping:()=>O,__namedExportsOrder:()=>P,default:()=>S}),_,v,y,b,x,S,C,w,T,E,D,O,k,A,j,M,N,P;function F(){return(F=e((()=>{n(),h(),_=r(),{useArgs:v}=__STORYBOOK_MODULE_PREVIEW_API__,y={container:{border:`2px dashed var(--border-0)`,padding:`2em`,marginBlock:`1em`},item:{padding:`16px`,textAlign:`center`,fontWeight:`bold`,color:`white`,minHeight:`5em`,minWidth:`10em`,display:`flex`,alignItems:`center`,justifyContent:`center`},itemColors:[`#ff6b6b`,`#4ecdc4`,`#45b7d1`,`#96ceb4`,`#feca57`,`#ff9ff3`]},b=e=>y.itemColors[e%y.itemColors.length],x=({children:e,index:t=0})=>(0,_.jsx)(m.Item,{style:{...y.item,backgroundColor:b(t)},children:e}),S={title:`Shared/Layout/Flex`,component:m.Container,args:{row:!0,gap:`md`},parameters:{layout:`padded`},decorators:[e=>{let[t]=v();return(0,_.jsx)(e,{args:t})}],argTypes:{inline:{description:`Использует inline-flex вместо flex.`,control:`boolean`},row:{description:`Направляет элементы по строке.`,control:`boolean`},column:{description:`Направляет элементы по колонке.`,control:`boolean`},rowReverse:{description:`Разворачивает порядок строки.`,control:`boolean`},columnReverse:{description:`Разворачивает порядок колонки.`,control:`boolean`},wrap:{description:`Разрешает перенос элементов.`,control:`boolean`},nowrap:{description:`Запрещает перенос элементов.`,control:`boolean`},wrapReverse:{description:`Разворачивает направление строк при переносе.`,control:`boolean`},align:{description:`Выравнивание по поперечной оси.`,control:`select`,options:[`start`,`center`,`end`,`stretch`,`baseline`]},justify:{description:`Выравнивание по главной оси.`,control:`select`,options:[`start`,`center`,`end`,`stretch`,`between`,`around`,`evenly`]},alignContent:{description:`Распределение строк по поперечной оси.`,control:`select`,options:[`start`,`center`,`end`,`stretch`,`between`,`around`,`evenly`]},gap:{description:`Общий интервал между элементами.`,control:`select`,options:[`none`,`xs`,`sm`,`md`,`lg`,`xl`]},gapRow:{description:`Интервал между строками.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]},gapColumn:{description:`Интервал между колонками.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]},as:{description:`Семантический HTML-тег контейнера.`,control:`select`,options:[`div`,`section`,`main`,`nav`,`ul`]},children:{description:`Содержимое flex-контейнера.`,control:!1}}},C={render:e=>(0,_.jsx)(m.Container,{...e,style:y.container}),args:{children:(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(x,{index:0,children:`Item 1`}),(0,_.jsx)(x,{index:1,children:`Item 2`}),(0,_.jsx)(x,{index:2,children:`Item 3`})]}),row:!0}},w={render:e=>(0,_.jsx)(m.Container,{...e,style:y.container}),args:{children:(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(x,{index:0,children:`Header`}),(0,_.jsx)(x,{index:1,children:`Content`}),(0,_.jsx)(x,{index:2,children:`Footer`})]}),column:!0}},T={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsx)(`h3`,{children:`Row (default)`}),(0,_.jsxs)(m.Container,{row:!0,style:y.container,children:[(0,_.jsx)(x,{index:0,children:`1`}),(0,_.jsx)(x,{index:1,children:`2`}),(0,_.jsx)(x,{index:2,children:`3`})]}),(0,_.jsx)(`h3`,{children:`Row Reverse`}),(0,_.jsxs)(m.Container,{rowReverse:!0,style:y.container,children:[(0,_.jsx)(x,{index:0,children:`1`}),(0,_.jsx)(x,{index:1,children:`2`}),(0,_.jsx)(x,{index:2,children:`3`})]}),(0,_.jsx)(`h3`,{children:`Column`}),(0,_.jsxs)(m.Container,{column:!0,style:y.container,children:[(0,_.jsx)(x,{index:0,children:`1`}),(0,_.jsx)(x,{index:1,children:`2`}),(0,_.jsx)(x,{index:2,children:`3`})]}),(0,_.jsx)(`h3`,{children:`Column Reverse`}),(0,_.jsxs)(m.Container,{columnReverse:!0,style:y.container,children:[(0,_.jsx)(x,{index:0,children:`1`}),(0,_.jsx)(x,{index:1,children:`2`}),(0,_.jsx)(x,{index:2,children:`3`})]})]}),args:{children:void 0}},E={render:()=>(0,_.jsx)(`div`,{children:[`start`,`center`,`end`,`between`,`around`,`evenly`].map(e=>(0,_.jsxs)(`div`,{children:[(0,_.jsxs)(`h3`,{children:[`Justify: `,e]}),(0,_.jsxs)(m.Container,{row:!0,justify:e,style:y.container,children:[(0,_.jsx)(x,{index:0,children:`Item 1`}),(0,_.jsx)(x,{index:1,children:`Item 2`}),(0,_.jsx)(x,{index:2,children:`Item 3`})]})]},e))}),args:{children:void 0}},D={render:()=>(0,_.jsx)(`div`,{children:[`start`,`center`,`end`,`stretch`,`baseline`].map(e=>(0,_.jsxs)(`div`,{children:[(0,_.jsxs)(`h3`,{children:[`Align: `,e]}),(0,_.jsxs)(m.Container,{row:!0,align:e,style:{...y.container,height:`120px`},children:[(0,_.jsx)(x,{index:0,children:(0,_.jsx)(`div`,{children:`Short`})}),(0,_.jsx)(x,{index:1,children:(0,_.jsx)(`div`,{style:{padding:`40px`},children:`Tall`})}),(0,_.jsx)(x,{index:2,children:(0,_.jsx)(`div`,{style:{padding:`24px`},children:`Medium`})})]})]},e))}),args:{children:void 0}},O={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsx)(`h3`,{children:`No Wrap (default)`}),(0,_.jsx)(m.Container,{row:!0,nowrap:!0,style:y.container,children:[1,2,3,4,5,6,7,8,9,10,11,12].map(e=>(0,_.jsxs)(x,{index:e,children:[`Item `,e]},e))}),(0,_.jsx)(`h3`,{children:`Wrap`}),(0,_.jsx)(m.Container,{row:!0,wrap:!0,style:y.container,children:[1,2,3,4,5,6,7,8,9,10,11,12].map(e=>(0,_.jsxs)(x,{index:e,children:[`Item `,e]},e))}),(0,_.jsx)(`h3`,{children:`Wrap Reverse`}),(0,_.jsx)(m.Container,{row:!0,wrapReverse:!0,style:y.container,children:[1,2,3,4,5,6,7,8,9,10,11,12].map(e=>(0,_.jsxs)(x,{index:e,children:[`Item `,e]},e))})]}),args:{children:void 0}},k={render:()=>(0,_.jsxs)(`div`,{children:[[`xs`,`sm`,`md`,`lg`,`xl`].map(e=>(0,_.jsxs)(`div`,{children:[(0,_.jsxs)(`h3`,{children:[`Gap: `,e]}),(0,_.jsx)(m.Container,{row:!0,wrap:!0,gap:e,style:y.container,children:[1,2,3,4,5,6].map(e=>(0,_.jsxs)(x,{index:e,children:[`Item `,e]},e))})]},e)),(0,_.jsx)(`h3`,{children:`Different Row and Column Gaps`}),(0,_.jsx)(m.Container,{row:!0,wrap:!0,gapRow:`lg`,gapColumn:`sm`,style:y.container,children:[1,2,3,4,5,6,7,8,9,10,11,12].map(e=>(0,_.jsxs)(x,{index:e,children:[`Item `,e]},e))})]}),args:{children:void 0}},A={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsx)(`h3`,{children:`Grow Properties`}),(0,_.jsxs)(m.Container,{row:!0,style:y.container,children:[(0,_.jsx)(x,{index:0,children:`Default`}),(0,_.jsx)(m.Item,{grow:!0,children:(0,_.jsx)(`div`,{style:{...y.item,backgroundColor:b(1)},children:`Grow`})}),(0,_.jsx)(x,{index:2,children:`Default`})]}),(0,_.jsx)(`h3`,{children:`Shrink Properties`}),(0,_.jsxs)(m.Container,{row:!0,style:{...y.container,width:`300px`},children:[(0,_.jsx)(m.Item,{shrink:!1,children:(0,_.jsx)(`div`,{style:{...y.item,backgroundColor:b(0),width:`150px`},children:`No Shrink`})}),(0,_.jsx)(m.Item,{children:(0,_.jsx)(`div`,{style:{...y.item,backgroundColor:b(1),width:`150px`},children:`Shrink (default)`})})]}),(0,_.jsx)(`h3`,{children:`Composite Classes`}),(0,_.jsxs)(m.Container,{row:!0,style:y.container,children:[(0,_.jsx)(m.Item,{flex0:!0,children:(0,_.jsx)(`div`,{style:{...y.item,backgroundColor:b(0)},children:`flex0`})}),(0,_.jsx)(m.Item,{flex1:!0,children:(0,_.jsx)(`div`,{style:{...y.item,backgroundColor:b(1)},children:`flex1`})}),(0,_.jsx)(m.Item,{flex0:!0,children:(0,_.jsx)(`div`,{style:{...y.item,backgroundColor:b(2)},children:`flex0`})})]})]}),args:{children:void 0}},j={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsx)(`h3`,{children:`Center`}),(0,_.jsx)(m.Predefined,{variant:`center`,style:{...y.container,height:`100px`},children:(0,_.jsx)(x,{index:0,children:`Centered Content`})}),(0,_.jsx)(`h3`,{children:`Center Between`}),(0,_.jsxs)(m.Predefined,{variant:`centerBetween`,style:y.container,children:[(0,_.jsx)(x,{index:0,children:`Left`}),(0,_.jsx)(x,{index:1,children:`Right`})]})]}),args:{children:void 0}},M={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsxs)(`p`,{children:[`This is text with`,(0,_.jsxs)(m.Container,{inline:!0,align:`center`,gap:`sm`,style:{margin:`0 8px`},children:[(0,_.jsx)(x,{index:0,children:`inline`}),(0,_.jsx)(x,{index:1,children:`flex`})]}),`elements inside.`]}),(0,_.jsxs)(`p`,{children:[`Another example with`,(0,_.jsxs)(m.Container,{inline:!0,column:!0,gap:`xs`,style:{margin:`0 8px`},children:[(0,_.jsx)(x,{index:2,children:`vertical`}),(0,_.jsx)(x,{index:3,children:`inline`})]}),`flex.`]})]}),args:{children:void 0}},N={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsx)(`h3`,{children:`Navigation Bar`}),(0,_.jsxs)(m.Predefined,{variant:`centerBetween`,style:y.container,children:[(0,_.jsxs)(m.Container,{row:!0,align:`center`,gap:`md`,children:[(0,_.jsx)(x,{index:0,children:`Logo`}),(0,_.jsx)(x,{index:1,children:`Home`}),(0,_.jsx)(x,{index:2,children:`About`}),(0,_.jsx)(x,{index:3,children:`Contact`})]}),(0,_.jsx)(x,{index:4,children:`Login`})]}),(0,_.jsx)(`h3`,{children:`Card Layout`}),(0,_.jsx)(m.Container,{row:!0,wrap:!0,gap:`lg`,style:y.container,children:[1,2,3,4].map(e=>(0,_.jsx)(m.Item,{flex1:!0,style:{minWidth:`200px`},children:(0,_.jsxs)(`div`,{style:{border:`1px solid #ddd`,borderRadius:`8px`,padding:`16px`,textAlign:`center`,backgroundColor:b(e)},children:[(0,_.jsxs)(`h4`,{children:[`Card `,e]}),(0,_.jsx)(`p`,{children:`Card content goes here`})]})},e))}),(0,_.jsx)(`h3`,{children:`Form Layout`}),(0,_.jsxs)(m.Container,{column:!0,gap:`md`,style:y.container,children:[(0,_.jsxs)(m.Container,{row:!0,gap:`md`,children:[(0,_.jsx)(m.Item,{flex1:!0,children:(0,_.jsx)(x,{index:0,children:`First Name`})}),(0,_.jsx)(m.Item,{flex1:!0,children:(0,_.jsx)(x,{index:1,children:`Last Name`})})]}),(0,_.jsx)(x,{index:2,children:`Email`}),(0,_.jsx)(x,{index:3,children:`Message`})]})]}),args:{children:void 0}},C.parameters={...C.parameters,docs:{...C.parameters?.docs,source:{originalSource:`{
1
+ import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r}from"./iframe-dENsI_HJ.js";import{i,t as a}from"./useFlexClasses-Gn9spXEB.js";import{n as o,t as s}from"./FlexContainer-LmZIdhq2.js";import{n as c,t as l}from"./FlexItem-vkDYa5tA.js";var u,d,f;function p(){return(p=e((()=>{u=n(),o(),a(),d=r(),f=(0,u.forwardRef)(({variant:e,children:t,className:n=``,...r},a)=>{let o=[i(e??``),n].filter(Boolean).join(` `);return(0,d.jsx)(s,{ref:a,className:o,...r,children:t})}),f.displayName=`PredefinedFlex`,f.__docgenInfo={description:``,methods:[],displayName:`PredefinedFlex`,props:{variant:{required:!1,tsType:{name:`union`,raw:`"center" | "centerBetween" | "columnCenter"`,elements:[{name:`literal`,value:`"center"`},{name:`literal`,value:`"centerBetween"`},{name:`literal`,value:`"columnCenter"`}]},description:``},className:{defaultValue:{value:`""`,computed:!1},required:!1}},composes:[`Omit`]}})))()}var m;function h(){return(h=e((()=>{o(),c(),p(),m={Container:s,Item:l,Predefined:f}})))()}var g=t({AlignItems:()=>D,BasicColumn:()=>w,BasicRow:()=>C,Directions:()=>T,FlexItems:()=>A,Gaps:()=>k,InlineFlex:()=>M,JustifyContent:()=>E,Predefined:()=>j,RealWorld:()=>N,Wrapping:()=>O,__namedExportsOrder:()=>P,default:()=>S}),_,v,y,b,x,S,C,w,T,E,D,O,k,A,j,M,N,P;function F(){return(F=e((()=>{n(),h(),_=r(),{useArgs:v}=__STORYBOOK_MODULE_PREVIEW_API__,y={container:{border:`2px dashed var(--border-0)`,padding:`2em`,marginBlock:`1em`},item:{padding:`16px`,textAlign:`center`,fontWeight:`bold`,color:`white`,minHeight:`5em`,minWidth:`10em`,display:`flex`,alignItems:`center`,justifyContent:`center`},itemColors:[`#ff6b6b`,`#4ecdc4`,`#45b7d1`,`#96ceb4`,`#feca57`,`#ff9ff3`]},b=e=>y.itemColors[e%y.itemColors.length],x=({children:e,index:t=0})=>(0,_.jsx)(m.Item,{style:{...y.item,backgroundColor:b(t)},children:e}),S={title:`Shared/Layout/Flex`,component:m.Container,args:{row:!0,gap:`md`},parameters:{layout:`padded`},decorators:[e=>{let[t]=v();return(0,_.jsx)(e,{args:t})}],argTypes:{inline:{description:`Использует inline-flex вместо flex.`,control:`boolean`},row:{description:`Направляет элементы по строке.`,control:`boolean`},column:{description:`Направляет элементы по колонке.`,control:`boolean`},rowReverse:{description:`Разворачивает порядок строки.`,control:`boolean`},columnReverse:{description:`Разворачивает порядок колонки.`,control:`boolean`},wrap:{description:`Разрешает перенос элементов.`,control:`boolean`},nowrap:{description:`Запрещает перенос элементов.`,control:`boolean`},wrapReverse:{description:`Разворачивает направление строк при переносе.`,control:`boolean`},align:{description:`Выравнивание по поперечной оси.`,control:`select`,options:[`start`,`center`,`end`,`stretch`,`baseline`]},justify:{description:`Выравнивание по главной оси.`,control:`select`,options:[`start`,`center`,`end`,`stretch`,`between`,`around`,`evenly`]},alignContent:{description:`Распределение строк по поперечной оси.`,control:`select`,options:[`start`,`center`,`end`,`stretch`,`between`,`around`,`evenly`]},gap:{description:`Общий интервал между элементами.`,control:`select`,options:[`none`,`xs`,`sm`,`md`,`lg`,`xl`]},gapRow:{description:`Интервал между строками.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]},gapColumn:{description:`Интервал между колонками.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]},as:{description:`Семантический HTML-тег контейнера.`,control:`select`,options:[`div`,`section`,`main`,`nav`,`ul`]},children:{description:`Содержимое flex-контейнера.`,control:!1}}},C={render:e=>(0,_.jsx)(m.Container,{...e,style:y.container}),args:{children:(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(x,{index:0,children:`Item 1`}),(0,_.jsx)(x,{index:1,children:`Item 2`}),(0,_.jsx)(x,{index:2,children:`Item 3`})]}),row:!0}},w={render:e=>(0,_.jsx)(m.Container,{...e,style:y.container}),args:{children:(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(x,{index:0,children:`Header`}),(0,_.jsx)(x,{index:1,children:`Content`}),(0,_.jsx)(x,{index:2,children:`Footer`})]}),column:!0}},T={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsx)(`h3`,{children:`Row (default)`}),(0,_.jsxs)(m.Container,{row:!0,style:y.container,children:[(0,_.jsx)(x,{index:0,children:`1`}),(0,_.jsx)(x,{index:1,children:`2`}),(0,_.jsx)(x,{index:2,children:`3`})]}),(0,_.jsx)(`h3`,{children:`Row Reverse`}),(0,_.jsxs)(m.Container,{rowReverse:!0,style:y.container,children:[(0,_.jsx)(x,{index:0,children:`1`}),(0,_.jsx)(x,{index:1,children:`2`}),(0,_.jsx)(x,{index:2,children:`3`})]}),(0,_.jsx)(`h3`,{children:`Column`}),(0,_.jsxs)(m.Container,{column:!0,style:y.container,children:[(0,_.jsx)(x,{index:0,children:`1`}),(0,_.jsx)(x,{index:1,children:`2`}),(0,_.jsx)(x,{index:2,children:`3`})]}),(0,_.jsx)(`h3`,{children:`Column Reverse`}),(0,_.jsxs)(m.Container,{columnReverse:!0,style:y.container,children:[(0,_.jsx)(x,{index:0,children:`1`}),(0,_.jsx)(x,{index:1,children:`2`}),(0,_.jsx)(x,{index:2,children:`3`})]})]}),args:{children:void 0}},E={render:()=>(0,_.jsx)(`div`,{children:[`start`,`center`,`end`,`between`,`around`,`evenly`].map(e=>(0,_.jsxs)(`div`,{children:[(0,_.jsxs)(`h3`,{children:[`Justify: `,e]}),(0,_.jsxs)(m.Container,{row:!0,justify:e,style:y.container,children:[(0,_.jsx)(x,{index:0,children:`Item 1`}),(0,_.jsx)(x,{index:1,children:`Item 2`}),(0,_.jsx)(x,{index:2,children:`Item 3`})]})]},e))}),args:{children:void 0}},D={render:()=>(0,_.jsx)(`div`,{children:[`start`,`center`,`end`,`stretch`,`baseline`].map(e=>(0,_.jsxs)(`div`,{children:[(0,_.jsxs)(`h3`,{children:[`Align: `,e]}),(0,_.jsxs)(m.Container,{row:!0,align:e,style:{...y.container,height:`120px`},children:[(0,_.jsx)(x,{index:0,children:(0,_.jsx)(`div`,{children:`Short`})}),(0,_.jsx)(x,{index:1,children:(0,_.jsx)(`div`,{style:{padding:`40px`},children:`Tall`})}),(0,_.jsx)(x,{index:2,children:(0,_.jsx)(`div`,{style:{padding:`24px`},children:`Medium`})})]})]},e))}),args:{children:void 0}},O={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsx)(`h3`,{children:`No Wrap (default)`}),(0,_.jsx)(m.Container,{row:!0,nowrap:!0,style:y.container,children:[1,2,3,4,5,6,7,8,9,10,11,12].map(e=>(0,_.jsxs)(x,{index:e,children:[`Item `,e]},e))}),(0,_.jsx)(`h3`,{children:`Wrap`}),(0,_.jsx)(m.Container,{row:!0,wrap:!0,style:y.container,children:[1,2,3,4,5,6,7,8,9,10,11,12].map(e=>(0,_.jsxs)(x,{index:e,children:[`Item `,e]},e))}),(0,_.jsx)(`h3`,{children:`Wrap Reverse`}),(0,_.jsx)(m.Container,{row:!0,wrapReverse:!0,style:y.container,children:[1,2,3,4,5,6,7,8,9,10,11,12].map(e=>(0,_.jsxs)(x,{index:e,children:[`Item `,e]},e))})]}),args:{children:void 0}},k={render:()=>(0,_.jsxs)(`div`,{children:[[`xs`,`sm`,`md`,`lg`,`xl`].map(e=>(0,_.jsxs)(`div`,{children:[(0,_.jsxs)(`h3`,{children:[`Gap: `,e]}),(0,_.jsx)(m.Container,{row:!0,wrap:!0,gap:e,style:y.container,children:[1,2,3,4,5,6].map(e=>(0,_.jsxs)(x,{index:e,children:[`Item `,e]},e))})]},e)),(0,_.jsx)(`h3`,{children:`Different Row and Column Gaps`}),(0,_.jsx)(m.Container,{row:!0,wrap:!0,gapRow:`lg`,gapColumn:`sm`,style:y.container,children:[1,2,3,4,5,6,7,8,9,10,11,12].map(e=>(0,_.jsxs)(x,{index:e,children:[`Item `,e]},e))})]}),args:{children:void 0}},A={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsx)(`h3`,{children:`Grow Properties`}),(0,_.jsxs)(m.Container,{row:!0,style:y.container,children:[(0,_.jsx)(x,{index:0,children:`Default`}),(0,_.jsx)(m.Item,{grow:!0,children:(0,_.jsx)(`div`,{style:{...y.item,backgroundColor:b(1)},children:`Grow`})}),(0,_.jsx)(x,{index:2,children:`Default`})]}),(0,_.jsx)(`h3`,{children:`Shrink Properties`}),(0,_.jsxs)(m.Container,{row:!0,style:{...y.container,width:`300px`},children:[(0,_.jsx)(m.Item,{shrink:!1,children:(0,_.jsx)(`div`,{style:{...y.item,backgroundColor:b(0),width:`150px`},children:`No Shrink`})}),(0,_.jsx)(m.Item,{children:(0,_.jsx)(`div`,{style:{...y.item,backgroundColor:b(1),width:`150px`},children:`Shrink (default)`})})]}),(0,_.jsx)(`h3`,{children:`Composite Classes`}),(0,_.jsxs)(m.Container,{row:!0,style:y.container,children:[(0,_.jsx)(m.Item,{flex0:!0,children:(0,_.jsx)(`div`,{style:{...y.item,backgroundColor:b(0)},children:`flex0`})}),(0,_.jsx)(m.Item,{flex1:!0,children:(0,_.jsx)(`div`,{style:{...y.item,backgroundColor:b(1)},children:`flex1`})}),(0,_.jsx)(m.Item,{flex0:!0,children:(0,_.jsx)(`div`,{style:{...y.item,backgroundColor:b(2)},children:`flex0`})})]})]}),args:{children:void 0}},j={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsx)(`h3`,{children:`Center`}),(0,_.jsx)(m.Predefined,{variant:`center`,style:{...y.container,height:`100px`},children:(0,_.jsx)(x,{index:0,children:`Centered Content`})}),(0,_.jsx)(`h3`,{children:`Center Between`}),(0,_.jsxs)(m.Predefined,{variant:`centerBetween`,style:y.container,children:[(0,_.jsx)(x,{index:0,children:`Left`}),(0,_.jsx)(x,{index:1,children:`Right`})]})]}),args:{children:void 0}},M={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsxs)(`p`,{children:[`This is text with`,(0,_.jsxs)(m.Container,{inline:!0,align:`center`,gap:`sm`,style:{margin:`0 8px`},children:[(0,_.jsx)(x,{index:0,children:`inline`}),(0,_.jsx)(x,{index:1,children:`flex`})]}),`elements inside.`]}),(0,_.jsxs)(`p`,{children:[`Another example with`,(0,_.jsxs)(m.Container,{inline:!0,column:!0,gap:`xs`,style:{margin:`0 8px`},children:[(0,_.jsx)(x,{index:2,children:`vertical`}),(0,_.jsx)(x,{index:3,children:`inline`})]}),`flex.`]})]}),args:{children:void 0}},N={render:()=>(0,_.jsxs)(`div`,{children:[(0,_.jsx)(`h3`,{children:`Navigation Bar`}),(0,_.jsxs)(m.Predefined,{variant:`centerBetween`,style:y.container,children:[(0,_.jsxs)(m.Container,{row:!0,align:`center`,gap:`md`,children:[(0,_.jsx)(x,{index:0,children:`Logo`}),(0,_.jsx)(x,{index:1,children:`Home`}),(0,_.jsx)(x,{index:2,children:`About`}),(0,_.jsx)(x,{index:3,children:`Contact`})]}),(0,_.jsx)(x,{index:4,children:`Login`})]}),(0,_.jsx)(`h3`,{children:`Card Layout`}),(0,_.jsx)(m.Container,{row:!0,wrap:!0,gap:`lg`,style:y.container,children:[1,2,3,4].map(e=>(0,_.jsx)(m.Item,{flex1:!0,style:{minWidth:`200px`},children:(0,_.jsxs)(`div`,{style:{border:`1px solid #ddd`,borderRadius:`8px`,padding:`16px`,textAlign:`center`,backgroundColor:b(e)},children:[(0,_.jsxs)(`h4`,{children:[`Card `,e]}),(0,_.jsx)(`p`,{children:`Card content goes here`})]})},e))}),(0,_.jsx)(`h3`,{children:`Form Layout`}),(0,_.jsxs)(m.Container,{column:!0,gap:`md`,style:y.container,children:[(0,_.jsxs)(m.Container,{row:!0,gap:`md`,children:[(0,_.jsx)(m.Item,{flex1:!0,children:(0,_.jsx)(x,{index:0,children:`First Name`})}),(0,_.jsx)(m.Item,{flex1:!0,children:(0,_.jsx)(x,{index:1,children:`Last Name`})})]}),(0,_.jsx)(x,{index:2,children:`Email`}),(0,_.jsx)(x,{index:3,children:`Message`})]})]}),args:{children:void 0}},C.parameters={...C.parameters,docs:{...C.parameters?.docs,source:{originalSource:`{
2
2
  render: args => <Flex.Container {...args} style={demoStyles.container} />,
3
3
  args: {
4
4
  children: <>
@@ -1 +1 @@
1
- import{n as e,o as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r}from"./iframe-GrlyTB2d.js";import{t as i}from"./react-dom-2o2phaJG.js";import{a,i as o}from"./utils-DUM89eIj.js";import{a as s,c,d as l,g as u,i as d,l as f,m as p,o as m,p as h,r as g,s as _}from"./floating-ui.react-TvNkEeW6.js";function v(e,t){if(!t?.arrow)return{};let{x:n,y:r}=t.arrow,i=e.split(`-`)[0],a={top:`bottom`,right:`left`,bottom:`top`,left:`right`}[i],o={top:`rotate(180deg)`,right:`rotate(-90deg)`,bottom:`rotate(0deg)`,left:`rotate(90deg)`}[i];return{pointerEvents:`none`,position:`absolute`,zIndex:-5,width:`16px`,height:`16px`,left:n==null?``:`${n}px`,top:r==null?``:`${r}px`,transform:o,[a]:`-16px`}}var y,b,x;function S(){return(S=e((()=>{y=n(),b=r(),x=(0,y.forwardRef)(({placement:e,middlewareData:t},n)=>(0,b.jsx)(`div`,{ref:n,style:v(e,t),children:(0,b.jsx)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`var(--border-2)`,stroke:`var(--border-2)`,strokeWidth:`var(--border-width)`,style:{display:`block`},children:(0,b.jsx)(`polygon`,{points:`8,8 16,16 0,16`})})})),x.__docgenInfo={description:``,methods:[],displayName:`FloatingArrow`,props:{placement:{required:!0,tsType:{name:`Placement`},description:``},middlewareData:{required:!0,tsType:{name:`MiddlewareData`},description:``}}}})))()}var C,w,T,E,D,O,k,A;function j(){return(j=e((()=>{C=`sZ0x6w`,w=`_538Ejd`,T=`fqciCO`,E=`sHkUiQ`,D=`bpGNoX`,O=`tYnRg-`,k=`_8lflEh`,A={tooltipPanel:C,tooltip:w,negative:T,information:E,error:D,warning:O,success:k}})))()}var M,N,P,F;function I(){return(I=e((()=>{M=t(n(),1),g(),o(),N=i(),S(),j(),P=r(),F=({content:e,children:t,openOnHover:n=!0,placement:r=`bottom`,openDelay:i=200,closeDelay:o=100,maxWidth:g,state:v,tooltip:y,positionUpdateKey:b})=>{let[S,C]=(0,M.useState)(!1),w=(0,M.useRef)(null),{refs:T,floatingStyles:E,middlewareData:D,context:O,placement:k,update:j}=s({open:S,onOpenChange:C,placement:r,middleware:[h(8),l({fallbackAxisSideDirection:`end`,fallbackPlacements:[`top`,`right`,`bottom`]}),p({padding:8}),f({element:w,padding:8})],whileElementsMounted:u});(0,M.useLayoutEffect)(()=>{S&&j()},[S,b,j]);let F=m(O,{enabled:n,move:!1,delay:{open:i,close:o}}),I=d(O),L=c(O),{getReferenceProps:R,getFloatingProps:z}=_([F,I,L]);return(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(`span`,{ref:T.setReference,...R(),style:{lineHeight:1},children:t}),S&&(0,N.createPortal)((0,P.jsxs)(`div`,{ref:T.setFloating,style:{...E,zIndex:`var(--z-tooltip)`,maxWidth:g?`${g}em`:void 0},...z(),role:`tooltip`,className:a(A.tooltipPanel,y&&A.tooltip,v&&A[v]),children:[e,(0,P.jsx)(x,{ref:w,placement:k,middlewareData:D})]}),document.body)]})},F.__docgenInfo={description:``,methods:[],displayName:`FloatingPopover`,props:{content:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},openOnHover:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`true`,computed:!1}},placement:{required:!1,tsType:{name:`Placement`},description:``,defaultValue:{value:`"bottom"`,computed:!1}},openDelay:{required:!1,tsType:{name:`number`},description:``,defaultValue:{value:`200`,computed:!1}},closeDelay:{required:!1,tsType:{name:`number`},description:``,defaultValue:{value:`100`,computed:!1}},maxWidth:{required:!1,tsType:{name:`number`},description:``},state:{required:!1,tsType:{name:`union`,raw:`"information" | "error" | "warning" | "success" | "negative"`,elements:[{name:`literal`,value:`"information"`},{name:`literal`,value:`"error"`},{name:`literal`,value:`"warning"`},{name:`literal`,value:`"success"`},{name:`literal`,value:`"negative"`}]},description:``},tooltip:{required:!1,tsType:{name:`literal`,value:`true`},description:``},positionUpdateKey:{required:!1,tsType:{name:`unknown`},description:"Изменяется вместе с CSS-координатой trigger, когда её изменение не отслеживается `autoUpdate`.\nПосле commit React выполняется повторный расчёт позиции открытой floating-панели."}}}})))()}export{S as i,I as n,x as r,F as t};
1
+ import{n as e,o as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r}from"./iframe-dENsI_HJ.js";import{t as i}from"./react-dom-2o2phaJG.js";import{a,i as o}from"./utils-DUM89eIj.js";import{a as s,c,d as l,g as u,i as d,l as f,m as p,o as m,p as h,r as g,s as _}from"./floating-ui.react-BZQpsoBF.js";function v(e,t){if(!t?.arrow)return{};let{x:n,y:r}=t.arrow,i=e.split(`-`)[0],a={top:`bottom`,right:`left`,bottom:`top`,left:`right`}[i],o={top:`rotate(180deg)`,right:`rotate(-90deg)`,bottom:`rotate(0deg)`,left:`rotate(90deg)`}[i];return{pointerEvents:`none`,position:`absolute`,zIndex:-5,width:`16px`,height:`16px`,left:n==null?``:`${n}px`,top:r==null?``:`${r}px`,transform:o,[a]:`-16px`}}var y,b,x;function S(){return(S=e((()=>{y=n(),b=r(),x=(0,y.forwardRef)(({placement:e,middlewareData:t},n)=>(0,b.jsx)(`div`,{ref:n,style:v(e,t),children:(0,b.jsx)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`var(--border-2)`,stroke:`var(--border-2)`,strokeWidth:`var(--border-width)`,style:{display:`block`},children:(0,b.jsx)(`polygon`,{points:`8,8 16,16 0,16`})})})),x.__docgenInfo={description:``,methods:[],displayName:`FloatingArrow`,props:{placement:{required:!0,tsType:{name:`Placement`},description:``},middlewareData:{required:!0,tsType:{name:`MiddlewareData`},description:``}}}})))()}var C,w,T,E,D,O,k,A;function j(){return(j=e((()=>{C=`sZ0x6w`,w=`_538Ejd`,T=`fqciCO`,E=`sHkUiQ`,D=`bpGNoX`,O=`tYnRg-`,k=`_8lflEh`,A={tooltipPanel:C,tooltip:w,negative:T,information:E,error:D,warning:O,success:k}})))()}var M,N,P,F;function I(){return(I=e((()=>{M=t(n(),1),g(),o(),N=i(),S(),j(),P=r(),F=({content:e,children:t,openOnHover:n=!0,placement:r=`bottom`,openDelay:i=200,closeDelay:o=100,maxWidth:g,state:v,tooltip:y,positionUpdateKey:b})=>{let[S,C]=(0,M.useState)(!1),w=(0,M.useRef)(null),{refs:T,floatingStyles:E,middlewareData:D,context:O,placement:k,update:j}=s({open:S,onOpenChange:C,placement:r,middleware:[h(8),l({fallbackAxisSideDirection:`end`,fallbackPlacements:[`top`,`right`,`bottom`]}),p({padding:8}),f({element:w,padding:8})],whileElementsMounted:u});(0,M.useLayoutEffect)(()=>{S&&j()},[S,b,j]);let F=m(O,{enabled:n,move:!1,delay:{open:i,close:o}}),I=d(O),L=c(O),{getReferenceProps:R,getFloatingProps:z}=_([F,I,L]);return(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(`span`,{ref:T.setReference,...R(),style:{lineHeight:1},children:t}),S&&(0,N.createPortal)((0,P.jsxs)(`div`,{ref:T.setFloating,style:{...E,zIndex:`var(--z-tooltip)`,maxWidth:g?`${g}em`:void 0},...z(),role:`tooltip`,className:a(A.tooltipPanel,y&&A.tooltip,v&&A[v]),children:[e,(0,P.jsx)(x,{ref:w,placement:k,middlewareData:D})]}),document.body)]})},F.__docgenInfo={description:``,methods:[],displayName:`FloatingPopover`,props:{content:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},openOnHover:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`true`,computed:!1}},placement:{required:!1,tsType:{name:`Placement`},description:``,defaultValue:{value:`"bottom"`,computed:!1}},openDelay:{required:!1,tsType:{name:`number`},description:``,defaultValue:{value:`200`,computed:!1}},closeDelay:{required:!1,tsType:{name:`number`},description:``,defaultValue:{value:`100`,computed:!1}},maxWidth:{required:!1,tsType:{name:`number`},description:``},state:{required:!1,tsType:{name:`union`,raw:`"information" | "error" | "warning" | "success" | "negative"`,elements:[{name:`literal`,value:`"information"`},{name:`literal`,value:`"error"`},{name:`literal`,value:`"warning"`},{name:`literal`,value:`"success"`},{name:`literal`,value:`"negative"`}]},description:``},tooltip:{required:!1,tsType:{name:`literal`,value:`true`},description:``},positionUpdateKey:{required:!1,tsType:{name:`unknown`},description:"Изменяется вместе с CSS-координатой trigger, когда её изменение не отслеживается `autoUpdate`.\nПосле commit React выполняется повторный расчёт позиции открытой floating-панели."}}}})))()}export{S as i,I as n,x as r,F as t};
@@ -1,4 +1,4 @@
1
- import{n as e,o as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r,t as i}from"./circle-alert-BnjKQOSC.js";import{n as a,t as o}from"./circle-check-CEAfOwEY.js";import{i as s,n as c,r as l,t as u}from"./info-DAnq7Q2v.js";import{n as d,r as f,t as p}from"./sortable-BXEc_YZy.js";import{n as m}from"./iframe-GrlyTB2d.js";import{C as h,S as g,_,b as ee,d as te,f as ne,g as v,h as re,m as ie,u as ae,v as y,x as oe,y as se}from"./odata-BPGjAOCV.js";import{a as b,i as x,n as ce}from"./utils-DUM89eIj.js";import{a as le,n as S,o as ue}from"./array-D-_yMMUK-CIRmlF93.js";import{r as C,u as w,y as de}from"./formatters-CVj-3Vn0-BFaHJqZL.js";import{i as fe,n as pe,r as me,t as he}from"./NoData-BFNotopG.js";import{n as ge,t as _e}from"./ContextMenu-Cs0k4iXy.js";import{n as ve,t as ye}from"./GridContainer-qDguE1HS.js";import{c as T,m as be,n as xe,o as Se,p as E,r as Ce}from"./hooks-CvLooy2_.js";import{n as we,t as Te}from"./Scrollable-Cen2Wssu.js";var Ee,De,Oe,ke,Ae,je,Me,D;function Ne(){return(Ne=e((()=>{Ee=`UMTbLD`,De=`cz57Fx`,Oe=`oPzAxu`,ke=`MBu26r`,Ae=`_03z-1l`,je=`_0RqsqJ`,Me=`mXkUoM`,D={stateWrapper:Ee,status:De,information:Oe,success:ke,warning:Ae,error:je,state:Me}})))()}var O,Pe,Fe,k,Ie,A,j;function Le(){return(Le=e((()=>{n(),x(),r(),a(),s(),c(),Ne(),O=m(),Pe=({state:e=`none`,text:t,className:n})=>(0,O.jsxs)(`div`,{className:b(`flexCenter gapSm`,n),children:[(()=>{switch(e){case`error`:return(0,O.jsx)(k,{});case`warning`:return(0,O.jsx)(Ie,{});case`success`:return(0,O.jsx)(A,{});case`information`:return(0,O.jsx)(j,{});default:return null}})(),t]}),Fe=({state:e})=>{switch(e){case`error`:return(0,O.jsx)(k,{});case`warning`:return(0,O.jsx)(Ie,{});case`success`:return(0,O.jsx)(A,{});case`information`:return(0,O.jsx)(j,{});default:return null}},k=()=>(0,O.jsx)(l,{className:b(D.state,D.error)}),Ie=()=>(0,O.jsx)(i,{className:b(D.state,D.warning)}),A=()=>(0,O.jsx)(o,{className:b(D.state,D.success)}),j=()=>(0,O.jsx)(u,{className:b(D.state,D.information)}),Pe.__docgenInfo={description:``,methods:[],displayName:`StateIcon`,props:{state:{required:!1,tsType:{name:`State`},description:``,defaultValue:{value:`"none"`,computed:!1}},text:{required:!0,tsType:{name:`string`},description:``},className:{required:!1,tsType:{name:`string`},description:``}}},Fe.__docgenInfo={description:``,methods:[],displayName:`RenderStateIcon`,props:{state:{required:!1,tsType:{name:`State`},description:``}}},k.__docgenInfo={description:``,methods:[],displayName:`ErrorIcon`},Ie.__docgenInfo={description:``,methods:[],displayName:`WarningIcon`},A.__docgenInfo={description:``,methods:[],displayName:`SuccessIcon`},j.__docgenInfo={description:``,methods:[],displayName:`InformationIcon`}})))()}function M(e,t){return typeof e==`function`?e(t):e}function N(e,t){return n=>{t.setState(t=>({...t,[e]:M(n,t[e])}))}}function Re(e){return e instanceof Function}function ze(e){return Array.isArray(e)&&e.every(e=>typeof e==`number`)}function Be(e,t){let n=[],r=e=>{e.forEach(e=>{n.push(e);let i=t(e);i!=null&&i.length&&r(i)})};return r(e),n}function P(e,t,n){let r=[],i;return a=>{let o;n.key&&n.debug&&(o=Date.now());let s=e(a);if(!(s.length!==r.length||s.some((e,t)=>r[t]!==e)))return i;r=s;let c;if(n.key&&n.debug&&(c=Date.now()),i=t(...s),n==null||n.onChange==null||n.onChange(i),n.key&&n.debug&&n!=null&&n.debug()){let e=Math.round((Date.now()-o)*100)/100,t=Math.round((Date.now()-c)*100)/100,r=t/16,i=(e,t)=>{for(e=String(e);e.length<t;)e=` `+e;return e};console.info(`%c⏱ ${i(t,5)} /${i(e,5)} ms`,`
1
+ import{n as e,o as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r,t as i}from"./circle-alert-DBOiovw1.js";import{n as a,t as o}from"./circle-check-7XeWOdm4.js";import{i as s,n as c,r as l,t as u}from"./info-DNxF2xdK.js";import{n as d,r as f,t as p}from"./sortable-BVQGL4Rj.js";import{n as m}from"./iframe-dENsI_HJ.js";import{C as h,S as g,_,b as ee,d as te,f as ne,g as v,h as re,m as ie,u as ae,v as y,x as oe,y as se}from"./odata-KQkU-pBI.js";import{a as b,i as x,n as ce}from"./utils-DUM89eIj.js";import{a as le,n as S,o as ue}from"./array-D-_yMMUK-CIRmlF93.js";import{r as C,u as w,y as de}from"./formatters-CVj-3Vn0-BFaHJqZL.js";import{i as fe,n as pe,r as me,t as he}from"./NoData-DtfUdNbp.js";import{n as ge,t as _e}from"./ContextMenu-DKFfj-4J.js";import{n as ve,t as ye}from"./GridContainer-qDguE1HS.js";import{c as T,m as be,n as xe,o as Se,p as E,r as Ce}from"./hooks-C3kva5fu.js";import{n as we,t as Te}from"./Scrollable-D6rD81Kz.js";var Ee,De,Oe,ke,Ae,je,Me,D;function Ne(){return(Ne=e((()=>{Ee=`UMTbLD`,De=`cz57Fx`,Oe=`oPzAxu`,ke=`MBu26r`,Ae=`_03z-1l`,je=`_0RqsqJ`,Me=`mXkUoM`,D={stateWrapper:Ee,status:De,information:Oe,success:ke,warning:Ae,error:je,state:Me}})))()}var O,Pe,Fe,k,Ie,A,j;function Le(){return(Le=e((()=>{n(),x(),r(),a(),s(),c(),Ne(),O=m(),Pe=({state:e=`none`,text:t,className:n})=>(0,O.jsxs)(`div`,{className:b(`flexCenter gapSm`,n),children:[(()=>{switch(e){case`error`:return(0,O.jsx)(k,{});case`warning`:return(0,O.jsx)(Ie,{});case`success`:return(0,O.jsx)(A,{});case`information`:return(0,O.jsx)(j,{});default:return null}})(),t]}),Fe=({state:e})=>{switch(e){case`error`:return(0,O.jsx)(k,{});case`warning`:return(0,O.jsx)(Ie,{});case`success`:return(0,O.jsx)(A,{});case`information`:return(0,O.jsx)(j,{});default:return null}},k=()=>(0,O.jsx)(l,{className:b(D.state,D.error)}),Ie=()=>(0,O.jsx)(i,{className:b(D.state,D.warning)}),A=()=>(0,O.jsx)(o,{className:b(D.state,D.success)}),j=()=>(0,O.jsx)(u,{className:b(D.state,D.information)}),Pe.__docgenInfo={description:``,methods:[],displayName:`StateIcon`,props:{state:{required:!1,tsType:{name:`State`},description:``,defaultValue:{value:`"none"`,computed:!1}},text:{required:!0,tsType:{name:`string`},description:``},className:{required:!1,tsType:{name:`string`},description:``}}},Fe.__docgenInfo={description:``,methods:[],displayName:`RenderStateIcon`,props:{state:{required:!1,tsType:{name:`State`},description:``}}},k.__docgenInfo={description:``,methods:[],displayName:`ErrorIcon`},Ie.__docgenInfo={description:``,methods:[],displayName:`WarningIcon`},A.__docgenInfo={description:``,methods:[],displayName:`SuccessIcon`},j.__docgenInfo={description:``,methods:[],displayName:`InformationIcon`}})))()}function M(e,t){return typeof e==`function`?e(t):e}function N(e,t){return n=>{t.setState(t=>({...t,[e]:M(n,t[e])}))}}function Re(e){return e instanceof Function}function ze(e){return Array.isArray(e)&&e.every(e=>typeof e==`number`)}function Be(e,t){let n=[],r=e=>{e.forEach(e=>{n.push(e);let i=t(e);i!=null&&i.length&&r(i)})};return r(e),n}function P(e,t,n){let r=[],i;return a=>{let o;n.key&&n.debug&&(o=Date.now());let s=e(a);if(!(s.length!==r.length||s.some((e,t)=>r[t]!==e)))return i;r=s;let c;if(n.key&&n.debug&&(c=Date.now()),i=t(...s),n==null||n.onChange==null||n.onChange(i),n.key&&n.debug&&n!=null&&n.debug()){let e=Math.round((Date.now()-o)*100)/100,t=Math.round((Date.now()-c)*100)/100,r=t/16,i=(e,t)=>{for(e=String(e);e.length<t;)e=` `+e;return e};console.info(`%c⏱ ${i(t,5)} /${i(e,5)} ms`,`
2
2
  font-size: .6rem;
3
3
  font-weight: bold;
4
4
  color: hsl(${Math.max(0,Math.min(120-120*r,120))}deg 100% 31%);`,n?.key)}return i}}function F(e,t,n,r){return{debug:()=>e?.debugAll??e[t],key:!1,onChange:r}}function Ve(e,t,n,r){let i={id:`${t.id}_${n.id}`,row:t,column:n,getValue:()=>t.getValue(r),renderValue:()=>i.getValue()??e.options.renderFallbackValue,getContext:P(()=>[e,n,t,i],(e,t,n,r)=>({table:e,column:t,row:n,cell:r,getValue:r.getValue,renderValue:r.renderValue}),F(e.options,`debugCells`,`cell.getContext`))};return e._features.forEach(r=>{r.createCell==null||r.createCell(i,n,t,e)},{}),i}function He(e,t,n,r){let i={...e._getDefaultColumnDef(),...t},a=i.accessorKey,o=i.id??(a?typeof String.prototype.replaceAll==`function`?a.replaceAll(`.`,`_`):a.replace(/\./g,`_`):void 0)??(typeof i.header==`string`?i.header:void 0),s;if(i.accessorFn?s=i.accessorFn:a&&(s=a.includes(`.`)?e=>{let t=e;for(let e of a.split(`.`))t=t?.[e];return t}:e=>e[i.accessorKey]),!o)throw Error();let c={id:`${String(o)}`,accessorFn:s,parent:r,depth:n,columnDef:i,columns:[],getFlatColumns:P(()=>[!0],()=>[c,...c.columns?.flatMap(e=>e.getFlatColumns())],F(e.options,`debugColumns`,`column.getFlatColumns`)),getLeafColumns:P(()=>[e._getOrderColumnsFn()],e=>{var t;return(t=c.columns)!=null&&t.length?e(c.columns.flatMap(e=>e.getLeafColumns())):[c]},F(e.options,`debugColumns`,`column.getLeafColumns`))};for(let t of e._features)t.createColumn==null||t.createColumn(c,e);return c}function Ue(e,t,n){let r={id:n.id??t.id,column:t,index:n.index,isPlaceholder:!!n.isPlaceholder,placeholderId:n.placeholderId,depth:n.depth,subHeaders:[],colSpan:0,rowSpan:0,headerGroup:null,getLeafHeaders:()=>{let e=[],t=n=>{n.subHeaders&&n.subHeaders.length&&n.subHeaders.map(t),e.push(n)};return t(r),e},getContext:()=>({table:e,header:r,column:t})};return e._features.forEach(t=>{t.createHeader==null||t.createHeader(r,e)}),r}function We(e,t,n,r){let i=0,a=function(e,t){t===void 0&&(t=1),i=Math.max(i,t),e.filter(e=>e.getIsVisible()).forEach(e=>{var n;(n=e.columns)!=null&&n.length&&a(e.columns,t+1)},0)};a(e);let o=[],s=(e,t)=>{let i={depth:t,id:[r,`${t}`].filter(Boolean).join(`_`),headers:[]},a=[];e.forEach(e=>{let o=[...a].reverse()[0],s=e.column.depth===i.depth,c,l=!1;if(s&&e.column.parent?c=e.column.parent:(c=e.column,l=!0),o&&o?.column===c)o.subHeaders.push(e);else{let i=Ue(n,c,{id:[r,t,c.id,e?.id].filter(Boolean).join(`_`),isPlaceholder:l,placeholderId:l?`${a.filter(e=>e.column===c).length}`:void 0,depth:t,index:a.length});i.subHeaders.push(e),a.push(i)}i.headers.push(e),e.headerGroup=i}),o.push(i),t>0&&s(a,t-1)};s(t.map((e,t)=>Ue(n,e,{depth:i,index:t})),i-1),o.reverse();let c=e=>e.filter(e=>e.column.getIsVisible()).map(e=>{let t=0,n=0,r=[0];e.subHeaders&&e.subHeaders.length?(r=[],c(e.subHeaders).forEach(e=>{let{colSpan:n,rowSpan:i}=e;t+=n,r.push(i)})):t=1;let i=Math.min(...r);return n+=i,e.colSpan=t,e.rowSpan=n,{colSpan:t,rowSpan:n}});return c(o[0]?.headers??[]),o}function I(e){return e==null||e===``}function Ge(e,t,n){return(e&&e.autoRemove?e.autoRemove(t,n):!1)||t===void 0||typeof t==`string`&&!t}function Ke(e,t,n){if(!(t!=null&&t.length)||!n)return e;let r=e.filter(e=>!t.includes(e.id));return n===`remove`?r:[...t.map(t=>e.find(e=>e.id===t)).filter(Boolean),...r]}function qe(e){return e||(typeof document<`u`?document:null)}function Je(){if(typeof G==`boolean`)return G;let e=!1;try{let t={get passive(){return e=!0,!1}},n=()=>{};window.addEventListener(`test`,n,t),window.removeEventListener(`test`,n)}catch{e=!1}return G=e,G}function Ye(e){return e.type===`touchstart`}function L(e,t){return t?t===`center`?e.getCenterVisibleLeafColumns():t===`left`?e.getLeftVisibleLeafColumns():e.getRightVisibleLeafColumns():e.getVisibleLeafColumns()}function Xe(e,t){let n=e.getState().rowSelection,r=[],i={},a=function(e,t){return e.map(e=>{var t;let o=Ze(e,n);if(o&&(r.push(e),i[e.id]=e),(t=e.subRows)!=null&&t.length&&(e={...e,subRows:a(e.subRows)}),o)return e}).filter(Boolean)};return{rows:a(t.rows),flatRows:r,rowsById:i}}function Ze(e,t){return t[e.id]??!1}function Qe(e,t,n){var r;if(!((r=e.subRows)!=null&&r.length))return!1;let i=!0,a=!1;return e.subRows.forEach(e=>{if(!(a&&!i)&&(e.getCanSelect()&&(Ze(e,t)?a=!0:i=!1),e.subRows&&e.subRows.length)){let n=Qe(e,t);n===`all`?a=!0:(n===`some`&&(a=!0),i=!1)}}),i?`all`:a?`some`:!1}function $e(e,t){return e===t?0:e>t?1:-1}function R(e){return typeof e==`number`?isNaN(e)||e===1/0||e===-1/0?``:String(e):typeof e==`string`?e:``}function et(e,t){let n=e.split(Ht).filter(Boolean),r=t.split(Ht).filter(Boolean);for(;n.length&&r.length;){let e=n.shift(),t=r.shift(),i=parseInt(e,10),a=parseInt(t,10),o=[i,a].sort();if(isNaN(o[0])){if(e>t)return 1;if(t>e)return-1;continue}if(isNaN(o[1]))return isNaN(i)?-1:1;if(i>a)return 1;if(a>i)return-1}return n.length-r.length}function tt(e){let t=[...Xt,...e._features??[]],n={_features:t},r=n._features.reduce((e,t)=>Object.assign(e,t.getDefaultOptions==null?void 0:t.getDefaultOptions(n)),{}),i=e=>n.options.mergeOptions?n.options.mergeOptions(r,e):{...r,...e},a={...e.initialState??{}};n._features.forEach(e=>{a=(e.getInitialState==null?void 0:e.getInitialState(a))??a});let o=[],s=!1,c={_features:t,options:{...r,...e},initialState:a,_queue:e=>{o.push(e),s||(s=!0,Promise.resolve().then(()=>{for(;o.length;)o.shift()();s=!1}).catch(e=>setTimeout(()=>{throw e})))},reset:()=>{n.setState(n.initialState)},setOptions:e=>{let t=M(e,n.options);n.options=i(t)},getState:()=>n.options.state,setState:e=>{n.options.onStateChange==null||n.options.onStateChange(e)},_getRowId:(e,t,r)=>(n.options.getRowId==null?void 0:n.options.getRowId(e,t,r))??`${r?[r.id,t].join(`.`):t}`,getCoreRowModel:()=>(n._getCoreRowModel||=n.options.getCoreRowModel(n),n._getCoreRowModel()),getRowModel:()=>n.getPaginationRowModel(),getRow:(e,t)=>{let r=(t?n.getPrePaginationRowModel():n.getRowModel()).rowsById[e];if(!r&&(r=n.getCoreRowModel().rowsById[e],!r))throw Error();return r},_getDefaultColumnDef:P(()=>[n.options.defaultColumn],e=>(e??={},{header:e=>{let t=e.header.column.columnDef;return t.accessorKey?t.accessorKey:t.accessorFn?t.id:null},cell:e=>{var t;return((t=e.renderValue())==null||t.toString==null?void 0:t.toString())??null},...n._features.reduce((e,t)=>Object.assign(e,t.getDefaultColumnDef==null?void 0:t.getDefaultColumnDef()),{}),...e}),F(e,`debugColumns`,`_getDefaultColumnDef`)),_getColumnDefs:()=>n.options.columns,getAllColumns:P(()=>[n._getColumnDefs()],e=>{let t=function(e,r,i){return i===void 0&&(i=0),e.map(e=>{let a=He(n,e,i,r),o=e;return a.columns=o.columns?t(o.columns,a,i+1):[],a})};return t(e)},F(e,`debugColumns`,`getAllColumns`)),getAllFlatColumns:P(()=>[n.getAllColumns()],e=>e.flatMap(e=>e.getFlatColumns()),F(e,`debugColumns`,`getAllFlatColumns`)),_getAllFlatColumnsById:P(()=>[n.getAllFlatColumns()],e=>e.reduce((e,t)=>(e[t.id]=t,e),{}),F(e,`debugColumns`,`getAllFlatColumnsById`)),getAllLeafColumns:P(()=>[n.getAllColumns(),n._getOrderColumnsFn()],(e,t)=>t(e.flatMap(e=>e.getLeafColumns())),F(e,`debugColumns`,`getAllLeafColumns`)),getColumn:e=>n._getAllFlatColumnsById()[e]};Object.assign(n,c);for(let e=0;e<n._features.length;e++){let t=n._features[e];t==null||t.createTable==null||t.createTable(n)}return n}function nt(){return e=>P(()=>[e.options.data],t=>{let n={rows:[],flatRows:[],rowsById:{}},r=function(t,i,a){i===void 0&&(i=0);let o=[];for(let c=0;c<t.length;c++){let l=ot(e,e._getRowId(t[c],c,a),t[c],c,i,void 0,a?.id);if(n.flatRows.push(l),n.rowsById[l.id]=l,o.push(l),e.options.getSubRows){var s;l.originalSubRows=e.options.getSubRows(t[c],c),(s=l.originalSubRows)!=null&&s.length&&(l.subRows=r(l.originalSubRows,i+1,l))}}return o};return n.rows=r(t),n},F(e.options,`debugTable`,`getRowModel`,()=>e._autoResetPageIndex()))}function rt(){return e=>P(()=>[e.getState().expanded,e.getPreExpandedRowModel(),e.options.paginateExpandedRows],(e,t,n)=>!t.rows.length||e!==!0&&!Object.keys(e??{}).length||!n?t:it(t),F(e.options,`debugTable`,`getExpandedRowModel`))}function it(e){let t=[],n=e=>{var r;t.push(e),(r=e.subRows)!=null&&r.length&&e.getIsExpanded()&&e.subRows.forEach(n)};return e.rows.forEach(n),{rows:t,flatRows:e.flatRows,rowsById:e.rowsById}}var z,at,ot,st,ct,lt,ut,dt,ft,pt,mt,ht,B,V,gt,_t,vt,yt,bt,xt,St,Ct,wt,Tt,H,Et,Dt,U,Ot,W,kt,At,G,jt,Mt,Nt,Pt,K,Ft,It,Lt,Rt,zt,Bt,Vt,Ht,Ut,Wt,Gt,Kt,qt,Jt,q,Yt,Xt;function Zt(){return(Zt=e((()=>{z=`debugHeaders`,at={createTable:e=>{e.getHeaderGroups=P(()=>[e.getAllColumns(),e.getVisibleLeafColumns(),e.getState().columnPinning.left,e.getState().columnPinning.right],(t,n,r,i)=>{let a=r?.map(e=>n.find(t=>t.id===e)).filter(Boolean)??[],o=i?.map(e=>n.find(t=>t.id===e)).filter(Boolean)??[],s=n.filter(e=>!(r!=null&&r.includes(e.id))&&!(i!=null&&i.includes(e.id)));return We(t,[...a,...s,...o],e)},F(e.options,z,`getHeaderGroups`)),e.getCenterHeaderGroups=P(()=>[e.getAllColumns(),e.getVisibleLeafColumns(),e.getState().columnPinning.left,e.getState().columnPinning.right],(t,n,r,i)=>(n=n.filter(e=>!(r!=null&&r.includes(e.id))&&!(i!=null&&i.includes(e.id))),We(t,n,e,`center`)),F(e.options,z,`getCenterHeaderGroups`)),e.getLeftHeaderGroups=P(()=>[e.getAllColumns(),e.getVisibleLeafColumns(),e.getState().columnPinning.left],(t,n,r)=>We(t,r?.map(e=>n.find(t=>t.id===e)).filter(Boolean)??[],e,`left`),F(e.options,z,`getLeftHeaderGroups`)),e.getRightHeaderGroups=P(()=>[e.getAllColumns(),e.getVisibleLeafColumns(),e.getState().columnPinning.right],(t,n,r)=>We(t,r?.map(e=>n.find(t=>t.id===e)).filter(Boolean)??[],e,`right`),F(e.options,z,`getRightHeaderGroups`)),e.getFooterGroups=P(()=>[e.getHeaderGroups()],e=>[...e].reverse(),F(e.options,z,`getFooterGroups`)),e.getLeftFooterGroups=P(()=>[e.getLeftHeaderGroups()],e=>[...e].reverse(),F(e.options,z,`getLeftFooterGroups`)),e.getCenterFooterGroups=P(()=>[e.getCenterHeaderGroups()],e=>[...e].reverse(),F(e.options,z,`getCenterFooterGroups`)),e.getRightFooterGroups=P(()=>[e.getRightHeaderGroups()],e=>[...e].reverse(),F(e.options,z,`getRightFooterGroups`)),e.getFlatHeaders=P(()=>[e.getHeaderGroups()],e=>e.map(e=>e.headers).flat(),F(e.options,z,`getFlatHeaders`)),e.getLeftFlatHeaders=P(()=>[e.getLeftHeaderGroups()],e=>e.map(e=>e.headers).flat(),F(e.options,z,`getLeftFlatHeaders`)),e.getCenterFlatHeaders=P(()=>[e.getCenterHeaderGroups()],e=>e.map(e=>e.headers).flat(),F(e.options,z,`getCenterFlatHeaders`)),e.getRightFlatHeaders=P(()=>[e.getRightHeaderGroups()],e=>e.map(e=>e.headers).flat(),F(e.options,z,`getRightFlatHeaders`)),e.getCenterLeafHeaders=P(()=>[e.getCenterFlatHeaders()],e=>e.filter(e=>{var t;return!((t=e.subHeaders)!=null&&t.length)}),F(e.options,z,`getCenterLeafHeaders`)),e.getLeftLeafHeaders=P(()=>[e.getLeftFlatHeaders()],e=>e.filter(e=>{var t;return!((t=e.subHeaders)!=null&&t.length)}),F(e.options,z,`getLeftLeafHeaders`)),e.getRightLeafHeaders=P(()=>[e.getRightFlatHeaders()],e=>e.filter(e=>{var t;return!((t=e.subHeaders)!=null&&t.length)}),F(e.options,z,`getRightLeafHeaders`)),e.getLeafHeaders=P(()=>[e.getLeftHeaderGroups(),e.getCenterHeaderGroups(),e.getRightHeaderGroups()],(e,t,n)=>[...e[0]?.headers??[],...t[0]?.headers??[],...n[0]?.headers??[]].map(e=>e.getLeafHeaders()).flat(),F(e.options,z,`getLeafHeaders`))}},ot=(e,t,n,r,i,a,o)=>{let s={id:t,index:r,original:n,depth:i,parentId:o,_valuesCache:{},_uniqueValuesCache:{},getValue:t=>{if(s._valuesCache.hasOwnProperty(t))return s._valuesCache[t];let n=e.getColumn(t);if(n!=null&&n.accessorFn)return s._valuesCache[t]=n.accessorFn(s.original,r),s._valuesCache[t]},getUniqueValues:t=>{if(s._uniqueValuesCache.hasOwnProperty(t))return s._uniqueValuesCache[t];let n=e.getColumn(t);if(n!=null&&n.accessorFn)return n.columnDef.getUniqueValues?(s._uniqueValuesCache[t]=n.columnDef.getUniqueValues(s.original,r),s._uniqueValuesCache[t]):(s._uniqueValuesCache[t]=[s.getValue(t)],s._uniqueValuesCache[t])},renderValue:t=>s.getValue(t)??e.options.renderFallbackValue,subRows:a??[],getLeafRows:()=>Be(s.subRows,e=>e.subRows),getParentRow:()=>s.parentId?e.getRow(s.parentId,!0):void 0,getParentRows:()=>{let e=[],t=s;for(;;){let n=t.getParentRow();if(!n)break;e.push(n),t=n}return e.reverse()},getAllCells:P(()=>[e.getAllLeafColumns()],t=>t.map(t=>Ve(e,s,t,t.id)),F(e.options,`debugRows`,`getAllCells`)),_getAllCellsByColumnId:P(()=>[s.getAllCells()],e=>e.reduce((e,t)=>(e[t.column.id]=t,e),{}),F(e.options,`debugRows`,`getAllCellsByColumnId`))};for(let t=0;t<e._features.length;t++){let n=e._features[t];n==null||n.createRow==null||n.createRow(s,e)}return s},st={createColumn:(e,t)=>{e._getFacetedRowModel=t.options.getFacetedRowModel&&t.options.getFacetedRowModel(t,e.id),e.getFacetedRowModel=()=>e._getFacetedRowModel?e._getFacetedRowModel():t.getPreFilteredRowModel(),e._getFacetedUniqueValues=t.options.getFacetedUniqueValues&&t.options.getFacetedUniqueValues(t,e.id),e.getFacetedUniqueValues=()=>e._getFacetedUniqueValues?e._getFacetedUniqueValues():new Map,e._getFacetedMinMaxValues=t.options.getFacetedMinMaxValues&&t.options.getFacetedMinMaxValues(t,e.id),e.getFacetedMinMaxValues=()=>{if(e._getFacetedMinMaxValues)return e._getFacetedMinMaxValues()}}},ct=(e,t,n)=>{var r,i;let a=n==null||(r=n.toString())==null?void 0:r.toLowerCase();return!!((i=e.getValue(t))!=null&&(i=i.toString())!=null&&(i=i.toLowerCase())!=null&&i.includes(a))},ct.autoRemove=e=>I(e),lt=(e,t,n)=>{var r;return!!((r=e.getValue(t))!=null&&(r=r.toString())!=null&&r.includes(n))},lt.autoRemove=e=>I(e),ut=(e,t,n)=>{var r;return((r=e.getValue(t))==null||(r=r.toString())==null?void 0:r.toLowerCase())===n?.toLowerCase()},ut.autoRemove=e=>I(e),dt=(e,t,n)=>e.getValue(t)?.includes(n),dt.autoRemove=e=>I(e),ft=(e,t,n)=>!n.some(n=>{var r;return!((r=e.getValue(t))!=null&&r.includes(n))}),ft.autoRemove=e=>I(e)||!(e!=null&&e.length),pt=(e,t,n)=>n.some(n=>e.getValue(t)?.includes(n)),pt.autoRemove=e=>I(e)||!(e!=null&&e.length),mt=(e,t,n)=>e.getValue(t)===n,mt.autoRemove=e=>I(e),ht=(e,t,n)=>e.getValue(t)==n,ht.autoRemove=e=>I(e),B=(e,t,n)=>{let[r,i]=n,a=e.getValue(t);return a>=r&&a<=i},B.resolveFilterValue=e=>{let[t,n]=e,r=typeof t==`number`?t:parseFloat(t),i=typeof n==`number`?n:parseFloat(n),a=t===null||Number.isNaN(r)?-1/0:r,o=n===null||Number.isNaN(i)?1/0:i;if(a>o){let e=a;a=o,o=e}return[a,o]},B.autoRemove=e=>I(e)||I(e[0])&&I(e[1]),V={includesString:ct,includesStringSensitive:lt,equalsString:ut,arrIncludes:dt,arrIncludesAll:ft,arrIncludesSome:pt,equals:mt,weakEquals:ht,inNumberRange:B},gt={getDefaultColumnDef:()=>({filterFn:`auto`}),getInitialState:e=>({columnFilters:[],...e}),getDefaultOptions:e=>({onColumnFiltersChange:N(`columnFilters`,e),filterFromLeafRows:!1,maxLeafRowFilterDepth:100}),createColumn:(e,t)=>{e.getAutoFilterFn=()=>{let n=t.getCoreRowModel().flatRows[0]?.getValue(e.id);return typeof n==`string`?V.includesString:typeof n==`number`?V.inNumberRange:typeof n==`boolean`||typeof n==`object`&&n?V.equals:Array.isArray(n)?V.arrIncludes:V.weakEquals},e.getFilterFn=()=>Re(e.columnDef.filterFn)?e.columnDef.filterFn:e.columnDef.filterFn===`auto`?e.getAutoFilterFn():t.options.filterFns?.[e.columnDef.filterFn]??V[e.columnDef.filterFn],e.getCanFilter=()=>(e.columnDef.enableColumnFilter??!0)&&(t.options.enableColumnFilters??!0)&&(t.options.enableFilters??!0)&&!!e.accessorFn,e.getIsFiltered=()=>e.getFilterIndex()>-1,e.getFilterValue=()=>{var n;return(n=t.getState().columnFilters)==null||(n=n.find(t=>t.id===e.id))==null?void 0:n.value},e.getFilterIndex=()=>t.getState().columnFilters?.findIndex(t=>t.id===e.id)??-1,e.setFilterValue=n=>{t.setColumnFilters(t=>{let r=e.getFilterFn(),i=t?.find(t=>t.id===e.id),a=M(n,i?i.value:void 0);if(Ge(r,a,e))return t?.filter(t=>t.id!==e.id)??[];let o={id:e.id,value:a};return i?t?.map(t=>t.id===e.id?o:t)??[]:t!=null&&t.length?[...t,o]:[o]})}},createRow:(e,t)=>{e.columnFilters={},e.columnFiltersMeta={}},createTable:e=>{e.setColumnFilters=t=>{let n=e.getAllLeafColumns();e.options.onColumnFiltersChange==null||e.options.onColumnFiltersChange(e=>M(t,e)?.filter(e=>{let t=n.find(t=>t.id===e.id);return!(t&&Ge(t.getFilterFn(),e.value,t))}))},e.resetColumnFilters=t=>{e.setColumnFilters(t?[]:e.initialState?.columnFilters??[])},e.getPreFilteredRowModel=()=>e.getCoreRowModel(),e.getFilteredRowModel=()=>(!e._getFilteredRowModel&&e.options.getFilteredRowModel&&(e._getFilteredRowModel=e.options.getFilteredRowModel(e)),e.options.manualFiltering||!e._getFilteredRowModel?e.getPreFilteredRowModel():e._getFilteredRowModel())}},_t=(e,t,n)=>n.reduce((t,n)=>{let r=n.getValue(e);return t+(typeof r==`number`?r:0)},0),vt=(e,t,n)=>{let r;return n.forEach(t=>{let n=t.getValue(e);n!=null&&(r>n||r===void 0&&n>=n)&&(r=n)}),r},yt=(e,t,n)=>{let r;return n.forEach(t=>{let n=t.getValue(e);n!=null&&(r<n||r===void 0&&n>=n)&&(r=n)}),r},bt=(e,t,n)=>{let r,i;return n.forEach(t=>{let n=t.getValue(e);n!=null&&(r===void 0?n>=n&&(r=i=n):(r>n&&(r=n),i<n&&(i=n)))}),[r,i]},xt=(e,t)=>{let n=0,r=0;if(t.forEach(t=>{let i=t.getValue(e);i!=null&&(i=+i)>=i&&(++n,r+=i)}),n)return r/n},St=(e,t)=>{if(!t.length)return;let n=t.map(t=>t.getValue(e));if(!ze(n))return;if(n.length===1)return n[0];let r=Math.floor(n.length/2),i=n.sort((e,t)=>e-t);return n.length%2==0?(i[r-1]+i[r])/2:i[r]},Ct=(e,t)=>Array.from(new Set(t.map(t=>t.getValue(e))).values()),wt=(e,t)=>new Set(t.map(t=>t.getValue(e))).size,Tt=(e,t)=>t.length,H={sum:_t,min:vt,max:yt,extent:bt,mean:xt,median:St,unique:Ct,uniqueCount:wt,count:Tt},Et={getDefaultColumnDef:()=>({aggregatedCell:e=>{var t;return((t=e.getValue())==null||t.toString==null?void 0:t.toString())??null},aggregationFn:`auto`}),getInitialState:e=>({grouping:[],...e}),getDefaultOptions:e=>({onGroupingChange:N(`grouping`,e),groupedColumnMode:`reorder`}),createColumn:(e,t)=>{e.toggleGrouping=()=>{t.setGrouping(t=>t!=null&&t.includes(e.id)?t.filter(t=>t!==e.id):[...t??[],e.id])},e.getCanGroup=()=>(e.columnDef.enableGrouping??!0)&&(t.options.enableGrouping??!0)&&(!!e.accessorFn||!!e.columnDef.getGroupingValue),e.getIsGrouped=()=>t.getState().grouping?.includes(e.id),e.getGroupedIndex=()=>t.getState().grouping?.indexOf(e.id),e.getToggleGroupingHandler=()=>{let t=e.getCanGroup();return()=>{t&&e.toggleGrouping()}},e.getAutoAggregationFn=()=>{let n=t.getCoreRowModel().flatRows[0]?.getValue(e.id);if(typeof n==`number`)return H.sum;if(Object.prototype.toString.call(n)===`[object Date]`)return H.extent},e.getAggregationFn=()=>{if(!e)throw Error();return Re(e.columnDef.aggregationFn)?e.columnDef.aggregationFn:e.columnDef.aggregationFn===`auto`?e.getAutoAggregationFn():t.options.aggregationFns?.[e.columnDef.aggregationFn]??H[e.columnDef.aggregationFn]}},createTable:e=>{e.setGrouping=t=>e.options.onGroupingChange==null?void 0:e.options.onGroupingChange(t),e.resetGrouping=t=>{e.setGrouping(t?[]:e.initialState?.grouping??[])},e.getPreGroupedRowModel=()=>e.getFilteredRowModel(),e.getGroupedRowModel=()=>(!e._getGroupedRowModel&&e.options.getGroupedRowModel&&(e._getGroupedRowModel=e.options.getGroupedRowModel(e)),e.options.manualGrouping||!e._getGroupedRowModel?e.getPreGroupedRowModel():e._getGroupedRowModel())},createRow:(e,t)=>{e.getIsGrouped=()=>!!e.groupingColumnId,e.getGroupingValue=n=>{if(e._groupingValuesCache.hasOwnProperty(n))return e._groupingValuesCache[n];let r=t.getColumn(n);return r!=null&&r.columnDef.getGroupingValue?(e._groupingValuesCache[n]=r.columnDef.getGroupingValue(e.original),e._groupingValuesCache[n]):e.getValue(n)},e._groupingValuesCache={}},createCell:(e,t,n,r)=>{e.getIsGrouped=()=>t.getIsGrouped()&&t.id===n.groupingColumnId,e.getIsPlaceholder=()=>!e.getIsGrouped()&&t.getIsGrouped(),e.getIsAggregated=()=>{var t;return!e.getIsGrouped()&&!e.getIsPlaceholder()&&!!((t=n.subRows)!=null&&t.length)}}},Dt={getInitialState:e=>({columnOrder:[],...e}),getDefaultOptions:e=>({onColumnOrderChange:N(`columnOrder`,e)}),createColumn:(e,t)=>{e.getIndex=P(e=>[L(t,e)],t=>t.findIndex(t=>t.id===e.id),F(t.options,`debugColumns`,`getIndex`)),e.getIsFirstColumn=n=>L(t,n)[0]?.id===e.id,e.getIsLastColumn=n=>{let r=L(t,n);return r[r.length-1]?.id===e.id}},createTable:e=>{e.setColumnOrder=t=>e.options.onColumnOrderChange==null?void 0:e.options.onColumnOrderChange(t),e.resetColumnOrder=t=>{e.setColumnOrder(t?[]:e.initialState.columnOrder??[])},e._getOrderColumnsFn=P(()=>[e.getState().columnOrder,e.getState().grouping,e.options.groupedColumnMode],(e,t,n)=>r=>{let i=[];if(!(e!=null&&e.length))i=r;else{let t=[...e],n=[...r];for(;n.length&&t.length;){let e=t.shift(),r=n.findIndex(t=>t.id===e);r>-1&&i.push(n.splice(r,1)[0])}i=[...i,...n]}return Ke(i,t,n)},F(e.options,`debugTable`,`_getOrderColumnsFn`))}},U=()=>({left:[],right:[]}),Ot={getInitialState:e=>({columnPinning:U(),...e}),getDefaultOptions:e=>({onColumnPinningChange:N(`columnPinning`,e)}),createColumn:(e,t)=>{e.pin=n=>{let r=e.getLeafColumns().map(e=>e.id).filter(Boolean);t.setColumnPinning(e=>n===`right`?{left:(e?.left??[]).filter(e=>!(r!=null&&r.includes(e))),right:[...(e?.right??[]).filter(e=>!(r!=null&&r.includes(e))),...r]}:n===`left`?{left:[...(e?.left??[]).filter(e=>!(r!=null&&r.includes(e))),...r],right:(e?.right??[]).filter(e=>!(r!=null&&r.includes(e)))}:{left:(e?.left??[]).filter(e=>!(r!=null&&r.includes(e))),right:(e?.right??[]).filter(e=>!(r!=null&&r.includes(e)))})},e.getCanPin=()=>e.getLeafColumns().some(e=>(e.columnDef.enablePinning??!0)&&(t.options.enableColumnPinning??t.options.enablePinning??!0)),e.getIsPinned=()=>{let n=e.getLeafColumns().map(e=>e.id),{left:r,right:i}=t.getState().columnPinning,a=n.some(e=>r?.includes(e)),o=n.some(e=>i?.includes(e));return a?`left`:o?`right`:!1},e.getPinnedIndex=()=>{var n;let r=e.getIsPinned();return r?((n=t.getState().columnPinning)==null||(n=n[r])==null?void 0:n.indexOf(e.id))??-1:0}},createRow:(e,t)=>{e.getCenterVisibleCells=P(()=>[e._getAllVisibleCells(),t.getState().columnPinning.left,t.getState().columnPinning.right],(e,t,n)=>{let r=[...t??[],...n??[]];return e.filter(e=>!r.includes(e.column.id))},F(t.options,`debugRows`,`getCenterVisibleCells`)),e.getLeftVisibleCells=P(()=>[e._getAllVisibleCells(),t.getState().columnPinning.left],(e,t)=>(t??[]).map(t=>e.find(e=>e.column.id===t)).filter(Boolean).map(e=>({...e,position:`left`})),F(t.options,`debugRows`,`getLeftVisibleCells`)),e.getRightVisibleCells=P(()=>[e._getAllVisibleCells(),t.getState().columnPinning.right],(e,t)=>(t??[]).map(t=>e.find(e=>e.column.id===t)).filter(Boolean).map(e=>({...e,position:`right`})),F(t.options,`debugRows`,`getRightVisibleCells`))},createTable:e=>{e.setColumnPinning=t=>e.options.onColumnPinningChange==null?void 0:e.options.onColumnPinningChange(t),e.resetColumnPinning=t=>e.setColumnPinning(t?U():e.initialState?.columnPinning??U()),e.getIsSomeColumnsPinned=t=>{let n=e.getState().columnPinning;return t?!!n[t]?.length:!!(n.left?.length||n.right?.length)},e.getLeftLeafColumns=P(()=>[e.getAllLeafColumns(),e.getState().columnPinning.left],(e,t)=>(t??[]).map(t=>e.find(e=>e.id===t)).filter(Boolean),F(e.options,`debugColumns`,`getLeftLeafColumns`)),e.getRightLeafColumns=P(()=>[e.getAllLeafColumns(),e.getState().columnPinning.right],(e,t)=>(t??[]).map(t=>e.find(e=>e.id===t)).filter(Boolean),F(e.options,`debugColumns`,`getRightLeafColumns`)),e.getCenterLeafColumns=P(()=>[e.getAllLeafColumns(),e.getState().columnPinning.left,e.getState().columnPinning.right],(e,t,n)=>{let r=[...t??[],...n??[]];return e.filter(e=>!r.includes(e.id))},F(e.options,`debugColumns`,`getCenterLeafColumns`))}},W={size:150,minSize:20,maxSize:2**53-1},kt=()=>({startOffset:null,startSize:null,deltaOffset:null,deltaPercentage:null,isResizingColumn:!1,columnSizingStart:[]}),At={getDefaultColumnDef:()=>W,getInitialState:e=>({columnSizing:{},columnSizingInfo:kt(),...e}),getDefaultOptions:e=>({columnResizeMode:`onEnd`,columnResizeDirection:`ltr`,onColumnSizingChange:N(`columnSizing`,e),onColumnSizingInfoChange:N(`columnSizingInfo`,e)}),createColumn:(e,t)=>{e.getSize=()=>{let n=t.getState().columnSizing[e.id];return Math.min(Math.max(e.columnDef.minSize??W.minSize,n??e.columnDef.size??W.size),e.columnDef.maxSize??W.maxSize)},e.getStart=P(e=>[e,L(t,e),t.getState().columnSizing],(t,n)=>n.slice(0,e.getIndex(t)).reduce((e,t)=>e+t.getSize(),0),F(t.options,`debugColumns`,`getStart`)),e.getAfter=P(e=>[e,L(t,e),t.getState().columnSizing],(t,n)=>n.slice(e.getIndex(t)+1).reduce((e,t)=>e+t.getSize(),0),F(t.options,`debugColumns`,`getAfter`)),e.resetSize=()=>{t.setColumnSizing(t=>{let{[e.id]:n,...r}=t;return r})},e.getCanResize=()=>(e.columnDef.enableResizing??!0)&&(t.options.enableColumnResizing??!0),e.getIsResizing=()=>t.getState().columnSizingInfo.isResizingColumn===e.id},createHeader:(e,t)=>{e.getSize=()=>{let t=0,n=e=>{e.subHeaders.length?e.subHeaders.forEach(n):t+=e.column.getSize()??0};return n(e),t},e.getStart=()=>{if(e.index>0){let t=e.headerGroup.headers[e.index-1];return t.getStart()+t.getSize()}return 0},e.getResizeHandler=n=>{let r=t.getColumn(e.column.id),i=r?.getCanResize();return a=>{if(!r||!i||(a.persist==null||a.persist(),Ye(a)&&a.touches&&a.touches.length>1))return;let o=e.getSize(),s=e?e.getLeafHeaders().map(e=>[e.column.id,e.column.getSize()]):[[r.id,r.getSize()]],c=Ye(a)?Math.round(a.touches[0].clientX):a.clientX,l={},u=(e,n)=>{typeof n==`number`&&(t.setColumnSizingInfo(e=>{let r=t.options.columnResizeDirection===`rtl`?-1:1,i=(n-(e?.startOffset??0))*r,a=Math.max(i/(e?.startSize??0),-.999999);return e.columnSizingStart.forEach(e=>{let[t,n]=e;l[t]=Math.round(Math.max(n+n*a,0)*100)/100}),{...e,deltaOffset:i,deltaPercentage:a}}),(t.options.columnResizeMode===`onChange`||e===`end`)&&t.setColumnSizing(e=>({...e,...l})))},d=e=>u(`move`,e),f=e=>{u(`end`,e),t.setColumnSizingInfo(e=>({...e,isResizingColumn:!1,startOffset:null,startSize:null,deltaOffset:null,deltaPercentage:null,columnSizingStart:[]}))},p=qe(n),m={moveHandler:e=>d(e.clientX),upHandler:e=>{p?.removeEventListener(`mousemove`,m.moveHandler),p?.removeEventListener(`mouseup`,m.upHandler),f(e.clientX)}},h={moveHandler:e=>(e.cancelable&&(e.preventDefault(),e.stopPropagation()),d(e.touches[0].clientX),!1),upHandler:e=>{p?.removeEventListener(`touchmove`,h.moveHandler),p?.removeEventListener(`touchend`,h.upHandler),e.cancelable&&(e.preventDefault(),e.stopPropagation()),f(e.touches[0]?.clientX)}},g=Je()?{passive:!1}:!1;Ye(a)?(p?.addEventListener(`touchmove`,h.moveHandler,g),p?.addEventListener(`touchend`,h.upHandler,g)):(p?.addEventListener(`mousemove`,m.moveHandler,g),p?.addEventListener(`mouseup`,m.upHandler,g)),t.setColumnSizingInfo(e=>({...e,startOffset:c,startSize:o,deltaOffset:0,deltaPercentage:0,columnSizingStart:s,isResizingColumn:r.id}))}}},createTable:e=>{e.setColumnSizing=t=>e.options.onColumnSizingChange==null?void 0:e.options.onColumnSizingChange(t),e.setColumnSizingInfo=t=>e.options.onColumnSizingInfoChange==null?void 0:e.options.onColumnSizingInfoChange(t),e.resetColumnSizing=t=>{e.setColumnSizing(t?{}:e.initialState.columnSizing??{})},e.resetHeaderSizeInfo=t=>{e.setColumnSizingInfo(t?kt():e.initialState.columnSizingInfo??kt())},e.getTotalSize=()=>e.getHeaderGroups()[0]?.headers.reduce((e,t)=>e+t.getSize(),0)??0,e.getLeftTotalSize=()=>e.getLeftHeaderGroups()[0]?.headers.reduce((e,t)=>e+t.getSize(),0)??0,e.getCenterTotalSize=()=>e.getCenterHeaderGroups()[0]?.headers.reduce((e,t)=>e+t.getSize(),0)??0,e.getRightTotalSize=()=>e.getRightHeaderGroups()[0]?.headers.reduce((e,t)=>e+t.getSize(),0)??0}},G=null,jt={getInitialState:e=>({columnVisibility:{},...e}),getDefaultOptions:e=>({onColumnVisibilityChange:N(`columnVisibility`,e)}),createColumn:(e,t)=>{e.toggleVisibility=n=>{e.getCanHide()&&t.setColumnVisibility(t=>({...t,[e.id]:n??!e.getIsVisible()}))},e.getIsVisible=()=>{let n=e.columns;return(n.length?n.some(e=>e.getIsVisible()):t.getState().columnVisibility?.[e.id])??!0},e.getCanHide=()=>(e.columnDef.enableHiding??!0)&&(t.options.enableHiding??!0),e.getToggleVisibilityHandler=()=>t=>{e.toggleVisibility==null||e.toggleVisibility(t.target.checked)}},createRow:(e,t)=>{e._getAllVisibleCells=P(()=>[e.getAllCells(),t.getState().columnVisibility],e=>e.filter(e=>e.column.getIsVisible()),F(t.options,`debugRows`,`_getAllVisibleCells`)),e.getVisibleCells=P(()=>[e.getLeftVisibleCells(),e.getCenterVisibleCells(),e.getRightVisibleCells()],(e,t,n)=>[...e,...t,...n],F(t.options,`debugRows`,`getVisibleCells`))},createTable:e=>{let t=(t,n)=>P(()=>[n(),n().filter(e=>e.getIsVisible()).map(e=>e.id).join(`_`)],e=>e.filter(e=>e.getIsVisible==null?void 0:e.getIsVisible()),F(e.options,`debugColumns`,t));e.getVisibleFlatColumns=t(`getVisibleFlatColumns`,()=>e.getAllFlatColumns()),e.getVisibleLeafColumns=t(`getVisibleLeafColumns`,()=>e.getAllLeafColumns()),e.getLeftVisibleLeafColumns=t(`getLeftVisibleLeafColumns`,()=>e.getLeftLeafColumns()),e.getRightVisibleLeafColumns=t(`getRightVisibleLeafColumns`,()=>e.getRightLeafColumns()),e.getCenterVisibleLeafColumns=t(`getCenterVisibleLeafColumns`,()=>e.getCenterLeafColumns()),e.setColumnVisibility=t=>e.options.onColumnVisibilityChange==null?void 0:e.options.onColumnVisibilityChange(t),e.resetColumnVisibility=t=>{e.setColumnVisibility(t?{}:e.initialState.columnVisibility??{})},e.toggleAllColumnsVisible=t=>{t??=!e.getIsAllColumnsVisible(),e.setColumnVisibility(e.getAllLeafColumns().reduce((e,n)=>({...e,[n.id]:t||!(n.getCanHide!=null&&n.getCanHide())}),{}))},e.getIsAllColumnsVisible=()=>!e.getAllLeafColumns().some(e=>!(e.getIsVisible!=null&&e.getIsVisible())),e.getIsSomeColumnsVisible=()=>e.getAllLeafColumns().some(e=>e.getIsVisible==null?void 0:e.getIsVisible()),e.getToggleAllColumnsVisibilityHandler=()=>t=>{e.toggleAllColumnsVisible(t.target?.checked)}}},Mt={createTable:e=>{e._getGlobalFacetedRowModel=e.options.getFacetedRowModel&&e.options.getFacetedRowModel(e,`__global__`),e.getGlobalFacetedRowModel=()=>e.options.manualFiltering||!e._getGlobalFacetedRowModel?e.getPreFilteredRowModel():e._getGlobalFacetedRowModel(),e._getGlobalFacetedUniqueValues=e.options.getFacetedUniqueValues&&e.options.getFacetedUniqueValues(e,`__global__`),e.getGlobalFacetedUniqueValues=()=>e._getGlobalFacetedUniqueValues?e._getGlobalFacetedUniqueValues():new Map,e._getGlobalFacetedMinMaxValues=e.options.getFacetedMinMaxValues&&e.options.getFacetedMinMaxValues(e,`__global__`),e.getGlobalFacetedMinMaxValues=()=>{if(e._getGlobalFacetedMinMaxValues)return e._getGlobalFacetedMinMaxValues()}}},Nt={getInitialState:e=>({globalFilter:void 0,...e}),getDefaultOptions:e=>({onGlobalFilterChange:N(`globalFilter`,e),globalFilterFn:`auto`,getColumnCanGlobalFilter:t=>{var n;let r=(n=e.getCoreRowModel().flatRows[0])==null||(n=n._getAllCellsByColumnId()[t.id])==null?void 0:n.getValue();return typeof r==`string`||typeof r==`number`}}),createColumn:(e,t)=>{e.getCanGlobalFilter=()=>(e.columnDef.enableGlobalFilter??!0)&&(t.options.enableGlobalFilter??!0)&&(t.options.enableFilters??!0)&&((t.options.getColumnCanGlobalFilter==null?void 0:t.options.getColumnCanGlobalFilter(e))??!0)&&!!e.accessorFn},createTable:e=>{e.getGlobalAutoFilterFn=()=>V.includesString,e.getGlobalFilterFn=()=>{let{globalFilterFn:t}=e.options;return Re(t)?t:t===`auto`?e.getGlobalAutoFilterFn():e.options.filterFns?.[t]??V[t]},e.setGlobalFilter=t=>{e.options.onGlobalFilterChange==null||e.options.onGlobalFilterChange(t)},e.resetGlobalFilter=t=>{e.setGlobalFilter(t?void 0:e.initialState.globalFilter)}}},Pt={getInitialState:e=>({expanded:{},...e}),getDefaultOptions:e=>({onExpandedChange:N(`expanded`,e),paginateExpandedRows:!0}),createTable:e=>{let t=!1,n=!1;e._autoResetExpanded=()=>{if(!t){e._queue(()=>{t=!0});return}if(e.options.autoResetAll??e.options.autoResetExpanded??!e.options.manualExpanding){if(n)return;n=!0,e._queue(()=>{e.resetExpanded(),n=!1})}},e.setExpanded=t=>e.options.onExpandedChange==null?void 0:e.options.onExpandedChange(t),e.toggleAllRowsExpanded=t=>{t??!e.getIsAllRowsExpanded()?e.setExpanded(!0):e.setExpanded({})},e.resetExpanded=t=>{e.setExpanded(t?{}:e.initialState?.expanded??{})},e.getCanSomeRowsExpand=()=>e.getPrePaginationRowModel().flatRows.some(e=>e.getCanExpand()),e.getToggleAllRowsExpandedHandler=()=>t=>{t.persist==null||t.persist(),e.toggleAllRowsExpanded()},e.getIsSomeRowsExpanded=()=>{let t=e.getState().expanded;return t===!0||Object.values(t).some(Boolean)},e.getIsAllRowsExpanded=()=>{let t=e.getState().expanded;return typeof t==`boolean`?t===!0:!(!Object.keys(t).length||e.getRowModel().flatRows.some(e=>!e.getIsExpanded()))},e.getExpandedDepth=()=>{let t=0;return(e.getState().expanded===!0?Object.keys(e.getRowModel().rowsById):Object.keys(e.getState().expanded)).forEach(e=>{let n=e.split(`.`);t=Math.max(t,n.length)}),t},e.getPreExpandedRowModel=()=>e.getSortedRowModel(),e.getExpandedRowModel=()=>(!e._getExpandedRowModel&&e.options.getExpandedRowModel&&(e._getExpandedRowModel=e.options.getExpandedRowModel(e)),e.options.manualExpanding||!e._getExpandedRowModel?e.getPreExpandedRowModel():e._getExpandedRowModel())},createRow:(e,t)=>{e.toggleExpanded=n=>{t.setExpanded(r=>{let i=r===!0||!!(r!=null&&r[e.id]),a={};if(r===!0?Object.keys(t.getRowModel().rowsById).forEach(e=>{a[e]=!0}):a=r,n??=!i,!i&&n)return{...a,[e.id]:!0};if(i&&!n){let{[e.id]:t,...n}=a;return n}return r})},e.getIsExpanded=()=>{let n=t.getState().expanded;return!!((t.options.getIsRowExpanded==null?void 0:t.options.getIsRowExpanded(e))??(n===!0||n?.[e.id]))},e.getCanExpand=()=>{var n;return(t.options.getRowCanExpand==null?void 0:t.options.getRowCanExpand(e))??((t.options.enableExpanding??!0)&&!!((n=e.subRows)!=null&&n.length))},e.getIsAllParentsExpanded=()=>{let n=!0,r=e;for(;n&&r.parentId;)r=t.getRow(r.parentId,!0),n=r.getIsExpanded();return n},e.getToggleExpandedHandler=()=>{let t=e.getCanExpand();return()=>{t&&e.toggleExpanded()}}}},K=0,Ft=10,It=()=>({pageIndex:K,pageSize:Ft}),Lt={getInitialState:e=>({...e,pagination:{...It(),...e?.pagination}}),getDefaultOptions:e=>({onPaginationChange:N(`pagination`,e)}),createTable:e=>{let t=!1,n=!1;e._autoResetPageIndex=()=>{if(!t){e._queue(()=>{t=!0});return}if(e.options.autoResetAll??e.options.autoResetPageIndex??!e.options.manualPagination){if(n)return;n=!0,e._queue(()=>{e.resetPageIndex(),n=!1})}},e.setPagination=t=>e.options.onPaginationChange==null?void 0:e.options.onPaginationChange(e=>M(t,e)),e.resetPagination=t=>{e.setPagination(t?It():e.initialState.pagination??It())},e.setPageIndex=t=>{e.setPagination(n=>{let r=M(t,n.pageIndex),i=e.options.pageCount===void 0||e.options.pageCount===-1?2**53-1:e.options.pageCount-1;return r=Math.max(0,Math.min(r,i)),{...n,pageIndex:r}})},e.resetPageIndex=t=>{var n;e.setPageIndex(t?K:((n=e.initialState)==null||(n=n.pagination)==null?void 0:n.pageIndex)??K)},e.resetPageSize=t=>{var n;e.setPageSize(t?Ft:((n=e.initialState)==null||(n=n.pagination)==null?void 0:n.pageSize)??Ft)},e.setPageSize=t=>{e.setPagination(e=>{let n=Math.max(1,M(t,e.pageSize)),r=e.pageSize*e.pageIndex,i=Math.floor(r/n);return{...e,pageIndex:i,pageSize:n}})},e.setPageCount=t=>e.setPagination(n=>{let r=M(t,e.options.pageCount??-1);return typeof r==`number`&&(r=Math.max(-1,r)),{...n,pageCount:r}}),e.getPageOptions=P(()=>[e.getPageCount()],e=>{let t=[];return e&&e>0&&(t=[...Array(e)].fill(null).map((e,t)=>t)),t},F(e.options,`debugTable`,`getPageOptions`)),e.getCanPreviousPage=()=>e.getState().pagination.pageIndex>0,e.getCanNextPage=()=>{let{pageIndex:t}=e.getState().pagination,n=e.getPageCount();return n===-1||n!==0&&t<n-1},e.previousPage=()=>e.setPageIndex(e=>e-1),e.nextPage=()=>e.setPageIndex(e=>e+1),e.firstPage=()=>e.setPageIndex(0),e.lastPage=()=>e.setPageIndex(e.getPageCount()-1),e.getPrePaginationRowModel=()=>e.getExpandedRowModel(),e.getPaginationRowModel=()=>(!e._getPaginationRowModel&&e.options.getPaginationRowModel&&(e._getPaginationRowModel=e.options.getPaginationRowModel(e)),e.options.manualPagination||!e._getPaginationRowModel?e.getPrePaginationRowModel():e._getPaginationRowModel()),e.getPageCount=()=>e.options.pageCount??Math.ceil(e.getRowCount()/e.getState().pagination.pageSize),e.getRowCount=()=>e.options.rowCount??e.getPrePaginationRowModel().rows.length}},Rt=()=>({top:[],bottom:[]}),zt={getInitialState:e=>({rowPinning:Rt(),...e}),getDefaultOptions:e=>({onRowPinningChange:N(`rowPinning`,e)}),createRow:(e,t)=>{e.pin=(n,r,i)=>{let a=r?e.getLeafRows().map(e=>{let{id:t}=e;return t}):[],o=i?e.getParentRows().map(e=>{let{id:t}=e;return t}):[],s=new Set([...o,e.id,...a]);t.setRowPinning(e=>n===`bottom`?{top:(e?.top??[]).filter(e=>!(s!=null&&s.has(e))),bottom:[...(e?.bottom??[]).filter(e=>!(s!=null&&s.has(e))),...Array.from(s)]}:n===`top`?{top:[...(e?.top??[]).filter(e=>!(s!=null&&s.has(e))),...Array.from(s)],bottom:(e?.bottom??[]).filter(e=>!(s!=null&&s.has(e)))}:{top:(e?.top??[]).filter(e=>!(s!=null&&s.has(e))),bottom:(e?.bottom??[]).filter(e=>!(s!=null&&s.has(e)))})},e.getCanPin=()=>{let{enableRowPinning:n,enablePinning:r}=t.options;return typeof n==`function`?n(e):n??r??!0},e.getIsPinned=()=>{let n=[e.id],{top:r,bottom:i}=t.getState().rowPinning,a=n.some(e=>r?.includes(e)),o=n.some(e=>i?.includes(e));return a?`top`:o?`bottom`:!1},e.getPinnedIndex=()=>{let n=e.getIsPinned();return n?((n===`top`?t.getTopRows():t.getBottomRows())?.map(e=>{let{id:t}=e;return t}))?.indexOf(e.id)??-1:-1}},createTable:e=>{e.setRowPinning=t=>e.options.onRowPinningChange==null?void 0:e.options.onRowPinningChange(t),e.resetRowPinning=t=>e.setRowPinning(t?Rt():e.initialState?.rowPinning??Rt()),e.getIsSomeRowsPinned=t=>{let n=e.getState().rowPinning;return t?!!n[t]?.length:!!(n.top?.length||n.bottom?.length)},e._getPinnedRows=(t,n,r)=>(e.options.keepPinnedRows??!0?(n??[]).map(t=>{let n=e.getRow(t,!0);return n.getIsAllParentsExpanded()?n:null}):(n??[]).map(e=>t.find(t=>t.id===e))).filter(Boolean).map(e=>({...e,position:r})),e.getTopRows=P(()=>[e.getRowModel().rows,e.getState().rowPinning.top],(t,n)=>e._getPinnedRows(t,n,`top`),F(e.options,`debugRows`,`getTopRows`)),e.getBottomRows=P(()=>[e.getRowModel().rows,e.getState().rowPinning.bottom],(t,n)=>e._getPinnedRows(t,n,`bottom`),F(e.options,`debugRows`,`getBottomRows`)),e.getCenterRows=P(()=>[e.getRowModel().rows,e.getState().rowPinning.top,e.getState().rowPinning.bottom],(e,t,n)=>{let r=new Set([...t??[],...n??[]]);return e.filter(e=>!r.has(e.id))},F(e.options,`debugRows`,`getCenterRows`))}},Bt={getInitialState:e=>({rowSelection:{},...e}),getDefaultOptions:e=>({onRowSelectionChange:N(`rowSelection`,e),enableRowSelection:!0,enableMultiRowSelection:!0,enableSubRowSelection:!0}),createTable:e=>{e.setRowSelection=t=>e.options.onRowSelectionChange==null?void 0:e.options.onRowSelectionChange(t),e.resetRowSelection=t=>e.setRowSelection(t?{}:e.initialState.rowSelection??{}),e.toggleAllRowsSelected=t=>{e.setRowSelection(n=>{t=t===void 0?!e.getIsAllRowsSelected():t;let r={...n},i=e.getPreGroupedRowModel().flatRows;return t?i.forEach(e=>{e.getCanSelect()&&(r[e.id]=!0)}):i.forEach(e=>{delete r[e.id]}),r})},e.toggleAllPageRowsSelected=t=>e.setRowSelection(n=>{let r=t===void 0?!e.getIsAllPageRowsSelected():t,i={...n};return e.getRowModel().rows.forEach(t=>{Vt(i,t.id,r,!0,e)}),i}),e.getPreSelectedRowModel=()=>e.getCoreRowModel(),e.getSelectedRowModel=P(()=>[e.getState().rowSelection,e.getCoreRowModel()],(t,n)=>Object.keys(t).length?Xe(e,n):{rows:[],flatRows:[],rowsById:{}},F(e.options,`debugTable`,`getSelectedRowModel`)),e.getFilteredSelectedRowModel=P(()=>[e.getState().rowSelection,e.getFilteredRowModel()],(t,n)=>Object.keys(t).length?Xe(e,n):{rows:[],flatRows:[],rowsById:{}},F(e.options,`debugTable`,`getFilteredSelectedRowModel`)),e.getGroupedSelectedRowModel=P(()=>[e.getState().rowSelection,e.getSortedRowModel()],(t,n)=>Object.keys(t).length?Xe(e,n):{rows:[],flatRows:[],rowsById:{}},F(e.options,`debugTable`,`getGroupedSelectedRowModel`)),e.getIsAllRowsSelected=()=>{let t=e.getFilteredRowModel().flatRows,{rowSelection:n}=e.getState(),r=!!(t.length&&Object.keys(n).length);return r&&t.some(e=>e.getCanSelect()&&!n[e.id])&&(r=!1),r},e.getIsAllPageRowsSelected=()=>{let t=e.getPaginationRowModel().flatRows.filter(e=>e.getCanSelect()),{rowSelection:n}=e.getState(),r=!!t.length;return r&&t.some(e=>!n[e.id])&&(r=!1),r},e.getIsSomeRowsSelected=()=>{let t=Object.keys(e.getState().rowSelection??{}).length;return t>0&&t<e.getFilteredRowModel().flatRows.length},e.getIsSomePageRowsSelected=()=>{let t=e.getPaginationRowModel().flatRows;return!e.getIsAllPageRowsSelected()&&t.filter(e=>e.getCanSelect()).some(e=>e.getIsSelected()||e.getIsSomeSelected())},e.getToggleAllRowsSelectedHandler=()=>t=>{e.toggleAllRowsSelected(t.target.checked)},e.getToggleAllPageRowsSelectedHandler=()=>t=>{e.toggleAllPageRowsSelected(t.target.checked)}},createRow:(e,t)=>{e.toggleSelected=(n,r)=>{let i=e.getIsSelected();t.setRowSelection(a=>{if(n=n===void 0?!i:n,e.getCanSelect()&&i===n)return a;let o={...a};return Vt(o,e.id,n,r?.selectChildren??!0,t),o})},e.getIsSelected=()=>{let{rowSelection:n}=t.getState();return Ze(e,n)},e.getIsSomeSelected=()=>{let{rowSelection:n}=t.getState();return Qe(e,n)===`some`},e.getIsAllSubRowsSelected=()=>{let{rowSelection:n}=t.getState();return Qe(e,n)===`all`},e.getCanSelect=()=>typeof t.options.enableRowSelection==`function`?t.options.enableRowSelection(e):t.options.enableRowSelection??!0,e.getCanSelectSubRows=()=>typeof t.options.enableSubRowSelection==`function`?t.options.enableSubRowSelection(e):t.options.enableSubRowSelection??!0,e.getCanMultiSelect=()=>typeof t.options.enableMultiRowSelection==`function`?t.options.enableMultiRowSelection(e):t.options.enableMultiRowSelection??!0,e.getToggleSelectedHandler=()=>{let t=e.getCanSelect();return n=>{t&&e.toggleSelected(n.target?.checked)}}}},Vt=(e,t,n,r,i)=>{var a;let o=i.getRow(t,!0);n?(o.getCanMultiSelect()||Object.keys(e).forEach(t=>delete e[t]),o.getCanSelect()&&(e[t]=!0)):delete e[t],r&&(a=o.subRows)!=null&&a.length&&o.getCanSelectSubRows()&&o.subRows.forEach(t=>Vt(e,t.id,n,r,i))},Ht=/([0-9]+)/gm,Ut=(e,t,n)=>et(R(e.getValue(n)).toLowerCase(),R(t.getValue(n)).toLowerCase()),Wt=(e,t,n)=>et(R(e.getValue(n)),R(t.getValue(n))),Gt=(e,t,n)=>$e(R(e.getValue(n)).toLowerCase(),R(t.getValue(n)).toLowerCase()),Kt=(e,t,n)=>$e(R(e.getValue(n)),R(t.getValue(n))),qt=(e,t,n)=>{let r=e.getValue(n),i=t.getValue(n);return r>i?1:r<i?-1:0},Jt=(e,t,n)=>$e(e.getValue(n),t.getValue(n)),q={alphanumeric:Ut,alphanumericCaseSensitive:Wt,text:Gt,textCaseSensitive:Kt,datetime:qt,basic:Jt},Yt={getInitialState:e=>({sorting:[],...e}),getDefaultColumnDef:()=>({sortingFn:`auto`,sortUndefined:1}),getDefaultOptions:e=>({onSortingChange:N(`sorting`,e),isMultiSortEvent:e=>e.shiftKey}),createColumn:(e,t)=>{e.getAutoSortingFn=()=>{let n=t.getFilteredRowModel().flatRows.slice(10),r=!1;for(let t of n){let n=t?.getValue(e.id);if(Object.prototype.toString.call(n)===`[object Date]`)return q.datetime;if(typeof n==`string`&&(r=!0,n.split(Ht).length>1))return q.alphanumeric}return r?q.text:q.basic},e.getAutoSortDir=()=>typeof t.getFilteredRowModel().flatRows[0]?.getValue(e.id)==`string`?`asc`:`desc`,e.getSortingFn=()=>{if(!e)throw Error();return Re(e.columnDef.sortingFn)?e.columnDef.sortingFn:e.columnDef.sortingFn===`auto`?e.getAutoSortingFn():t.options.sortingFns?.[e.columnDef.sortingFn]??q[e.columnDef.sortingFn]},e.toggleSorting=(n,r)=>{let i=e.getNextSortingOrder(),a=n!=null;t.setSorting(o=>{let s=o?.find(t=>t.id===e.id),c=o?.findIndex(t=>t.id===e.id),l=[],u,d=a?n:i===`desc`;return u=o!=null&&o.length&&e.getCanMultiSort()&&r?s?`toggle`:`add`:o!=null&&o.length&&c!==o.length-1?`replace`:s?`toggle`:`replace`,u===`toggle`&&(a||i||(u=`remove`)),u===`add`?(l=[...o,{id:e.id,desc:d}],l.splice(0,l.length-(t.options.maxMultiSortColCount??2**53-1))):l=u===`toggle`?o.map(t=>t.id===e.id?{...t,desc:d}:t):u===`remove`?o.filter(t=>t.id!==e.id):[{id:e.id,desc:d}],l})},e.getFirstSortDir=()=>e.columnDef.sortDescFirst??t.options.sortDescFirst??e.getAutoSortDir()===`desc`?`desc`:`asc`,e.getNextSortingOrder=n=>{let r=e.getFirstSortDir(),i=e.getIsSorted();return i?i!==r&&(t.options.enableSortingRemoval??!0)&&(!n||(t.options.enableMultiRemove??!0))?!1:i===`desc`?`asc`:`desc`:r},e.getCanSort=()=>(e.columnDef.enableSorting??!0)&&(t.options.enableSorting??!0)&&!!e.accessorFn,e.getCanMultiSort=()=>e.columnDef.enableMultiSort??t.options.enableMultiSort??!!e.accessorFn,e.getIsSorted=()=>{let n=t.getState().sorting?.find(t=>t.id===e.id);return n?n.desc?`desc`:`asc`:!1},e.getSortIndex=()=>t.getState().sorting?.findIndex(t=>t.id===e.id)??-1,e.clearSorting=()=>{t.setSorting(t=>t!=null&&t.length?t.filter(t=>t.id!==e.id):[])},e.getToggleSortingHandler=()=>{let n=e.getCanSort();return r=>{n&&(r.persist==null||r.persist(),e.toggleSorting==null||e.toggleSorting(void 0,e.getCanMultiSort()?t.options.isMultiSortEvent==null?void 0:t.options.isMultiSortEvent(r):!1))}}},createTable:e=>{e.setSorting=t=>e.options.onSortingChange==null?void 0:e.options.onSortingChange(t),e.resetSorting=t=>{e.setSorting(t?[]:e.initialState?.sorting??[])},e.getPreSortedRowModel=()=>e.getGroupedRowModel(),e.getSortedRowModel=()=>(!e._getSortedRowModel&&e.options.getSortedRowModel&&(e._getSortedRowModel=e.options.getSortedRowModel(e)),e.options.manualSorting||!e._getSortedRowModel?e.getPreSortedRowModel():e._getSortedRowModel())}},Xt=[at,jt,Dt,Ot,st,gt,Mt,Nt,Yt,Et,Pt,Lt,zt,Bt,At]})))()}function Qt(e,t){return e?$t(e)?rn.createElement(e,t):e:null}function $t(e){return en(e)||typeof e==`function`||tn(e)}function en(e){return typeof e==`function`&&(()=>{let t=Object.getPrototypeOf(e);return t.prototype&&t.prototype.isReactComponent})()}function tn(e){return typeof e==`object`&&typeof e.$$typeof==`symbol`&&[`react.memo`,`react.forward_ref`].includes(e.$$typeof.description)}function nn(e){let t={state:{},onStateChange:()=>{},renderFallbackValue:null,...e},[n]=rn.useState(()=>({current:tt(t)})),[r,i]=rn.useState(()=>n.current.initialState);return n.current.setOptions(t=>({...t,...e,state:{...r,...e.state},onStateChange:t=>{i(t),e.onStateChange==null||e.onStateChange(t)}})),n.current}var rn;function J(){return(J=e((()=>{rn=t(n(),1),Zt()})))()}var an,on;function sn(){return(sn=e((()=>{an=`YJUVjb`,on={resizeHandle:an}})))()}function cn(e,t){let n=e.closest(`th`)?.getBoundingClientRect().width;return _(typeof n==`number`&&Number.isFinite(n)?n:t,t)}function ln({columnId:e,className:t,minWidth:n,keyboardStep:r=dn,ariaLabel:i=`Изменить ширину колонки`,getStartWidth:a,onResize:o,onResizeEnd:s,onReset:c}){let l=n??60,u=(0,Y.useRef)(0),d=(0,Y.useRef)(0),f=(0,Y.useRef)(0),p=(0,Y.useRef)(!1),m=(0,Y.useRef)(!1),h=t=>{let n=a?.(e,t)??cn(t,l);return _(n,l)},g=e=>{(e.button===0||e.pointerType!==`mouse`)&&(p.current=!0,m.current=!1,u.current=e.clientX,d.current=h(e.currentTarget),f.current=d.current,e.currentTarget.setPointerCapture(e.pointerId),e.preventDefault(),e.stopPropagation())},ee=t=>{if(!p.current)return;let n=_(d.current+t.clientX-u.current,l);f.current=n,m.current=!0,o(e,n),t.preventDefault(),t.stopPropagation()},te=t=>{if(p.current){p.current=!1,m.current&&s?.(e,f.current);try{t.currentTarget.releasePointerCapture(t.pointerId)}catch{}t.preventDefault(),t.stopPropagation()}};return(0,un.jsx)(`div`,{role:`separator`,"aria-label":i,"aria-orientation":`vertical`,tabIndex:0,onPointerDown:g,onPointerMove:ee,onPointerUp:te,onPointerCancel:te,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=h(t.currentTarget),a=_(i+n*r,l);o(e,a),s?.(e,a)},onDoubleClick:t=>{t.preventDefault(),t.stopPropagation(),c?.(e)},className:b(on.resizeHandle,t)})}var Y,un,dn;function fn(){return(fn=e((()=>{Y=n(),y(),x(),sn(),un=m(),dn=8,ln.__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 pn(e,t){return typeof e==`function`?e(t):e}function mn({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}=T({id:e,disabled:n}),h=p?m.current?.width:void 0,g={transform:E.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,hn.jsxs)(`th`,{...s,ref:d,className:b(a,p&&r),style:g,children:[pn(t,_),i?(0,hn.jsx)(ln,{...i}):null]})}var hn;function gn(){return(gn=e((()=>{Se(),be(),x(),fn(),hn=m(),mn.__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,4 +1,4 @@
1
- import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-GrlyTB2d.js";import{i as n,r}from"./react-qN2cStNd.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-DkLPipTQ.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-nwHnif7y.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-C0FnF6B9.js";import{n as t}from"./iframe-dENsI_HJ.js";import{i as n,r}from"./react-qN2cStNd.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-Cta1XrWW.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-CCyTn5oG.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,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r}from"./iframe-GrlyTB2d.js";import{n as i,t as a}from"./Grid-BCzygAqy.js";var o=t({Alignment:()=>h,AutoFlow:()=>m,BasicGrid:()=>p,ComplexTemplates:()=>v,Gaps:()=>g,GridAreas:()=>y,InlineGrid:()=>x,ItemPlacement:()=>b,PredefinedVariants:()=>_,RealWorld:()=>S,Responsive:()=>C,__namedExportsOrder:()=>w,default:()=>f}),s,c,l,u,d,f,p,m,h,g,_,v,y,b,x,S,C,w;function T(){return(T=e((()=>{n(),i(),s=r(),{useArgs:c}=__STORYBOOK_MODULE_PREVIEW_API__,l={container:{border:`2px dashed var(--border-0)`,padding:`2em`,marginBlock:`1em`},item:{textAlign:`center`,fontWeight:`bold`,color:`white`,minHeight:`5em`,minWidth:`10em`,display:`flex`,alignItems:`center`,justifyContent:`center`},itemColors:[`#ff6b6b`,`#4ecdc4`,`#45b7d1`,`#96ceb4`,`#feca57`,`#ff9ff3`,`#54a0ff`,`#5f27cd`]},u=e=>l.itemColors[e%l.itemColors.length],d=({children:e,index:t=0,style:n})=>(0,s.jsx)(a.Item,{style:{...l.item,backgroundColor:u(t),...n},children:e}),f={title:`Shared/Layout/Grid`,component:a.Container,args:{gap:`md`},parameters:{layout:`padded`},decorators:[e=>{let[t]=c();return(0,s.jsx)(e,{args:t})}],argTypes:{inline:{description:`Использует inline-grid вместо grid.`,control:`boolean`},row:{description:`Автоматически размещает элементы по строкам.`,control:`boolean`},column:{description:`Автоматически размещает элементы по колонкам.`,control:`boolean`},dense:{description:`Заполняет свободные ячейки плотным auto-flow.`,control:`boolean`},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`]},align:{description:`Выравнивание содержимого ячеек по вертикали.`,control:`select`,options:[`start`,`center`,`end`,`stretch`,`baseline`]},justify:{description:`Выравнивание содержимого ячеек по горизонтали.`,control:`select`,options:[`start`,`center`,`end`,`stretch`]},alignContent:{description:`Распределение всей сетки по вертикали.`,control:`select`,options:[`start`,`center`,`end`,`stretch`,`between`,`around`,`evenly`]},justifyContent:{description:`Распределение всей сетки по горизонтали.`,control:`select`,options:[`start`,`center`,`end`,`stretch`,`between`,`around`,`evenly`]},templateColumns:{description:`Шаблон колонок CSS Grid.`,control:`text`},templateRows:{description:`Шаблон строк CSS Grid.`,control:`text`},autoColumns:{description:`Размер автоматически созданных колонок.`,control:`text`},autoRows:{description:`Размер автоматически созданных строк.`,control:`text`},areas:{description:`Именованные области grid-template-areas.`,control:`text`},variant:{description:`Готовый вариант раскладки.`,control:`select`,options:[`single-column`,`auto-1fr`,`auto1fr-rows-auto`]},as:{description:`Семантический HTML-тег контейнера.`,control:`select`,options:[`div`,`section`,`main`,`nav`,`ul`]},children:{description:`Содержимое grid-контейнера.`,control:!1}}},p={render:({children:e,...t})=>(0,s.jsx)(a.Container,{...t,templateColumns:`1fr 1fr 1fr`,style:l.container,children:e}),args:{children:(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(d,{index:0,children:`1`}),(0,s.jsx)(d,{index:1,children:`2`}),(0,s.jsx)(d,{index:2,children:`3`}),(0,s.jsx)(d,{index:3,children:`4`}),(0,s.jsx)(d,{index:4,children:`5`}),(0,s.jsx)(d,{index:5,children:`6`})]})}},m={render:()=>(0,s.jsxs)(`div`,{children:[(0,s.jsx)(`h3`,{children:`Row (default)`}),(0,s.jsxs)(a.Container,{templateColumns:`repeat(3, 100px)`,templateRows:`repeat(2, 60px)`,gap:`sm`,style:l.container,children:[(0,s.jsx)(d,{index:0,children:`1`}),(0,s.jsx)(d,{index:1,children:`2`}),(0,s.jsx)(d,{index:2,children:`3`}),(0,s.jsx)(d,{index:3,children:`4`}),(0,s.jsx)(d,{index:4,children:`5`}),(0,s.jsx)(d,{index:5,children:`6`})]}),(0,s.jsx)(`h3`,{children:`Column`}),(0,s.jsxs)(a.Container,{templateColumns:`repeat(2, 100px)`,templateRows:`repeat(3, 60px)`,column:!0,gap:`sm`,style:l.container,children:[(0,s.jsx)(d,{index:0,children:`1`}),(0,s.jsx)(d,{index:1,children:`2`}),(0,s.jsx)(d,{index:2,children:`3`}),(0,s.jsx)(d,{index:3,children:`4`}),(0,s.jsx)(d,{index:4,children:`5`}),(0,s.jsx)(d,{index:5,children:`6`})]}),(0,s.jsx)(`h3`,{children:`Dense`}),(0,s.jsxs)(a.Container,{templateColumns:`repeat(4, 80px)`,templateRows:`repeat(3, 60px)`,dense:!0,gap:`sm`,style:l.container,children:[(0,s.jsx)(d,{index:0,style:{gridColumn:`span 2`},children:`Span 2`}),(0,s.jsx)(d,{index:1,children:`2`}),(0,s.jsx)(d,{index:2,style:{gridRow:`span 2`},children:`Span 2`}),(0,s.jsx)(d,{index:3,children:`4`}),(0,s.jsx)(d,{index:4,children:`5`}),(0,s.jsx)(d,{index:5,children:`6`}),(0,s.jsx)(d,{index:6,children:`7`})]})]}),args:{children:void 0}},h={render:()=>(0,s.jsxs)(`div`,{children:[(0,s.jsx)(`h3`,{style:{marginBlock:`1em`},children:`Align Items`}),[`start`,`center`,`end`,`stretch`].map(e=>(0,s.jsxs)(`div`,{children:[(0,s.jsx)(`h4`,{children:e}),(0,s.jsxs)(a.Container,{templateColumns:`repeat(3, 1fr)`,align:e,gap:`sm`,style:l.container,children:[(0,s.jsx)(d,{index:0,style:{height:e===`stretch`?`auto`:`5em`},children:`Short`}),(0,s.jsx)(d,{index:1,style:{height:e===`stretch`?`auto`:`10em`},children:`Tall`}),(0,s.jsx)(d,{index:2,style:{height:e===`stretch`?`auto`:`8em`},children:`Medium`})]})]},e)),(0,s.jsx)(`h3`,{style:{marginBlock:`1em`},children:`Justify Items`}),[`start`,`center`,`end`,`stretch`].map(e=>(0,s.jsxs)(`div`,{children:[(0,s.jsx)(`h4`,{children:e}),(0,s.jsxs)(a.Container,{templateColumns:`repeat(3, 20em)`,justify:e,gap:`sm`,style:l.container,children:[(0,s.jsx)(d,{index:0,style:{width:e===`stretch`?`auto`:`10em`},children:`Item`}),(0,s.jsx)(d,{index:1,style:{width:e===`stretch`?`auto`:`10em`},children:`Item`}),(0,s.jsx)(d,{index:2,style:{width:e===`stretch`?`auto`:`10em`},children:`Item`})]})]},e))]}),args:{children:void 0}},g={render:()=>(0,s.jsxs)(`div`,{children:[[`xs`,`sm`,`md`,`lg`,`xl`].map(e=>(0,s.jsxs)(`div`,{children:[(0,s.jsxs)(`h3`,{children:[`Gap: `,e]}),(0,s.jsx)(a.Container,{templateColumns:`repeat(3, 1fr)`,gap:e,style:l.container,children:[1,2,3,4,5,6].map(e=>(0,s.jsxs)(d,{index:e,children:[`Item `,e]},e))})]},e)),(0,s.jsx)(`h3`,{children:`Different Row and Column Gaps`}),(0,s.jsx)(a.Container,{templateColumns:`repeat(3, 1fr)`,gapRow:`lg`,gapColumn:`sm`,style:l.container,children:[1,2,3,4,5,6].map(e=>(0,s.jsxs)(d,{index:e,children:[`Item `,e]},e))})]}),args:{children:void 0}},_={render:()=>(0,s.jsxs)(`div`,{children:[(0,s.jsx)(`h3`,{children:`Single Column (grid-template-columns: 100%; grid-auto-rows: auto 1fr)`}),(0,s.jsxs)(a.Container,{variant:`single-column`,style:{...l.container,height:`200px`},children:[(0,s.jsx)(d,{index:0,children:`Header (auto)`}),(0,s.jsx)(d,{index:1,children:`Content (1fr)`})]}),(0,s.jsx)(`h3`,{children:`Auto 1fr Rows (grid-auto-rows: 1fr)`}),(0,s.jsxs)(a.Container,{variant:`auto-1fr`,templateColumns:`1fr 1fr`,style:{...l.container,height:`150px`},children:[(0,s.jsx)(d,{index:0,children:`Equal`}),(0,s.jsx)(d,{index:1,children:`Height`})]}),(0,s.jsx)(`h3`,{children:`Auto 1fr Columns (grid-template-columns: auto 1fr; grid-auto-rows: auto)`}),(0,s.jsxs)(a.Container,{variant:`auto1fr-rows-auto`,gap:`sm`,style:l.container,children:[(0,s.jsx)(d,{index:0,children:`Label`}),(0,s.jsx)(d,{index:1,children:`Content that takes remaining space`}),(0,s.jsx)(d,{index:2,children:`Another`}),(0,s.jsx)(d,{index:3,children:`More content here`})]})]}),args:{children:void 0}},v={render:()=>(0,s.jsxs)(`div`,{children:[(0,s.jsx)(`h3`,{children:`Auto-fit with Minmax`}),(0,s.jsx)(a.Container,{templateColumns:`repeat(auto-fit, minmax(150px, 1fr))`,gap:`md`,style:l.container,children:[1,2,3,4,5,6].map(e=>(0,s.jsxs)(d,{index:e,children:[`Card `,e]},e))}),(0,s.jsx)(`h3`,{children:`Fixed and Flexible Columns`}),(0,s.jsxs)(a.Container,{templateColumns:`200px 1fr 100px`,gap:`sm`,style:l.container,children:[(0,s.jsx)(d,{index:0,children:`Sidebar`}),(0,s.jsx)(d,{index:1,children:`Main Content`}),(0,s.jsx)(d,{index:2,children:`Tools`})]}),(0,s.jsx)(`h3`,{children:`Masonry-like Layout`}),(0,s.jsxs)(a.Container,{templateColumns:`repeat(4, 1fr)`,autoRows:`100px`,gap:`sm`,style:l.container,children:[(0,s.jsx)(d,{index:0,style:{gridRow:`span 2`},children:`Tall`}),(0,s.jsx)(d,{index:1,children:`Normal`}),(0,s.jsx)(d,{index:2,children:`Normal`}),(0,s.jsx)(d,{index:3,style:{gridRow:`span 3`},children:`Very Tall`}),(0,s.jsx)(d,{index:4,children:`Normal`}),(0,s.jsx)(d,{index:5,style:{gridRow:`span 2`},children:`Tall`}),(0,s.jsx)(d,{index:6,children:`Normal`}),(0,s.jsx)(d,{index:7,children:`Normal`})]})]}),args:{children:void 0}},y={render:()=>(0,s.jsxs)(`div`,{children:[(0,s.jsx)(`h3`,{children:`Basic Layout with Areas`}),(0,s.jsxs)(a.Container,{areas:`
1
+ import{n as e,r as t}from"./rolldown-runtime-C0FnF6B9.js";import{t as n}from"./react-C21x__mS.js";import{n as r}from"./iframe-dENsI_HJ.js";import{n as i,t as a}from"./Grid-BCzygAqy.js";var o=t({Alignment:()=>h,AutoFlow:()=>m,BasicGrid:()=>p,ComplexTemplates:()=>v,Gaps:()=>g,GridAreas:()=>y,InlineGrid:()=>x,ItemPlacement:()=>b,PredefinedVariants:()=>_,RealWorld:()=>S,Responsive:()=>C,__namedExportsOrder:()=>w,default:()=>f}),s,c,l,u,d,f,p,m,h,g,_,v,y,b,x,S,C,w;function T(){return(T=e((()=>{n(),i(),s=r(),{useArgs:c}=__STORYBOOK_MODULE_PREVIEW_API__,l={container:{border:`2px dashed var(--border-0)`,padding:`2em`,marginBlock:`1em`},item:{textAlign:`center`,fontWeight:`bold`,color:`white`,minHeight:`5em`,minWidth:`10em`,display:`flex`,alignItems:`center`,justifyContent:`center`},itemColors:[`#ff6b6b`,`#4ecdc4`,`#45b7d1`,`#96ceb4`,`#feca57`,`#ff9ff3`,`#54a0ff`,`#5f27cd`]},u=e=>l.itemColors[e%l.itemColors.length],d=({children:e,index:t=0,style:n})=>(0,s.jsx)(a.Item,{style:{...l.item,backgroundColor:u(t),...n},children:e}),f={title:`Shared/Layout/Grid`,component:a.Container,args:{gap:`md`},parameters:{layout:`padded`},decorators:[e=>{let[t]=c();return(0,s.jsx)(e,{args:t})}],argTypes:{inline:{description:`Использует inline-grid вместо grid.`,control:`boolean`},row:{description:`Автоматически размещает элементы по строкам.`,control:`boolean`},column:{description:`Автоматически размещает элементы по колонкам.`,control:`boolean`},dense:{description:`Заполняет свободные ячейки плотным auto-flow.`,control:`boolean`},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`]},align:{description:`Выравнивание содержимого ячеек по вертикали.`,control:`select`,options:[`start`,`center`,`end`,`stretch`,`baseline`]},justify:{description:`Выравнивание содержимого ячеек по горизонтали.`,control:`select`,options:[`start`,`center`,`end`,`stretch`]},alignContent:{description:`Распределение всей сетки по вертикали.`,control:`select`,options:[`start`,`center`,`end`,`stretch`,`between`,`around`,`evenly`]},justifyContent:{description:`Распределение всей сетки по горизонтали.`,control:`select`,options:[`start`,`center`,`end`,`stretch`,`between`,`around`,`evenly`]},templateColumns:{description:`Шаблон колонок CSS Grid.`,control:`text`},templateRows:{description:`Шаблон строк CSS Grid.`,control:`text`},autoColumns:{description:`Размер автоматически созданных колонок.`,control:`text`},autoRows:{description:`Размер автоматически созданных строк.`,control:`text`},areas:{description:`Именованные области grid-template-areas.`,control:`text`},variant:{description:`Готовый вариант раскладки.`,control:`select`,options:[`single-column`,`auto-1fr`,`auto1fr-rows-auto`]},as:{description:`Семантический HTML-тег контейнера.`,control:`select`,options:[`div`,`section`,`main`,`nav`,`ul`]},children:{description:`Содержимое grid-контейнера.`,control:!1}}},p={render:({children:e,...t})=>(0,s.jsx)(a.Container,{...t,templateColumns:`1fr 1fr 1fr`,style:l.container,children:e}),args:{children:(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(d,{index:0,children:`1`}),(0,s.jsx)(d,{index:1,children:`2`}),(0,s.jsx)(d,{index:2,children:`3`}),(0,s.jsx)(d,{index:3,children:`4`}),(0,s.jsx)(d,{index:4,children:`5`}),(0,s.jsx)(d,{index:5,children:`6`})]})}},m={render:()=>(0,s.jsxs)(`div`,{children:[(0,s.jsx)(`h3`,{children:`Row (default)`}),(0,s.jsxs)(a.Container,{templateColumns:`repeat(3, 100px)`,templateRows:`repeat(2, 60px)`,gap:`sm`,style:l.container,children:[(0,s.jsx)(d,{index:0,children:`1`}),(0,s.jsx)(d,{index:1,children:`2`}),(0,s.jsx)(d,{index:2,children:`3`}),(0,s.jsx)(d,{index:3,children:`4`}),(0,s.jsx)(d,{index:4,children:`5`}),(0,s.jsx)(d,{index:5,children:`6`})]}),(0,s.jsx)(`h3`,{children:`Column`}),(0,s.jsxs)(a.Container,{templateColumns:`repeat(2, 100px)`,templateRows:`repeat(3, 60px)`,column:!0,gap:`sm`,style:l.container,children:[(0,s.jsx)(d,{index:0,children:`1`}),(0,s.jsx)(d,{index:1,children:`2`}),(0,s.jsx)(d,{index:2,children:`3`}),(0,s.jsx)(d,{index:3,children:`4`}),(0,s.jsx)(d,{index:4,children:`5`}),(0,s.jsx)(d,{index:5,children:`6`})]}),(0,s.jsx)(`h3`,{children:`Dense`}),(0,s.jsxs)(a.Container,{templateColumns:`repeat(4, 80px)`,templateRows:`repeat(3, 60px)`,dense:!0,gap:`sm`,style:l.container,children:[(0,s.jsx)(d,{index:0,style:{gridColumn:`span 2`},children:`Span 2`}),(0,s.jsx)(d,{index:1,children:`2`}),(0,s.jsx)(d,{index:2,style:{gridRow:`span 2`},children:`Span 2`}),(0,s.jsx)(d,{index:3,children:`4`}),(0,s.jsx)(d,{index:4,children:`5`}),(0,s.jsx)(d,{index:5,children:`6`}),(0,s.jsx)(d,{index:6,children:`7`})]})]}),args:{children:void 0}},h={render:()=>(0,s.jsxs)(`div`,{children:[(0,s.jsx)(`h3`,{style:{marginBlock:`1em`},children:`Align Items`}),[`start`,`center`,`end`,`stretch`].map(e=>(0,s.jsxs)(`div`,{children:[(0,s.jsx)(`h4`,{children:e}),(0,s.jsxs)(a.Container,{templateColumns:`repeat(3, 1fr)`,align:e,gap:`sm`,style:l.container,children:[(0,s.jsx)(d,{index:0,style:{height:e===`stretch`?`auto`:`5em`},children:`Short`}),(0,s.jsx)(d,{index:1,style:{height:e===`stretch`?`auto`:`10em`},children:`Tall`}),(0,s.jsx)(d,{index:2,style:{height:e===`stretch`?`auto`:`8em`},children:`Medium`})]})]},e)),(0,s.jsx)(`h3`,{style:{marginBlock:`1em`},children:`Justify Items`}),[`start`,`center`,`end`,`stretch`].map(e=>(0,s.jsxs)(`div`,{children:[(0,s.jsx)(`h4`,{children:e}),(0,s.jsxs)(a.Container,{templateColumns:`repeat(3, 20em)`,justify:e,gap:`sm`,style:l.container,children:[(0,s.jsx)(d,{index:0,style:{width:e===`stretch`?`auto`:`10em`},children:`Item`}),(0,s.jsx)(d,{index:1,style:{width:e===`stretch`?`auto`:`10em`},children:`Item`}),(0,s.jsx)(d,{index:2,style:{width:e===`stretch`?`auto`:`10em`},children:`Item`})]})]},e))]}),args:{children:void 0}},g={render:()=>(0,s.jsxs)(`div`,{children:[[`xs`,`sm`,`md`,`lg`,`xl`].map(e=>(0,s.jsxs)(`div`,{children:[(0,s.jsxs)(`h3`,{children:[`Gap: `,e]}),(0,s.jsx)(a.Container,{templateColumns:`repeat(3, 1fr)`,gap:e,style:l.container,children:[1,2,3,4,5,6].map(e=>(0,s.jsxs)(d,{index:e,children:[`Item `,e]},e))})]},e)),(0,s.jsx)(`h3`,{children:`Different Row and Column Gaps`}),(0,s.jsx)(a.Container,{templateColumns:`repeat(3, 1fr)`,gapRow:`lg`,gapColumn:`sm`,style:l.container,children:[1,2,3,4,5,6].map(e=>(0,s.jsxs)(d,{index:e,children:[`Item `,e]},e))})]}),args:{children:void 0}},_={render:()=>(0,s.jsxs)(`div`,{children:[(0,s.jsx)(`h3`,{children:`Single Column (grid-template-columns: 100%; grid-auto-rows: auto 1fr)`}),(0,s.jsxs)(a.Container,{variant:`single-column`,style:{...l.container,height:`200px`},children:[(0,s.jsx)(d,{index:0,children:`Header (auto)`}),(0,s.jsx)(d,{index:1,children:`Content (1fr)`})]}),(0,s.jsx)(`h3`,{children:`Auto 1fr Rows (grid-auto-rows: 1fr)`}),(0,s.jsxs)(a.Container,{variant:`auto-1fr`,templateColumns:`1fr 1fr`,style:{...l.container,height:`150px`},children:[(0,s.jsx)(d,{index:0,children:`Equal`}),(0,s.jsx)(d,{index:1,children:`Height`})]}),(0,s.jsx)(`h3`,{children:`Auto 1fr Columns (grid-template-columns: auto 1fr; grid-auto-rows: auto)`}),(0,s.jsxs)(a.Container,{variant:`auto1fr-rows-auto`,gap:`sm`,style:l.container,children:[(0,s.jsx)(d,{index:0,children:`Label`}),(0,s.jsx)(d,{index:1,children:`Content that takes remaining space`}),(0,s.jsx)(d,{index:2,children:`Another`}),(0,s.jsx)(d,{index:3,children:`More content here`})]})]}),args:{children:void 0}},v={render:()=>(0,s.jsxs)(`div`,{children:[(0,s.jsx)(`h3`,{children:`Auto-fit with Minmax`}),(0,s.jsx)(a.Container,{templateColumns:`repeat(auto-fit, minmax(150px, 1fr))`,gap:`md`,style:l.container,children:[1,2,3,4,5,6].map(e=>(0,s.jsxs)(d,{index:e,children:[`Card `,e]},e))}),(0,s.jsx)(`h3`,{children:`Fixed and Flexible Columns`}),(0,s.jsxs)(a.Container,{templateColumns:`200px 1fr 100px`,gap:`sm`,style:l.container,children:[(0,s.jsx)(d,{index:0,children:`Sidebar`}),(0,s.jsx)(d,{index:1,children:`Main Content`}),(0,s.jsx)(d,{index:2,children:`Tools`})]}),(0,s.jsx)(`h3`,{children:`Masonry-like Layout`}),(0,s.jsxs)(a.Container,{templateColumns:`repeat(4, 1fr)`,autoRows:`100px`,gap:`sm`,style:l.container,children:[(0,s.jsx)(d,{index:0,style:{gridRow:`span 2`},children:`Tall`}),(0,s.jsx)(d,{index:1,children:`Normal`}),(0,s.jsx)(d,{index:2,children:`Normal`}),(0,s.jsx)(d,{index:3,style:{gridRow:`span 3`},children:`Very Tall`}),(0,s.jsx)(d,{index:4,children:`Normal`}),(0,s.jsx)(d,{index:5,style:{gridRow:`span 2`},children:`Tall`}),(0,s.jsx)(d,{index:6,children:`Normal`}),(0,s.jsx)(d,{index:7,children:`Normal`})]})]}),args:{children:void 0}},y={render:()=>(0,s.jsxs)(`div`,{children:[(0,s.jsx)(`h3`,{children:`Basic Layout with Areas`}),(0,s.jsxs)(a.Container,{areas:`
2
2
  "header header"
3
3
  "nav main"
4
4
  "footer footer"