@ryuzaki13/react-foundation-ui 3.10.0 → 3.10.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (362) hide show
  1. package/dist/badge/index.js +1 -1
  2. package/dist/barcode-scanner/index.js +1 -1
  3. package/dist/base-table/index.js +1 -1
  4. package/dist/chunks/{TextEditorLexicalClient-BQH41FFT.js → TextEditorLexicalClient-Cj6yjCGm.js} +3 -3
  5. package/dist/chunks/{TextEditorLexicalClient-BQH41FFT.js.map → TextEditorLexicalClient-Cj6yjCGm.js.map} +1 -1
  6. package/dist/chunks/{base-table-CacTH3BE.js → base-table-CoVXG2FT.js} +4 -4
  7. package/dist/chunks/{base-table-CacTH3BE.js.map → base-table-CoVXG2FT.js.map} +1 -1
  8. package/dist/chunks/{context-menu-BV8636Ou.js → context-menu-BlLesqpZ.js} +2 -2
  9. package/dist/chunks/{context-menu-BV8636Ou.js.map → context-menu-BlLesqpZ.js.map} +1 -1
  10. package/dist/chunks/flex-BhrQCH4I.js +401 -0
  11. package/dist/chunks/flex-BhrQCH4I.js.map +1 -0
  12. package/dist/chunks/grid-D6wPRCjx.js +394 -0
  13. package/dist/chunks/grid-D6wPRCjx.js.map +1 -0
  14. package/dist/chunks/{misc-BjdDK6mm.js → misc-Dcr24uDY.js} +2 -2
  15. package/dist/chunks/{misc-BjdDK6mm.js.map → misc-Dcr24uDY.js.map} +1 -1
  16. package/dist/chunks/{modal-CBGNsqrq.js → modal-DeABSKrb.js} +4 -4
  17. package/dist/chunks/{modal-CBGNsqrq.js.map → modal-DeABSKrb.js.map} +1 -1
  18. package/dist/chunks/{picker-DagDe9OH.js → picker-CWx7vPE8.js} +2 -2
  19. package/dist/chunks/{picker-DagDe9OH.js.map → picker-CWx7vPE8.js.map} +1 -1
  20. package/dist/chunks/responsiveLayout-D2mtCDdh.js +28 -0
  21. package/dist/chunks/responsiveLayout-D2mtCDdh.js.map +1 -0
  22. package/dist/chunks/{select-C-1U-ujV.js → select-CHBBo5fn.js} +2 -2
  23. package/dist/chunks/{select-C-1U-ujV.js.map → select-CHBBo5fn.js.map} +1 -1
  24. package/dist/chunks/{table-Cx__DvpN.js → table-Cm9NhT9K.js} +2 -2
  25. package/dist/chunks/{table-Cx__DvpN.js.map → table-Cm9NhT9K.js.map} +1 -1
  26. package/dist/context-menu/index.js +1 -1
  27. package/dist/disclosure/index.js +1 -1
  28. package/dist/errors/index.js +1 -1
  29. package/dist/expandable-action-panel/index.js +1 -1
  30. package/dist/flex/FlexContainer.d.ts +1 -1
  31. package/dist/flex/FlexContainer.d.ts.map +1 -1
  32. package/dist/flex/FlexItem.d.ts +1 -1
  33. package/dist/flex/FlexItem.d.ts.map +1 -1
  34. package/dist/flex/PredefinedFlex.d.ts +1 -1
  35. package/dist/flex/PredefinedFlex.d.ts.map +1 -1
  36. package/dist/flex/getFlexClasses.d.ts +5 -0
  37. package/dist/flex/getFlexClasses.d.ts.map +1 -0
  38. package/dist/flex/index.js +1 -1
  39. package/dist/grid/GridContainer.d.ts.map +1 -1
  40. package/dist/grid/GridItem.d.ts.map +1 -1
  41. package/dist/grid/getGridClasses.d.ts +12 -0
  42. package/dist/grid/getGridClasses.d.ts.map +1 -0
  43. package/dist/grid/index.js +1 -1
  44. package/dist/image/index.js +2 -2
  45. package/dist/layout-picker/index.js +1 -1
  46. package/dist/list/index.js +2 -2
  47. package/dist/listbox/index.js +1 -1
  48. package/dist/misc/index.js +1 -1
  49. package/dist/modal/index.js +1 -1
  50. package/dist/multi-select/index.js +1 -1
  51. package/dist/notifications/index.js +1 -1
  52. package/dist/picker/index.js +1 -1
  53. package/dist/preset-range-date-input/index.js +1 -1
  54. package/dist/preset-select/index.js +1 -1
  55. package/dist/responsive-layout/responsiveLayout.d.ts +17 -0
  56. package/dist/responsive-layout/responsiveLayout.d.ts.map +1 -0
  57. package/dist/select/index.js +1 -1
  58. package/dist/simple-table/index.js +1 -1
  59. package/dist/slider/index.js +1 -1
  60. package/dist/state-select/index.js +1 -1
  61. package/dist/styles.css +1 -1
  62. package/dist/table/index.js +1 -1
  63. package/dist/table-sorting/index.js +1 -1
  64. package/dist/tabs/index.js +1 -1
  65. package/dist/text-editor/index.js +2 -2
  66. package/dist/toolbar/index.js +2 -2
  67. package/dist/tree-select/index.js +1 -1
  68. package/dist/tree-table/index.js +1 -1
  69. package/package.json +1 -1
  70. package/storybook-static/assets/{Badge-DxGi2POg.js → Badge-7nsS5Yyj.js} +1 -1
  71. package/storybook-static/assets/{Badge.stories-D6Em1fN8.js → Badge.stories-BzQKeDqC.js} +1 -1
  72. package/storybook-static/assets/{BadgeList-DemBuxUQ.js → BadgeList-WzFV9MB1.js} +1 -1
  73. package/storybook-static/assets/{BarcodeScannerDialog.stories-Bxnb0wH3.js → BarcodeScannerDialog.stories-Ci8Mf9WX.js} +1 -1
  74. package/storybook-static/assets/{Button-9vGUTM3m.js → Button-6F3OVyTc.js} +1 -1
  75. package/storybook-static/assets/{Button-dlGIhkja.js → Button-DqsSng-I.js} +1 -1
  76. package/storybook-static/assets/{Button.stories-WOE1_ovM.js → Button.stories-PNc3lIYB.js} +1 -1
  77. package/storybook-static/assets/{CalendarView-Co2EiQf9.js → CalendarView-BT9X9tky.js} +1 -1
  78. package/storybook-static/assets/{CheckBox-Dpg2QsvS.js → CheckBox-BJhTyl1K.js} +1 -1
  79. package/storybook-static/assets/{CheckBox-CwJshQX2.js → CheckBox-BasxUZYS.js} +1 -1
  80. package/storybook-static/assets/{CheckBox.stories-K8wng7-q.js → CheckBox.stories-DLRA5q3H.js} +1 -1
  81. package/storybook-static/assets/{Color-6AOWCN3U-D-64SqRn.js → Color-6AOWCN3U-C4R02nIA.js} +1 -1
  82. package/storybook-static/assets/{ContextMenu-DbmUWR4I.js → ContextMenu-BckwURZg.js} +1 -1
  83. package/storybook-static/assets/{ContextMenu-C1zzFMni.js → ContextMenu-OOsbvmOa.js} +1 -1
  84. package/storybook-static/assets/{ContextMenu.stories-D0tclMo1.js → ContextMenu.stories-BD-wMDNw.js} +1 -1
  85. package/storybook-static/assets/{DateInput-DxpENevn.js → DateInput-B5MxQUHL.js} +1 -1
  86. package/storybook-static/assets/{DateInput-BDxg1E80.js → DateInput-DT6btAWU.js} +1 -1
  87. package/storybook-static/assets/{DateInput.stories-De_AOkrK.js → DateInput.stories-BK2brwe_.js} +1 -1
  88. package/storybook-static/assets/{DateRangePresetSelect-CD7jNInU.js → DateRangePresetSelect-Dplr79Cm.js} +1 -1
  89. package/storybook-static/assets/{DateRangePresetSelect-CD8qu2LL.js → DateRangePresetSelect-gRdIuTx9.js} +1 -1
  90. package/storybook-static/assets/{DateRangePresetSelect.stories-phHkk3Q1.js → DateRangePresetSelect.stories-BRksGdxw.js} +1 -1
  91. package/storybook-static/assets/{DeprecatedMultiSelect-B4VEjiTj.js → DeprecatedMultiSelect-1MSPac-V.js} +1 -1
  92. package/storybook-static/assets/{DeprecatedMultiSelect-Bdv505U3.js → DeprecatedMultiSelect-BOxmEW2D.js} +1 -1
  93. package/storybook-static/assets/{DeprecatedMultiSelect.stories-DdPzDJjx.js → DeprecatedMultiSelect.stories-Ax0zv6Kb.js} +1 -1
  94. package/storybook-static/assets/{Detail-BoazSWw_.js → Detail-_5TyqOha.js} +1 -1
  95. package/storybook-static/assets/{Detail.stories-Cc9fEkdx.js → Detail.stories-CJbeEBiY.js} +1 -1
  96. package/storybook-static/assets/{Dialog-VJ62BLtp.js → Dialog-BodfEiIi.js} +1 -1
  97. package/storybook-static/assets/{Dialog-ieE9mpAU.js → Dialog-HBOYhMQq.js} +1 -1
  98. package/storybook-static/assets/{Dialog.stories-CUyAMGoD.js → Dialog.stories-Ds4F0ZoJ.js} +1 -1
  99. package/storybook-static/assets/{Disclosure-BP8VhRCA.js → Disclosure-BbvtIOyN.js} +1 -1
  100. package/storybook-static/assets/{Disclosure.stories-DwIo-o1J.js → Disclosure.stories-CnSK79hZ.js} +1 -1
  101. package/storybook-static/assets/{DisclosureGroup-LjgDW-Z6.js → DisclosureGroup-Dd0BeL4o.js} +1 -1
  102. package/storybook-static/assets/{DocsRenderer-JROSPFPF-BjRaiNDG.js → DocsRenderer-JROSPFPF-BX-ThlFg.js} +1 -1
  103. package/storybook-static/assets/{DropZone-Dg3GZxY8.js → DropZone-CCkHaYAD.js} +1 -1
  104. package/storybook-static/assets/{DropZone-BMT4jv2L.js → DropZone-DPqYieZH.js} +1 -1
  105. package/storybook-static/assets/{DropZone.stories-szOGIPHx.js → DropZone.stories-lfKkNIIl.js} +1 -1
  106. package/storybook-static/assets/{DropdownMenu-B0EI5ePH.js → DropdownMenu-QWp-lSol.js} +1 -1
  107. package/storybook-static/assets/{ExpandableActionPanel-D_qy2JID.js → ExpandableActionPanel-DxPp3zYd.js} +1 -1
  108. package/storybook-static/assets/{ExpandableActionPanel.stories-wdmlBDmK.js → ExpandableActionPanel.stories-BiklI55p.js} +1 -1
  109. package/storybook-static/assets/Flex-S4mwRnc2.js +81 -0
  110. package/storybook-static/assets/Flex.stories-DRBLrgrW.js +454 -0
  111. package/storybook-static/assets/FlexContainer-4Ap7vbIt.js +1 -0
  112. package/storybook-static/assets/{FlexItem-BE_4juAd.js → FlexItem-Dwqi7KeT.js} +2 -2
  113. package/storybook-static/assets/{FloatingPopover-DHxMCBdS.js → FloatingPopover-D8FScEoc.js} +1 -1
  114. package/storybook-static/assets/{FormattedTableCell-BfEiCYOi.js → FormattedTableCell-BKSpyxnu.js} +1 -1
  115. package/storybook-static/assets/{Grid-0NnWfTJ7.js → Grid-CJ5RLrgv.js} +2 -2
  116. package/storybook-static/assets/Grid-DIYjEdUA.js +84 -0
  117. package/storybook-static/assets/Grid.stories-Bl35lMkU.js +657 -0
  118. package/storybook-static/assets/{GridContainer-BHSfIiml.js → GridContainer-B2iAnXeB.js} +2 -2
  119. package/storybook-static/assets/GridContainer-DgBuOs_1.css +1 -0
  120. package/storybook-static/assets/{ImageCropper.stories-Cf5ogf7p.js → ImageCropper.stories--E79MUTS.js} +1 -1
  121. package/storybook-static/assets/{ImageRenderer-CsN1-IP6.js → ImageRenderer-D0stahXz.js} +1 -1
  122. package/storybook-static/assets/{ImageRenderer.stories-DIC-UR-l.js → ImageRenderer.stories-C_Ir6A3m.js} +1 -1
  123. package/storybook-static/assets/{ImageView.stories-DT6QZR-1.js → ImageView.stories-DbY7pwWs.js} +1 -1
  124. package/storybook-static/assets/{ImageViewer.stories-DxpCKbpk.js → ImageViewer.stories-D2jfTzCV.js} +2 -2
  125. package/storybook-static/assets/{ImageViewerRuntime-COhNh4_y.js → ImageViewerRuntime-DlvGnNv4.js} +1 -1
  126. package/storybook-static/assets/{Input-D2eqioLp.js → Input-CzvWPW0I.js} +1 -1
  127. package/storybook-static/assets/{Input-BJ3sPHt1.js → Input-av5ktymr.js} +1 -1
  128. package/storybook-static/assets/{Input.stories-MtAx6H2F.js → Input.stories-CvLnu270.js} +1 -1
  129. package/storybook-static/assets/{InputDateTime-CNNqhoo6.js → InputDateTime-D5bQuB9a.js} +1 -1
  130. package/storybook-static/assets/{InputDateTime.stories-DT3CvxRy.js → InputDateTime.stories-BD9Pt7vB.js} +1 -1
  131. package/storybook-static/assets/{InputFile-RfdomZEH.js → InputFile-C3nj3qsi.js} +1 -1
  132. package/storybook-static/assets/{InputFile-DiI_0QV5.js → InputFile-ulrG6ECh.js} +1 -1
  133. package/storybook-static/assets/{InputFile.stories-CiqGBnkS.js → InputFile.stories-CEewSWb_.js} +1 -1
  134. package/storybook-static/assets/{InputFiles-CgyVXpI1.js → InputFiles-DZ1nUYOE.js} +1 -1
  135. package/storybook-static/assets/{InputFiles-CBrPDNlV.js → InputFiles-lF7Ys1hh.js} +1 -1
  136. package/storybook-static/assets/{InputFiles.stories-QHNxJjiV.js → InputFiles.stories-CCptKLDn.js} +1 -1
  137. package/storybook-static/assets/{InputFilesList-BEIBTAEK.js → InputFilesList-DTJkMHNI.js} +1 -1
  138. package/storybook-static/assets/{InputImage-vXbhnE46.js → InputImage-CIPZL6uS.js} +1 -1
  139. package/storybook-static/assets/{InputImage-BBJr8TWl.js → InputImage-lDHbW_ac.js} +1 -1
  140. package/storybook-static/assets/{InputImage.stories-VoVU0QZB.js → InputImage.stories-CQ2BBGf-.js} +1 -1
  141. package/storybook-static/assets/{InteractiveComponents-CjkX3vU6.js → InteractiveComponents-DD7TZeA4.js} +1 -1
  142. package/storybook-static/assets/{InteractiveComponents.stories-Gc_Ju4xJ.js → InteractiveComponents.stories-Bbo3l8WO.js} +1 -1
  143. package/storybook-static/assets/{LayoutPicker-DwpDr_Is.js → LayoutPicker-A7VlDbc0.js} +1 -1
  144. package/storybook-static/assets/{LayoutPicker-ONnrtLDR.js → LayoutPicker-uw1knHzA.js} +1 -1
  145. package/storybook-static/assets/{LayoutPicker.stories-B-HIq6DD.js → LayoutPicker.stories-DDR6oiSN.js} +1 -1
  146. package/storybook-static/assets/{Listbox-DoF5nZIP.js → Listbox-CO1BjyFs.js} +1 -1
  147. package/storybook-static/assets/{Listbox-XIi0yHgl.js → Listbox-CmkI7dm_.js} +1 -1
  148. package/storybook-static/assets/{Listbox.stories-DT8FJQ3z.js → Listbox.stories-BIPmBbuG.js} +1 -1
  149. package/storybook-static/assets/{Modal-C3F4r2UA.js → Modal-C3JdXj6Q.js} +1 -1
  150. package/storybook-static/assets/{Modal-Ml7EuSvu.js → Modal-IXMZUaaw.js} +1 -1
  151. package/storybook-static/assets/{Modal.stories-DRwnYxst.js → Modal.stories-BD-UnVeM.js} +1 -1
  152. package/storybook-static/assets/{ModalManagerProvider-CmqdB_ni.js → ModalManagerProvider-zJVg8-dg.js} +1 -1
  153. package/storybook-static/assets/{MultiSelect-B1QokJ3C.js → MultiSelect-CGoyA8-m.js} +1 -1
  154. package/storybook-static/assets/{MultiSelect-CAg-L0dM.js → MultiSelect-DZKjK53B.js} +1 -1
  155. package/storybook-static/assets/{MultiSelect.stories-Dfh2Lp0N.js → MultiSelect.stories-D65mpYYt.js} +1 -1
  156. package/storybook-static/assets/{MultiSelectCore-GRGtCBO1.js → MultiSelectCore-ih1pgvuq.js} +1 -1
  157. package/storybook-static/assets/{NoData-BZhNhaYV.js → NoData-32gM9qt4.js} +1 -1
  158. package/storybook-static/assets/{NotificationsHost-BUPLrDM3.js → NotificationsHost-pkEhxgz2.js} +1 -1
  159. package/storybook-static/assets/{NotificationsHost.stories-CKbR-_nq.js → NotificationsHost.stories-BqIayryx.js} +1 -1
  160. package/storybook-static/assets/{ODataMultiSelect-CDW0B1az.js → ODataMultiSelect-D42gAcHg.js} +1 -1
  161. package/storybook-static/assets/{ODataMultiSelect.stories-BbKrxs7t.js → ODataMultiSelect.stories-DfAkKAsG.js} +1 -1
  162. package/storybook-static/assets/{ODataSelect-C5G0dCnn.js → ODataSelect-DPOMWPKO.js} +1 -1
  163. package/storybook-static/assets/{ODataSelect.stories-DcX50cyD.js → ODataSelect.stories-DHs3wp7E.js} +1 -1
  164. package/storybook-static/assets/{ODataTreeMultiSelect-4mTjhnlJ.js → ODataTreeMultiSelect-CC8yuaVP.js} +1 -1
  165. package/storybook-static/assets/{ODataTreeMultiSelect.stories-B-4UUg5l.js → ODataTreeMultiSelect.stories-BtwLdGK6.js} +1 -1
  166. package/storybook-static/assets/{ODataTreeSelect-D-wcx2OH.js → ODataTreeSelect-qcitpYxj.js} +1 -1
  167. package/storybook-static/assets/{ODataTreeSelect.stories-uB_sG4ga.js → ODataTreeSelect.stories-1r_tkUVi.js} +1 -1
  168. package/storybook-static/assets/{OneStepScroller-DQI5POnJ.js → OneStepScroller-wz4Qujpx.js} +1 -1
  169. package/storybook-static/assets/{Option-CrEWqsFF.js → Option-Beom2xTg.js} +1 -1
  170. package/storybook-static/assets/{OptionButton-BEQ2oSPf.js → OptionButton-D_ZCVbsd.js} +1 -1
  171. package/storybook-static/assets/{OptionContent-C8S7IjI3.js → OptionContent-FZ-u9L1s.js} +1 -1
  172. package/storybook-static/assets/{OptionContentContainer-ljQts_jY.js → OptionContentContainer-HVNOgpjm.js} +1 -1
  173. package/storybook-static/assets/{PeriodSelect-BTdDU06N.js → PeriodSelect-DbdeznMQ.js} +1 -1
  174. package/storybook-static/assets/{PeriodSelect-DuqatGdk.js → PeriodSelect-qevVtoSU.js} +1 -1
  175. package/storybook-static/assets/{PeriodSelect.stories-CX4DSFJG.js → PeriodSelect.stories-BLi_6rpY.js} +1 -1
  176. package/storybook-static/assets/{PickerField-Cgcm-Y5T.js → PickerField-BHSRcQY6.js} +1 -1
  177. package/storybook-static/assets/{PickerTriggerActions-DWe2uX0K.js → PickerTriggerActions-Cxk3YQGF.js} +1 -1
  178. package/storybook-static/assets/{Popover-C55I0GTn.js → Popover-BosMVXTI.js} +1 -1
  179. package/storybook-static/assets/{Popover-0QfSvwRS.js → Popover-De2fvkIB.js} +1 -1
  180. package/storybook-static/assets/{Popover.stories-Bgjomdgb.js → Popover.stories-DM-Plj05.js} +1 -1
  181. package/storybook-static/assets/{PresetRangeDateInput-Cai5fvRb.js → PresetRangeDateInput-CCQuBkJj.js} +1 -1
  182. package/storybook-static/assets/{PresetRangeDateInput-C-vQa5BZ.js → PresetRangeDateInput-jersOEYO.js} +1 -1
  183. package/storybook-static/assets/{PresetRangeDateInput.stories-CWtIukRG.js → PresetRangeDateInput.stories-DwqDWXX9.js} +1 -1
  184. package/storybook-static/assets/{PresetSelect-HqtmoRLb.js → PresetSelect-BhwHbWmS.js} +1 -1
  185. package/storybook-static/assets/{README-QWeHqOh2.js → README-1UUrJXjZ.js} +1 -1
  186. package/storybook-static/assets/{README-DycS0KDV.js → README-29WDFTDH.js} +1 -1
  187. package/storybook-static/assets/{README-CxMmicr4.js → README-33qTnj5l.js} +1 -1
  188. package/storybook-static/assets/{README-DlBBM40-.js → README-B5eMX8_9.js} +1 -1
  189. package/storybook-static/assets/{README-C6ryhIOV.js → README-B5rmNIab.js} +1 -1
  190. package/storybook-static/assets/{README-BgbNoj4_.js → README-BAlXRtAz.js} +1 -1
  191. package/storybook-static/assets/{README-C8oftQ5c.js → README-BCEKAY_J.js} +1 -1
  192. package/storybook-static/assets/{README-CM5yZ6jf.js → README-BD5f1if4.js} +1 -1
  193. package/storybook-static/assets/{README-CxEn3Q3j.js → README-BIvHy4kr.js} +1 -1
  194. package/storybook-static/assets/{README-_K214jGV.js → README-BK8k_Q4m.js} +1 -1
  195. package/storybook-static/assets/{README-BUKlvu1v.js → README-BKLeD4y3.js} +1 -1
  196. package/storybook-static/assets/{README-DBpH2nf1.js → README-BNsU3Cqx.js} +1 -1
  197. package/storybook-static/assets/{README-2lBx3R6g.js → README-BPSG9KrB.js} +1 -1
  198. package/storybook-static/assets/{README-BkFTTVE2.js → README-BQDFmWGi.js} +1 -1
  199. package/storybook-static/assets/{README-DUShQLyj.js → README-B_tg7QVI.js} +1 -1
  200. package/storybook-static/assets/{README-BFjx8Jxa.js → README-BfRKdJtw.js} +1 -1
  201. package/storybook-static/assets/{README-kvlO41U2.js → README-BoJXfTe6.js} +1 -1
  202. package/storybook-static/assets/{README-DF3qw7Jo.js → README-By0zyJQ-.js} +1 -1
  203. package/storybook-static/assets/{README-B5wBU6mA.js → README-BzVVPLXk.js} +1 -1
  204. package/storybook-static/assets/{README-Bl1rJEQE.js → README-CHllxFPj.js} +1 -1
  205. package/storybook-static/assets/{README-Bk6x-7we.js → README-CJ6rsYUk.js} +1 -1
  206. package/storybook-static/assets/{README-Dk7syFq-.js → README-CJFgcV8C.js} +1 -1
  207. package/storybook-static/assets/{README-DFGUcAOx.js → README-CPZBUXWs.js} +1 -1
  208. package/storybook-static/assets/{README-B1IMnjhg.js → README-CioPc-xb.js} +1 -1
  209. package/storybook-static/assets/{README-Brd9di5k.js → README-CmzO6bzh.js} +1 -1
  210. package/storybook-static/assets/{README-CdMmAh_G.js → README-Cpk-Tr_W.js} +1 -1
  211. package/storybook-static/assets/{README-C702dbsS.js → README-CrhHHw0i.js} +1 -1
  212. package/storybook-static/assets/{README-BTk3TSh8.js → README-CvReVgGJ.js} +1 -1
  213. package/storybook-static/assets/{README-ClH6EKpO.js → README-CvzdarfH.js} +1 -1
  214. package/storybook-static/assets/{README-BqMpFJKP.js → README-Cz14JUTC.js} +1 -1
  215. package/storybook-static/assets/{README-CxsbsDff.js → README-D09okhy9.js} +1 -1
  216. package/storybook-static/assets/{README-mxJzt2Xo.js → README-D5YLxtgR.js} +1 -1
  217. package/storybook-static/assets/{README-C2xdMez4.js → README-DK5aZdOt.js} +1 -1
  218. package/storybook-static/assets/{README-B5Lc1yT4.js → README-DKI2c8YJ.js} +1 -1
  219. package/storybook-static/assets/{README-UC0a4Wh9.js → README-DNeDK1_H.js} +1 -1
  220. package/storybook-static/assets/{README-BNLmyDfy.js → README-DQl_3tX1.js} +1 -1
  221. package/storybook-static/assets/{README-BhvWyeL_.js → README-DS63ZnOT.js} +1 -1
  222. package/storybook-static/assets/{README-DAozVWEl.js → README-DT96eoyc.js} +1 -1
  223. package/storybook-static/assets/{README-DitsKP8x.js → README-D_d6frx1.js} +1 -1
  224. package/storybook-static/assets/{README-RGQ7HMZR.js → README-Dc2qBccm.js} +1 -1
  225. package/storybook-static/assets/{README-BRJHDPaP.js → README-DeHGaTaW.js} +1 -1
  226. package/storybook-static/assets/{README-C1BajdmC.js → README-Df8F75dr.js} +1 -1
  227. package/storybook-static/assets/{README-DfVaZ9rz.js → README-DmJq-c8n.js} +1 -1
  228. package/storybook-static/assets/{README-BzIE9gSk.js → README-DzASMBMv.js} +1 -1
  229. package/storybook-static/assets/{README-CUUPvXQd.js → README-DzrrH56m.js} +1 -1
  230. package/storybook-static/assets/{README-eRuOqnaA.js → README-ECCgQcGo.js} +1 -1
  231. package/storybook-static/assets/{README-B41_J33v.js → README-LWfExOhc.js} +1 -1
  232. package/storybook-static/assets/{README-QZrJnhYv.js → README-NHHRscRF.js} +1 -1
  233. package/storybook-static/assets/{README-CdnQbIDn.js → README-O9BJmE-H.js} +1 -1
  234. package/storybook-static/assets/{README-B8RrtmaZ.js → README-Rk3Krdys.js} +1 -1
  235. package/storybook-static/assets/{README-SafL9Bz5.js → README-bWB0c7pN.js} +1 -1
  236. package/storybook-static/assets/{README-BEypAdTE.js → README-o4PUljT6.js} +1 -1
  237. package/storybook-static/assets/{README-BHrzFd3i.js → README-sPm51M3K.js} +1 -1
  238. package/storybook-static/assets/{RadioButton-BKsBk3--.js → RadioButton-BZiBFXe1.js} +1 -1
  239. package/storybook-static/assets/{RadioButton-CsM-RT0A.js → RadioButton-CBLdgMz4.js} +1 -1
  240. package/storybook-static/assets/{RadioButton.stories-D5PGiHj5.js → RadioButton.stories-BP5yM5qg.js} +1 -1
  241. package/storybook-static/assets/{RadioGroup-B3bLu8Qg.js → RadioGroup-DYRfZVGC.js} +1 -1
  242. package/storybook-static/assets/{RadioGroup-BZY_jeje.js → RadioGroup-epjQdSZn.js} +1 -1
  243. package/storybook-static/assets/{RadioGroup.stories-DMfcZFp0.js → RadioGroup.stories-UOjXIk6v.js} +1 -1
  244. package/storybook-static/assets/ResponsiveLayoutPreview-BHBxtn2W.js +1 -0
  245. package/storybook-static/assets/ResponsiveLayoutPreview-CyXawjCA.css +1 -0
  246. package/storybook-static/assets/{Scrollable-DLyQwImF.js → Scrollable-BBYov1Hn.js} +1 -1
  247. package/storybook-static/assets/{Scrollable-DdXQmkMU.js → Scrollable-DKQa75cf.js} +1 -1
  248. package/storybook-static/assets/{Scrollable.stories-Du5joHAp.js → Scrollable.stories-BH1-i6nI.js} +1 -1
  249. package/storybook-static/assets/{Select-8PYQeQRR.js → Select-DU6Eh0Lt.js} +1 -1
  250. package/storybook-static/assets/{Select-CT_wwcDN.js → Select-DYOCTPiv.js} +1 -1
  251. package/storybook-static/assets/{Select.stories-DIqia2Hb.js → Select.stories-BF3svbAH.js} +1 -1
  252. package/storybook-static/assets/{Separator-CelBAATq.js → Separator-CxviJxG5.js} +1 -1
  253. package/storybook-static/assets/{Separator-DJ93-Cvq.js → Separator-_gvt1sqm.js} +1 -1
  254. package/storybook-static/assets/{Separator.stories-DBEDpiqL.js → Separator.stories-DN6hlZl5.js} +1 -1
  255. package/storybook-static/assets/{SerializableSelect-C-00d6wC.js → SerializableSelect-BVTOrYLs.js} +1 -1
  256. package/storybook-static/assets/{SerializableSelect.stories-CP7fJBNa.js → SerializableSelect.stories-pcWq603M.js} +1 -1
  257. package/storybook-static/assets/{ShimmerText-qA7CslLE.js → ShimmerText-BDDa_Wf7.js} +1 -1
  258. package/storybook-static/assets/{ShimmerText.stories-CiGIbhCm.js → ShimmerText.stories-DdZPIKwl.js} +1 -1
  259. package/storybook-static/assets/{SingleDateTimeInput-DJ2vRS9H.js → SingleDateTimeInput-q-eu2xUU.js} +1 -1
  260. package/storybook-static/assets/{SingleDateTimeInput-B7tnYWQl.js → SingleDateTimeInput-sGTkT8ZA.js} +1 -1
  261. package/storybook-static/assets/{SingleDateTimeInput.stories-BK59HKLf.js → SingleDateTimeInput.stories-X7CMAFsq.js} +1 -1
  262. package/storybook-static/assets/{Slider-Cm6kd77G.js → Slider-CaKY8LIJ.js} +1 -1
  263. package/storybook-static/assets/{Slider-CXcIxUE3.js → Slider-CqNWljkT.js} +1 -1
  264. package/storybook-static/assets/{Slider.stories-BuhFWvUX.js → Slider.stories-CMxutCGM.js} +1 -1
  265. package/storybook-static/assets/{SliderInput-DI2h4X8P.js → SliderInput-HUUN5_IF.js} +1 -1
  266. package/storybook-static/assets/{SliderInput-DpmYS5Zb.js → SliderInput-scYwk-4g.js} +1 -1
  267. package/storybook-static/assets/{SliderInput.stories-CLdLS0_8.js → SliderInput.stories-CDhgeql1.js} +1 -1
  268. package/storybook-static/assets/{Sortable-CpjAZLxn.js → Sortable-CaysnUNW.js} +1 -1
  269. package/storybook-static/assets/{Sortable.stories-Ck2MHBoR.js → Sortable.stories-C4gHc5ka.js} +1 -1
  270. package/storybook-static/assets/{Splitter-Cpk_5dTf.js → Splitter-6cU1s7Qr.js} +1 -1
  271. package/storybook-static/assets/{Splitter.stories-BIf9NNWq.js → Splitter.stories-CA9A-CZ-.js} +1 -1
  272. package/storybook-static/assets/{StateSelect-BznE9WIu.js → StateSelect-BAqjdi4g.js} +1 -1
  273. package/storybook-static/assets/{StateSelect-C5tnrhWT.js → StateSelect-OHl6KWge.js} +1 -1
  274. package/storybook-static/assets/{StateSelect.stories-DLvSnAcF.js → StateSelect.stories-xX3ujKGO.js} +1 -1
  275. package/storybook-static/assets/{StatusIndicator-vJAPPq2m.js → StatusIndicator-C_7dWY2t.js} +1 -1
  276. package/storybook-static/assets/{StatusIndicator.stories-B7PGK2_C.js → StatusIndicator.stories-BRlVzKf7.js} +1 -1
  277. package/storybook-static/assets/{StringToggle.stories-DBpxJZL-.js → StringToggle.stories-DFPLwtHW.js} +1 -1
  278. package/storybook-static/assets/{Switch-BkTvYjyQ.js → Switch-CrlrIm3t.js} +1 -1
  279. package/storybook-static/assets/{Switch-DlRrk6o7.js → Switch-DHcMczAC.js} +1 -1
  280. package/storybook-static/assets/{Switch.stories-BtctkC2W.js → Switch.stories-LhTPX_R-.js} +1 -1
  281. package/storybook-static/assets/{Table-xOdM6spm.js → Table-Ct8iqJEY.js} +1 -1
  282. package/storybook-static/assets/{Table.stories-FORIU5CX.js → Table.stories-DO30v6VO.js} +1 -1
  283. package/storybook-static/assets/{TableEditor.stories-GU46gl20.js → TableEditor.stories-Qtqr_l4g.js} +1 -1
  284. package/storybook-static/assets/{Tabs-Cg_IYAXs.js → Tabs-CC0IIQwl.js} +1 -1
  285. package/storybook-static/assets/{Tabs.stories-2cS0B94o.js → Tabs.stories-Bo_Y-dq8.js} +1 -1
  286. package/storybook-static/assets/{TabsBox-Dz3AsaoR.js → TabsBox-BMNvHsCH.js} +1 -1
  287. package/storybook-static/assets/{TagInput-CCTgbRhQ.js → TagInput-BLwbzCit.js} +1 -1
  288. package/storybook-static/assets/{TagInput.stories-CevhCeXY.js → TagInput.stories-DNcD4tn4.js} +1 -1
  289. package/storybook-static/assets/{Text-CDCeYwIB.js → Text-Bih-aO3C.js} +1 -1
  290. package/storybook-static/assets/{Textarea-CNsrFSip.js → Textarea-D3os1biP.js} +1 -1
  291. package/storybook-static/assets/{Textarea-Ba4MyNoY.js → Textarea-DCnLF4aj.js} +1 -1
  292. package/storybook-static/assets/{Textarea.stories-laVFWVXL.js → Textarea.stories-CIFzZQ5Z.js} +1 -1
  293. package/storybook-static/assets/{TimePanel-Ddy67nzH.js → TimePanel-BcVGesht.js} +1 -1
  294. package/storybook-static/assets/{TimePanel.stories-OLefy0XD.js → TimePanel.stories-C6_xVdCq.js} +1 -1
  295. package/storybook-static/assets/{Toggle-BlCBtQd1.js → Toggle-BD0YAuO2.js} +1 -1
  296. package/storybook-static/assets/{Toggle-BGbyfmSW.js → Toggle-CtABgcO5.js} +1 -1
  297. package/storybook-static/assets/{Toggle.stories-BjeTDL90.js → Toggle.stories-DnTnFcGB.js} +1 -1
  298. package/storybook-static/assets/{TreeMultiSelect-BJnAzsFO.js → TreeMultiSelect-Bp_Akwgc.js} +1 -1
  299. package/storybook-static/assets/{TreeMultiSelect-ZVSLdnCU.js → TreeMultiSelect-DHk_QP2h.js} +1 -1
  300. package/storybook-static/assets/{TreeMultiSelect.stories-BJOtdIDe.js → TreeMultiSelect.stories-CBVQbR1c.js} +1 -1
  301. package/storybook-static/assets/{TreePickerBase-BQKfhufH.js → TreePickerBase-BhWXyIoO.js} +1 -1
  302. package/storybook-static/assets/{TreeSelect-BSr4FMlq.js → TreeSelect-DleoF0hJ.js} +1 -1
  303. package/storybook-static/assets/{TreeSelect-DSHQjGD1.js → TreeSelect-HNbghKYG.js} +1 -1
  304. package/storybook-static/assets/{TreeSelect.stories-GRcEv-kN.js → TreeSelect.stories-BigcPfEn.js} +1 -1
  305. package/storybook-static/assets/{TreeTable-CzmxD2ee.js → TreeTable-BNkuyFKP.js} +1 -1
  306. package/storybook-static/assets/{TreeTable.stories-35ufhVh1.js → TreeTable.stories-Bdx3y7Yb.js} +1 -1
  307. package/storybook-static/assets/{blocks-SX-KK9Lg.js → blocks-DGivDYe5.js} +3 -3
  308. package/storybook-static/assets/{check-BYM7OgKl.js → check-DRMDOowi.js} +1 -1
  309. package/storybook-static/assets/{chevron-down-Mu7usNfR.js → chevron-down-D0ohA4RZ.js} +1 -1
  310. package/storybook-static/assets/{chevron-left-CiOR-CGA.js → chevron-left-CLqpYqDQ.js} +1 -1
  311. package/storybook-static/assets/{chevron-right-5Rrk5UhO.js → chevron-right-CXryGzSx.js} +1 -1
  312. package/storybook-static/assets/{chunk-W22LQPXL-Cj8Y9DHq.js → chunk-W22LQPXL-CxLeSIMq.js} +1 -1
  313. package/storybook-static/assets/{circle-alert-BXB7LSDS.js → circle-alert-l6NwXGUY.js} +1 -1
  314. package/storybook-static/assets/{circle-check-DrVuYn1Q.js → circle-check-B-r716dD.js} +1 -1
  315. package/storybook-static/assets/{components-BEDJAYMp.js → components-Vmrwp1qC.js} +3 -3
  316. package/storybook-static/assets/{contextMenu-BaB_e0Tl.js → contextMenu-Br4n839h.js} +1 -1
  317. package/storybook-static/assets/{download-W-Vr_TI7.js → download-DqFSGBvN.js} +1 -1
  318. package/storybook-static/assets/{floating-ui.react-BTEwHffF.js → floating-ui.react-B-qFeMZZ.js} +1 -1
  319. package/storybook-static/assets/{foundationApi-BcoJ1zeX.js → foundationApi-DxO3oR-c.js} +1 -1
  320. package/storybook-static/assets/{foundationLib-B2kQ07LT.js → foundationLib-CTFFCQvn.js} +1 -1
  321. package/storybook-static/assets/getFlexClasses-BBvI2V8h.css +1 -0
  322. package/storybook-static/assets/getFlexClasses-DOf6NlyJ.js +1 -0
  323. package/storybook-static/assets/{hooks-BgMXxXbY.js → hooks-CAgVZJ-F.js} +1 -1
  324. package/storybook-static/assets/{iframe-CU98mtpe.js → iframe-E950Ehp0.js} +4 -4
  325. package/storybook-static/assets/iframe-dKozSQh6.js +1 -0
  326. package/storybook-static/assets/{info-BhHmytIH.js → info-Dp6XZGwP.js} +1 -1
  327. package/storybook-static/assets/{odata-yWIAioh9.js → odata-DuJbgix6.js} +1 -1
  328. package/storybook-static/assets/{odataStoryFixtures-CnZ_YrUb.js → odataStoryFixtures-CDArjyM7.js} +1 -1
  329. package/storybook-static/assets/{react-C2mSveWL.js → react-CGpO0FqR.js} +1 -1
  330. package/storybook-static/assets/{refresh-cw-D8_L8K4Y.js → refresh-cw-dMgbnEda.js} +1 -1
  331. package/storybook-static/assets/responsiveLayout-B9XAp69M.js +1 -0
  332. package/storybook-static/assets/{settings-2-jWGaWGT0.js → settings-2-CmW1dpao.js} +1 -1
  333. package/storybook-static/assets/{sortable-BteEe6X0.js → sortable-D7TAXZBK.js} +1 -1
  334. package/storybook-static/assets/{syntaxhighlighter-QEQV7K2Y-eEu1MRSg.js → syntaxhighlighter-QEQV7K2Y-ok7zY4QK.js} +1 -1
  335. package/storybook-static/assets/{trash-2-CwmbYA8i.js → trash-2-5v1tbQ2V.js} +1 -1
  336. package/storybook-static/assets/{triangle-alert-TRLt6Woa.js → triangle-alert-CVLPpc5j.js} +1 -1
  337. package/storybook-static/assets/{useODataSelectBase-BxHmAh7D.js → useODataSelectBase-Bkht6gRs.js} +1 -1
  338. package/storybook-static/assets/{useODataTreeData-dSt1HJsq.js → useODataTreeData-DTWPuC9Y.js} +1 -1
  339. package/storybook-static/assets/{usePickerQuery-ByBt1NRd.js → usePickerQuery-BmoBHlzm.js} +1 -1
  340. package/storybook-static/assets/{usePickerTriggerController-CqdXiV2q.js → usePickerTriggerController-Dvt7LsFZ.js} +1 -1
  341. package/storybook-static/assets/{x-BPRzfyys.js → x-DZpfbNy0.js} +1 -1
  342. package/storybook-static/iframe.html +2 -2
  343. package/storybook-static/index.json +1 -1
  344. package/storybook-static/project.json +1 -1
  345. package/dist/chunks/flex-D86M_h-0.js +0 -222
  346. package/dist/chunks/flex-D86M_h-0.js.map +0 -1
  347. package/dist/chunks/grid-CFuzBigM.js +0 -186
  348. package/dist/chunks/grid-CFuzBigM.js.map +0 -1
  349. package/dist/flex/useFlexClasses.d.ts +0 -8
  350. package/dist/flex/useFlexClasses.d.ts.map +0 -1
  351. package/dist/grid/useGridClasses.d.ts +0 -10
  352. package/dist/grid/useGridClasses.d.ts.map +0 -1
  353. package/storybook-static/assets/Flex-DYXuexPG.js +0 -61
  354. package/storybook-static/assets/Flex.stories-DH1BReS-.js +0 -300
  355. package/storybook-static/assets/FlexContainer-DO3X5f_1.js +0 -1
  356. package/storybook-static/assets/Grid-ChS0GzNg.js +0 -61
  357. package/storybook-static/assets/Grid.stories-ClZzgSfZ.js +0 -495
  358. package/storybook-static/assets/GridContainer-K9R_IHaw.css +0 -1
  359. package/storybook-static/assets/iframe-DaZCH1M-.js +0 -1
  360. package/storybook-static/assets/media-D9cE2tzi.js +0 -1
  361. package/storybook-static/assets/useFlexClasses-IXK2se1Y.css +0 -1
  362. package/storybook-static/assets/useFlexClasses-SgVG37Bb.js +0 -1
@@ -1 +1 @@
1
- import{a as e,n as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{a as r,o as i,s as a}from"./iframe-CU98mtpe.js";import{r as o,t as s}from"./chunk-QQBDHPVZ-DC5n6Pix.js";import{a as c,u as l}from"./theming-BgT2grXK.js";import{I as u,W as d,d as f,n as p,o as m,x as h}from"./components-BEDJAYMp.js";function ee(e,t,{signal:n,edges:r}={}){let i,a=null,o=r!=null&&r.includes(`leading`),s=r==null||r.includes(`trailing`),c=()=>{a!==null&&(e.apply(i,a),i=void 0,a=null)},l=()=>{s&&c(),p()},u=null,d=()=>{u!=null&&clearTimeout(u),u=setTimeout(()=>{u=null,l()},t)},f=()=>{u!==null&&(clearTimeout(u),u=null)},p=()=>{f(),i=void 0,a=null},m=()=>{c()},h=function(...e){if(n?.aborted)return;i=this,a=e;let t=u==null;d(),o&&t&&c()};return h.schedule=d,h.cancel=p,h.flush=m,n?.addEventListener(`abort`,p,{once:!0}),h}function g(){return(g=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function _(e,t){if(e==null)return{};var n,r,i={},a=Object.keys(e);for(r=0;r<a.length;r++)t.indexOf(n=a[r])>=0||(i[n]=e[n]);return i}function v(e){var t=(0,x.useRef)(e),n=(0,x.useRef)(function(e){t.current&&t.current(e)});return t.current=e,n.current}function y(e,t,n){var r=v(n),i=(0,x.useState)(function(){return e.toHsva(t)}),a=i[0],o=i[1],s=(0,x.useRef)({color:t,hsva:a});return(0,x.useEffect)(function(){if(!e.equal(t,s.current.color)){var n=e.toHsva(t);s.current={hsva:n,color:t},o(n)}},[t,e]),(0,x.useEffect)(function(){var t;W(a,s.current.hsva)||e.equal(t=e.fromHsva(a),s.current.color)||(s.current={hsva:a,color:t},r(t))},[a,e,r]),[a,(0,x.useCallback)(function(e){o(function(t){return Object.assign({},t,e)})},[])]}var b,x,S,C,w,T,E,D,O,k,A,te,j,M,N,P,ne,re,F,ie,ae,oe,se,I,L,R,z,ce,B,le,V,H,U,W,G,ue,de,fe,K,q,pe,me,he,ge,_e,ve,ye,be,xe,Se,Ce,we,Te,Ee,De,Oe,ke,Ae,J,je,Me,Ne,Y,Pe,Fe,X,Ie,Le,Re,ze,Z,Be,Ve,Q,He,$,Ue;function We(){return(We=t((()=>{o(),a(),b=e(n(),1),h(),d(),x=e(n(),1),c(),S=r({"../../../node_modules/color-name/index.js"(e,t){t.exports={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]}}}),C=r({"../../../node_modules/color-convert/conversions.js"(e,t){var n=S(),r={};for(let e of Object.keys(n))r[n[e]]=e;var i={rgb:{channels:3,labels:`rgb`},hsl:{channels:3,labels:`hsl`},hsv:{channels:3,labels:`hsv`},hwb:{channels:3,labels:`hwb`},cmyk:{channels:4,labels:`cmyk`},xyz:{channels:3,labels:`xyz`},lab:{channels:3,labels:`lab`},lch:{channels:3,labels:`lch`},hex:{channels:1,labels:[`hex`]},keyword:{channels:1,labels:[`keyword`]},ansi16:{channels:1,labels:[`ansi16`]},ansi256:{channels:1,labels:[`ansi256`]},hcg:{channels:3,labels:[`h`,`c`,`g`]},apple:{channels:3,labels:[`r16`,`g16`,`b16`]},gray:{channels:1,labels:[`gray`]}};t.exports=i;for(let e of Object.keys(i)){if(!(`channels`in i[e]))throw Error(`missing channels property: `+e);if(!(`labels`in i[e]))throw Error(`missing channel labels property: `+e);if(i[e].labels.length!==i[e].channels)throw Error(`channel and label counts mismatch: `+e);let{channels:t,labels:n}=i[e];delete i[e].channels,delete i[e].labels,Object.defineProperty(i[e],"channels",{value:t}),Object.defineProperty(i[e],"labels",{value:n})}i.rgb.hsl=function(e){let t=e[0]/255,n=e[1]/255,r=e[2]/255,i=Math.min(t,n,r),a=Math.max(t,n,r),o=a-i,s,c;a===i?s=0:t===a?s=(n-r)/o:n===a?s=2+(r-t)/o:r===a&&(s=4+(t-n)/o),s=Math.min(s*60,360),s<0&&(s+=360);let l=(i+a)/2;return c=a===i?0:l<=.5?o/(a+i):o/(2-a-i),[s,c*100,l*100]},i.rgb.hsv=function(e){let t,n,r,i,a,o=e[0]/255,s=e[1]/255,c=e[2]/255,l=Math.max(o,s,c),u=l-Math.min(o,s,c),d=function(e){return(l-e)/6/u+1/2};return u===0?(i=0,a=0):(a=u/l,t=d(o),n=d(s),r=d(c),o===l?i=r-n:s===l?i=1/3+t-r:c===l&&(i=2/3+n-t),i<0?i+=1:i>1&&--i),[i*360,a*100,l*100]},i.rgb.hwb=function(e){let t=e[0],n=e[1],r=e[2],a=i.rgb.hsl(e)[0],o=1/255*Math.min(t,Math.min(n,r));return r=1-1/255*Math.max(t,Math.max(n,r)),[a,o*100,r*100]},i.rgb.cmyk=function(e){let t=e[0]/255,n=e[1]/255,r=e[2]/255,i=Math.min(1-t,1-n,1-r),a=(1-t-i)/(1-i)||0,o=(1-n-i)/(1-i)||0,s=(1-r-i)/(1-i)||0;return[a*100,o*100,s*100,i*100]};function a(e,t){return(e[0]-t[0])**2+(e[1]-t[1])**2+(e[2]-t[2])**2}i.rgb.keyword=function(e){let t=r[e];if(t)return t;let i=1/0,o;for(let t of Object.keys(n)){let r=n[t],s=a(e,r);s<i&&(i=s,o=t)}return o},i.keyword.rgb=function(e){return n[e]},i.rgb.xyz=function(e){let t=e[0]/255,n=e[1]/255,r=e[2]/255;t=t>.04045?((t+.055)/1.055)**2.4:t/12.92,n=n>.04045?((n+.055)/1.055)**2.4:n/12.92,r=r>.04045?((r+.055)/1.055)**2.4:r/12.92;let i=t*.4124+n*.3576+r*.1805,a=t*.2126+n*.7152+r*.0722,o=t*.0193+n*.1192+r*.9505;return[i*100,a*100,o*100]},i.rgb.lab=function(e){let t=i.rgb.xyz(e),n=t[0],r=t[1],a=t[2];return n/=95.047,r/=100,a/=108.883,n=n>.008856?n**(1/3):7.787*n+16/116,r=r>.008856?r**(1/3):7.787*r+16/116,a=a>.008856?a**(1/3):7.787*a+16/116,[116*r-16,500*(n-r),200*(r-a)]},i.hsl.rgb=function(e){let t=e[0]/360,n=e[1]/100,r=e[2]/100,i,a,o;if(n===0)return o=r*255,[o,o,o];i=r<.5?r*(1+n):r+n-r*n;let s=2*r-i,c=[0,0,0];for(let e=0;e<3;e++)a=t+1/3*-(e-1),a<0&&a++,a>1&&a--,o=6*a<1?s+(i-s)*6*a:2*a<1?i:3*a<2?s+(i-s)*(2/3-a)*6:s,c[e]=o*255;return c},i.hsl.hsv=function(e){let t=e[0],n=e[1]/100,r=e[2]/100,i=n,a=Math.max(r,.01);r*=2,n*=r<=1?r:2-r,i*=a<=1?a:2-a;let o=(r+n)/2;return[t,(r===0?2*i/(a+i):2*n/(r+n))*100,o*100]},i.hsv.rgb=function(e){let t=e[0]/60,n=e[1]/100,r=e[2]/100,i=Math.floor(t)%6,a=t-Math.floor(t),o=255*r*(1-n),s=255*r*(1-n*a),c=255*r*(1-n*(1-a));switch(r*=255,i){case 0:return[r,c,o];case 1:return[s,r,o];case 2:return[o,r,c];case 3:return[o,s,r];case 4:return[c,o,r];case 5:return[r,o,s]}},i.hsv.hsl=function(e){let t=e[0],n=e[1]/100,r=e[2]/100,i=Math.max(r,.01),a,o;o=(2-n)*r;let s=(2-n)*i;return a=n*i,a/=s<=1?s:2-s,a||=0,o/=2,[t,a*100,o*100]},i.hwb.rgb=function(e){let t=e[0]/360,n=e[1]/100,r=e[2]/100,i=n+r,a;i>1&&(n/=i,r/=i);let o=Math.floor(6*t),s=1-r;a=6*t-o,o&1&&(a=1-a);let c=n+a*(s-n),l,u,d;switch(o){default:case 6:case 0:l=s,u=c,d=n;break;case 1:l=c,u=s,d=n;break;case 2:l=n,u=s,d=c;break;case 3:l=n,u=c,d=s;break;case 4:l=c,u=n,d=s;break;case 5:l=s,u=n,d=c}return[l*255,u*255,d*255]},i.cmyk.rgb=function(e){let t=e[0]/100,n=e[1]/100,r=e[2]/100,i=e[3]/100,a=1-Math.min(1,t*(1-i)+i),o=1-Math.min(1,n*(1-i)+i),s=1-Math.min(1,r*(1-i)+i);return[a*255,o*255,s*255]},i.xyz.rgb=function(e){let t=e[0]/100,n=e[1]/100,r=e[2]/100,i,a,o;return i=t*3.2406+n*-1.5372+r*-.4986,a=t*-.9689+n*1.8758+r*.0415,o=t*.0557+n*-.204+r*1.057,i=i>.0031308?1.055*i**(1/2.4)-.055:i*12.92,a=a>.0031308?1.055*a**(1/2.4)-.055:a*12.92,o=o>.0031308?1.055*o**(1/2.4)-.055:o*12.92,i=Math.min(Math.max(0,i),1),a=Math.min(Math.max(0,a),1),o=Math.min(Math.max(0,o),1),[i*255,a*255,o*255]},i.xyz.lab=function(e){let t=e[0],n=e[1],r=e[2];return t/=95.047,n/=100,r/=108.883,t=t>.008856?t**(1/3):7.787*t+16/116,n=n>.008856?n**(1/3):7.787*n+16/116,r=r>.008856?r**(1/3):7.787*r+16/116,[116*n-16,500*(t-n),200*(n-r)]},i.lab.xyz=function(e){let t=e[0],n=e[1],r=e[2],i,a,o;a=(t+16)/116,i=n/500+a,o=a-r/200;let s=a**3,c=i**3,l=o**3;return a=s>.008856?s:(a-16/116)/7.787,i=c>.008856?c:(i-16/116)/7.787,o=l>.008856?l:(o-16/116)/7.787,i*=95.047,a*=100,o*=108.883,[i,a,o]},i.lab.lch=function(e){let t=e[0],n=e[1],r=e[2],i;return i=Math.atan2(r,n)*360/2/Math.PI,i<0&&(i+=360),[t,Math.sqrt(n*n+r*r),i]},i.lch.lab=function(e){let t=e[0],n=e[1],r=e[2]/360*2*Math.PI;return[t,n*Math.cos(r),n*Math.sin(r)]},i.rgb.ansi16=function(e,t=null){let[n,r,a]=e,o=t===null?i.rgb.hsv(e)[2]:t;if(o=Math.round(o/50),o===0)return 30;let s=30+(Math.round(a/255)<<2|Math.round(r/255)<<1|Math.round(n/255));return o===2&&(s+=60),s},i.hsv.ansi16=function(e){return i.rgb.ansi16(i.hsv.rgb(e),e[2])},i.rgb.ansi256=function(e){let t=e[0],n=e[1],r=e[2];return t===n&&n===r?t<8?16:t>248?231:Math.round((t-8)/247*24)+232:16+36*Math.round(t/255*5)+6*Math.round(n/255*5)+Math.round(r/255*5)},i.ansi16.rgb=function(e){let t=e%10;if(t===0||t===7)return e>50&&(t+=3.5),t=t/10.5*255,[t,t,t];let n=(~~(e>50)+1)*.5;return[(t&1)*n*255,(t>>1&1)*n*255,(t>>2&1)*n*255]},i.ansi256.rgb=function(e){if(e>=232){let t=(e-232)*10+8;return[t,t,t]}e-=16;let t;return[Math.floor(e/36)/5*255,Math.floor((t=e%36)/6)/5*255,t%6/5*255]},i.rgb.hex=function(e){let t=(((Math.round(e[0])&255)<<16)+((Math.round(e[1])&255)<<8)+(Math.round(e[2])&255)).toString(16).toUpperCase();return`000000`.substring(t.length)+t},i.hex.rgb=function(e){let t=e.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!t)return[0,0,0];let n=t[0];t[0].length===3&&(n=n.split(``).map(e=>e+e).join(``));let r=parseInt(n,16);return[r>>16&255,r>>8&255,r&255]},i.rgb.hcg=function(e){let t=e[0]/255,n=e[1]/255,r=e[2]/255,i=Math.max(Math.max(t,n),r),a=Math.min(Math.min(t,n),r),o=i-a,s,c;return s=o<1?a/(1-o):0,c=o<=0?0:i===t?(n-r)/o%6:i===n?2+(r-t)/o:4+(t-n)/o,c/=6,c%=1,[c*360,o*100,s*100]},i.hsl.hcg=function(e){let t=e[1]/100,n=e[2]/100,r=n<.5?2*t*n:2*t*(1-n),i=0;return r<1&&(i=(n-.5*r)/(1-r)),[e[0],r*100,i*100]},i.hsv.hcg=function(e){let t=e[1]/100,n=e[2]/100,r=t*n,i=0;return r<1&&(i=(n-r)/(1-r)),[e[0],r*100,i*100]},i.hcg.rgb=function(e){let t=e[0]/360,n=e[1]/100,r=e[2]/100;if(n===0)return[r*255,r*255,r*255];let i=[0,0,0],a=t%1*6,o=a%1,s=1-o,c=0;switch(Math.floor(a)){case 0:i[0]=1,i[1]=o,i[2]=0;break;case 1:i[0]=s,i[1]=1,i[2]=0;break;case 2:i[0]=0,i[1]=1,i[2]=o;break;case 3:i[0]=0,i[1]=s,i[2]=1;break;case 4:i[0]=o,i[1]=0,i[2]=1;break;default:i[0]=1,i[1]=0,i[2]=s}return c=(1-n)*r,[(n*i[0]+c)*255,(n*i[1]+c)*255,(n*i[2]+c)*255]},i.hcg.hsv=function(e){let t=e[1]/100,n=t+e[2]/100*(1-t),r=0;return n>0&&(r=t/n),[e[0],r*100,n*100]},i.hcg.hsl=function(e){let t=e[1]/100,n=e[2]/100*(1-t)+.5*t,r=0;return n>0&&n<.5?r=t/(2*n):n>=.5&&n<1&&(r=t/(2*(1-n))),[e[0],r*100,n*100]},i.hcg.hwb=function(e){let t=e[1]/100,n=t+e[2]/100*(1-t);return[e[0],(n-t)*100,(1-n)*100]},i.hwb.hcg=function(e){let t=e[1]/100,n=1-e[2]/100,r=n-t,i=0;return r<1&&(i=(n-r)/(1-r)),[e[0],r*100,i*100]},i.apple.rgb=function(e){return[e[0]/65535*255,e[1]/65535*255,e[2]/65535*255]},i.rgb.apple=function(e){return[e[0]/255*65535,e[1]/255*65535,e[2]/255*65535]},i.gray.rgb=function(e){return[e[0]/100*255,e[0]/100*255,e[0]/100*255]},i.gray.hsl=function(e){return[0,0,e[0]]},i.gray.hsv=i.gray.hsl,i.gray.hwb=function(e){return[0,100,e[0]]},i.gray.cmyk=function(e){return[0,0,0,e[0]]},i.gray.lab=function(e){return[e[0],0,0]},i.gray.hex=function(e){let t=Math.round(e[0]/100*255)&255,n=((t<<16)+(t<<8)+t).toString(16).toUpperCase();return`000000`.substring(n.length)+n},i.rgb.gray=function(e){return[(e[0]+e[1]+e[2])/3/255*100]}}}),w=r({"../../../node_modules/color-convert/route.js"(e,t){var n=C();function r(){let e={},t=Object.keys(n);for(let n=t.length,r=0;r<n;r++)e[t[r]]={distance:-1,parent:null};return e}function i(e){let t=r(),i=[e];for(t[e].distance=0;i.length;){let e=i.pop(),r=Object.keys(n[e]);for(let n=r.length,a=0;a<n;a++){let n=r[a],o=t[n];o.distance===-1&&(o.distance=t[e].distance+1,o.parent=e,i.unshift(n))}}return t}function a(e,t){return function(n){return t(e(n))}}function o(e,t){let r=[t[e].parent,e],i=n[t[e].parent][e],o=t[e].parent;for(;t[o].parent;)r.unshift(t[o].parent),i=a(n[t[o].parent][o],i),o=t[o].parent;return i.conversion=r,i}t.exports=function(e){let t=i(e),n={},r=Object.keys(t);for(let e=r.length,i=0;i<e;i++){let e=r[i];t[e].parent!==null&&(n[e]=o(e,t))}return n}}}),T=r({"../../../node_modules/color-convert/index.js"(e,t){var n=C(),r=w(),i={},a=Object.keys(n);function o(e){let t=function(...t){let n=t[0];return n==null?n:(n.length>1&&(t=n),e(t))};return`conversion`in e&&(t.conversion=e.conversion),t}function s(e){let t=function(...t){let n=t[0];if(n==null)return n;n.length>1&&(t=n);let r=e(t);if(typeof r==`object`)for(let e=r.length,t=0;t<e;t++)r[t]=Math.round(r[t]);return r};return`conversion`in e&&(t.conversion=e.conversion),t}a.forEach(e=>{i[e]={},Object.defineProperty(i[e],"channels",{value:n[e].channels}),Object.defineProperty(i[e],"labels",{value:n[e].labels});let t=r(e);Object.keys(t).forEach(n=>{let r=t[n];i[e][n]=s(r),i[e][n].raw=o(r)})}),t.exports=i}}),E=i(T(),1),D=function(e,t,n){return t===void 0&&(t=0),n===void 0&&(n=1),e>n?n:e<t?t:e},O=function(e){return`touches`in e},k=function(e){return e&&e.ownerDocument.defaultView||self},A=function(e,t,n){var r=e.getBoundingClientRect(),i=O(t)?(function(e,t){for(var n=0;n<e.length;n++)if(e[n].identifier===t)return e[n];return e[0]})(t.touches,n):t;return{left:D((i.pageX-(r.left+k(e).pageXOffset))/r.width),top:D((i.pageY-(r.top+k(e).pageYOffset))/r.height)}},te=function(e){!O(e)&&e.preventDefault()},j=x.memo(function(e){var t=e.onMove,n=e.onKey,r=_(e,[`onMove`,`onKey`]),i=(0,x.useRef)(null),a=v(t),o=v(n),s=(0,x.useRef)(null),c=(0,x.useRef)(!1),l=(0,x.useMemo)(function(){var e=function(e){te(e),(O(e)?e.touches.length>0:e.buttons>0)&&i.current?a(A(i.current,e,s.current)):n(!1)},t=function(){return n(!1)};function n(n){var r=c.current,a=k(i.current),o=n?a.addEventListener:a.removeEventListener;o(r?`touchmove`:`mousemove`,e),o(r?`touchend`:`mouseup`,t)}return[function(e){var t=e.nativeEvent,r=i.current;if(r&&(te(t),!(function(e,t){return t&&!O(e)})(t,c.current)&&r)){if(O(t)){c.current=!0;var o=t.changedTouches||[];o.length&&(s.current=o[0].identifier)}r.focus(),a(A(r,t,s.current)),n(!0)}},function(e){var t=e.which||e.keyCode;t<37||t>40||(e.preventDefault(),o({left:t===39?.05:t===37?-.05:0,top:t===40?.05:t===38?-.05:0}))},n]},[o,a]),u=l[0],d=l[1],f=l[2];return(0,x.useEffect)(function(){return f},[f]),x.createElement(`div`,g({},r,{onTouchStart:u,onMouseDown:u,className:`react-colorful__interactive`,ref:i,onKeyDown:d,tabIndex:0,role:`slider`}))}),M=function(e){return e.filter(Boolean).join(` `)},N=function(e){var t=e.color,n=e.left,r=e.top,i=r===void 0?.5:r,a=M([`react-colorful__pointer`,e.className]);return x.createElement(`div`,{className:a,style:{top:100*i+`%`,left:100*n+`%`}},x.createElement(`div`,{className:`react-colorful__pointer-fill`,style:{backgroundColor:t}}))},P=function(e,t,n){return t===void 0&&(t=0),n===void 0&&(n=10**t),Math.round(n*e)/n},ne={grad:.9,turn:360,rad:360/(2*Math.PI)},re=function(e){return V(F(e))},F=function(e){return e[0]===`#`&&(e=e.substring(1)),e.length<6?{r:parseInt(e[0]+e[0],16),g:parseInt(e[1]+e[1],16),b:parseInt(e[2]+e[2],16),a:e.length===4?P(parseInt(e[3]+e[3],16)/255,2):1}:{r:parseInt(e.substring(0,2),16),g:parseInt(e.substring(2,4),16),b:parseInt(e.substring(4,6),16),a:e.length===8?P(parseInt(e.substring(6,8),16)/255,2):1}},ie=function(e,t){return t===void 0&&(t=`deg`),Number(e)*(ne[t]||1)},ae=function(e){var t=/hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return t?oe({h:ie(t[1],t[2]),s:Number(t[3]),l:Number(t[4]),a:t[5]===void 0?1:Number(t[5])/(t[6]?100:1)}):{h:0,s:0,v:0,a:1}},oe=function(e){var t=e.s,n=e.l;return{h:e.h,s:(t*=(n<50?n:100-n)/100)>0?2*t/(n+t)*100:0,v:n+t,a:e.a}},se=function(e){return le(z(e))},I=function(e){var t=e.s,n=e.v,r=e.a,i=(200-t)*n/100;return{h:P(e.h),s:P(i>0&&i<200?t*n/100/(i<=100?i:200-i)*100:0),l:P(i/2),a:P(r,2)}},L=function(e){var t=I(e);return`hsl(`+t.h+`, `+t.s+`%, `+t.l+`%)`},R=function(e){var t=I(e);return`hsla(`+t.h+`, `+t.s+`%, `+t.l+`%, `+t.a+`)`},z=function(e){var t=e.h,n=e.s,r=e.v,i=e.a;t=t/360*6,n/=100,r/=100;var a=Math.floor(t),o=r*(1-n),s=r*(1-(t-a)*n),c=r*(1-(1-t+a)*n),l=a%6;return{r:P(255*[r,s,o,o,c,r][l]),g:P(255*[c,r,r,s,o,o][l]),b:P(255*[o,o,c,r,r,s][l]),a:P(i,2)}},ce=function(e){var t=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return t?V({r:Number(t[1])/(t[2]?100/255:1),g:Number(t[3])/(t[4]?100/255:1),b:Number(t[5])/(t[6]?100/255:1),a:t[7]===void 0?1:Number(t[7])/(t[8]?100:1)}):{h:0,s:0,v:0,a:1}},B=function(e){var t=e.toString(16);return t.length<2?`0`+t:t},le=function(e){var t=e.r,n=e.g,r=e.b,i=e.a,a=i<1?B(P(255*i)):``;return`#`+B(t)+B(n)+B(r)+a},V=function(e){var t=e.r,n=e.g,r=e.b,i=e.a,a=Math.max(t,n,r),o=a-Math.min(t,n,r),s=o?a===t?(n-r)/o:a===n?2+(r-t)/o:4+(t-n)/o:0;return{h:P(60*(s<0?s+6:s)),s:P(a?o/a*100:0),v:P(a/255*100),a:i}},H=x.memo(function(e){var t=e.hue,n=e.onChange,r=M([`react-colorful__hue`,e.className]);return x.createElement(`div`,{className:r},x.createElement(j,{onMove:function(e){n({h:360*e.left})},onKey:function(e){n({h:D(t+360*e.left,0,360)})},"aria-label":`Hue`,"aria-valuenow":P(t),"aria-valuemax":`360`,"aria-valuemin":`0`},x.createElement(N,{className:`react-colorful__hue-pointer`,left:t/360,color:L({h:t,s:100,v:100,a:1})})))}),U=x.memo(function(e){var t=e.hsva,n=e.onChange,r={backgroundColor:L({h:t.h,s:100,v:100,a:1})};return x.createElement(`div`,{className:`react-colorful__saturation`,style:r},x.createElement(j,{onMove:function(e){n({s:100*e.left,v:100-100*e.top})},onKey:function(e){n({s:D(t.s+100*e.left,0,100),v:D(t.v-100*e.top,0,100)})},"aria-label":`Color`,"aria-valuetext":`Saturation `+P(t.s)+`%, Brightness `+P(t.v)+`%`},x.createElement(N,{className:`react-colorful__saturation-pointer`,top:1-t.v/100,left:t.s/100,color:L(t)})))}),W=function(e,t){if(e===t)return!0;for(var n in e)if(e[n]!==t[n])return!1;return!0},G=function(e,t){return e.replace(/\s/g,``)===t.replace(/\s/g,``)},ue=function(e,t){return e.toLowerCase()===t.toLowerCase()||W(F(e),F(t))},de=typeof window<`u`?x.useLayoutEffect:x.useEffect,fe=function(){return typeof __webpack_nonce__<`u`?__webpack_nonce__:void 0},K=new Map,q=function(e){de(function(){var t=e.current?e.current.ownerDocument:document;if(t!==void 0&&!K.has(t)){var n=t.createElement(`style`);n.innerHTML=`.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}`,K.set(t,n);var r=fe();r&&n.setAttribute(`nonce`,r),t.head.appendChild(n)}},[])},pe=function(e){var t=e.className,n=e.colorModel,r=e.color,i=r===void 0?n.defaultColor:r,a=e.onChange,o=_(e,[`className`,`colorModel`,`color`,`onChange`]),s=(0,x.useRef)(null);q(s);var c=y(n,i,a),l=c[0],u=c[1],d=M([`react-colorful`,t]);return x.createElement(`div`,g({},o,{ref:s,className:d}),x.createElement(U,{hsva:l,onChange:u}),x.createElement(H,{hue:l.h,onChange:u,className:`react-colorful__last-control`}))},me={defaultColor:`000`,toHsva:re,fromHsva:function(e){return se({h:e.h,s:e.s,v:e.v,a:1})},equal:ue},he=function(e){return x.createElement(pe,g({},e,{colorModel:me}))},ge=function(e){var t=e.className,n=e.hsva,r=e.onChange,i={backgroundImage:`linear-gradient(90deg, `+R(Object.assign({},n,{a:0}))+`, `+R(Object.assign({},n,{a:1}))+`)`},a=M([`react-colorful__alpha`,t]),o=P(100*n.a);return x.createElement(`div`,{className:a},x.createElement(`div`,{className:`react-colorful__alpha-gradient`,style:i}),x.createElement(j,{onMove:function(e){r({a:e.left})},onKey:function(e){r({a:D(n.a+e.left)})},"aria-label":`Alpha`,"aria-valuetext":o+`%`,"aria-valuenow":o,"aria-valuemin":`0`,"aria-valuemax":`100`},x.createElement(N,{className:`react-colorful__alpha-pointer`,left:n.a,color:R(n)})))},_e=function(e){var t=e.className,n=e.colorModel,r=e.color,i=r===void 0?n.defaultColor:r,a=e.onChange,o=_(e,[`className`,`colorModel`,`color`,`onChange`]),s=(0,x.useRef)(null);q(s);var c=y(n,i,a),l=c[0],u=c[1],d=M([`react-colorful`,t]);return x.createElement(`div`,g({},o,{ref:s,className:d}),x.createElement(U,{hsva:l,onChange:u}),x.createElement(H,{hue:l.h,onChange:u}),x.createElement(ge,{hsva:l,onChange:u,className:`react-colorful__last-control`}))},ve={defaultColor:`hsla(0, 0%, 0%, 1)`,toHsva:ae,fromHsva:R,equal:G},ye=function(e){return x.createElement(_e,g({},e,{colorModel:ve}))},be={defaultColor:`rgba(0, 0, 0, 1)`,toHsva:ce,fromHsva:function(e){var t=z(e);return`rgba(`+t.r+`, `+t.g+`, `+t.b+`, `+t.a+`)`},equal:G},xe=function(e){return x.createElement(_e,g({},e,{colorModel:be}))},Se=l.div({position:`relative`,maxWidth:250}),Ce=l.div({width:200,margin:5,".react-colorful__saturation":{borderRadius:`4px 4px 0 0`},".react-colorful__hue":{boxShadow:`inset 0 0 0 1px rgb(0 0 0 / 5%)`},".react-colorful__last-control":{borderRadius:`0 0 4px 4px`}}),we=l.div({display:`grid`,gridTemplateColumns:`repeat(9, 16px)`,gap:6,padding:3,marginTop:5,width:200}),Te=e=>`url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity="0.05" fill="${e?`white`:`black`}"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>')`,Ee=l(p)(({value:e,selected:t,theme:n})=>({width:16,height:16,boxShadow:t?`${n.appBorderColor} 0 0 0 1px inset, ${n.textMutedColor}50 0 0 0 4px`:`${n.appBorderColor} 0 0 0 1px inset`,border:`none`,borderRadius:n.appBorderRadius,"&, &:hover":{background:`unset`,backgroundColor:`unset`,backgroundImage:`linear-gradient(${e}, ${e}), ${Te(n.base===`dark`)}`}})),De=l(m.Input)(({theme:e})=>({width:`100%`,paddingLeft:30,paddingRight:30,boxSizing:`border-box`,fontFamily:e.typography.fonts.base,'[aria-readonly="true"] > &':{background:e.base===`light`?e.color.lighter:`transparent`}})),Oe=l(Ee)(({disabled:e})=>({position:`absolute`,top:4,left:4,zIndex:1,cursor:e?`not-allowed`:`pointer`})),ke=l(p)(({theme:e})=>({position:`absolute`,zIndex:1,top:6,right:7,width:20,height:20,padding:4,boxSizing:`border-box`,cursor:`pointer`,color:e.input.color})),Ae=(e=>(e.RGB=`rgb`,e.HSL=`hsl`,e.HEX=`hex`,e))(Ae||{}),J=Object.values(Ae),je=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,Me=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,Ne=/^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i,Y=/^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i,Pe=/^\s*#?([0-9a-f]{3})\s*$/i,Fe={hex:he,rgb:xe,hsl:ye},X={hex:`transparent`,rgb:`rgba(0, 0, 0, 0)`,hsl:`hsla(0, 0%, 0%, 0)`},Ie=e=>{let t=e?.match(je);if(!t)return[0,0,0,1];let[,n,r,i,a=1]=t;return[n,r,i,a].map(Number)},Le=e=>{let[t,n,r,i]=Ie(e),[a,o,s]=E.default.rgb.hsl([t,n,r])||[0,0,0];return{valid:!0,value:e,keyword:E.default.rgb.keyword([t,n,r]),colorSpace:`rgb`,rgb:e,hsl:`hsla(${a}, ${o}%, ${s}%, ${i})`,hex:`#${E.default.rgb.hex([t,n,r]).toLowerCase()}`}},Re=e=>{let[t,n,r,i]=Ie(e),[a,o,s]=E.default.hsl.rgb([t,n,r])||[0,0,0];return{valid:!0,value:e,keyword:E.default.hsl.keyword([t,n,r]),colorSpace:`hsl`,rgb:`rgba(${a}, ${o}, ${s}, ${i})`,hsl:e,hex:`#${E.default.hsl.hex([t,n,r]).toLowerCase()}`}},ze=e=>{let t=e.replace(`#`,``),n=E.default.keyword.rgb(t)||E.default.hex.rgb(t),r=E.default.rgb.hsl(n),i=e;/[^#a-f0-9]/i.test(e)?i=t:Y.test(e)&&(i=`#${t}`);let a=!0;if(i.startsWith(`#`))a=Y.test(i);else try{E.default.keyword.hex(i)}catch{a=!1}return{valid:a,value:i,keyword:E.default.rgb.keyword(n),colorSpace:`hex`,rgb:`rgba(${n[0]}, ${n[1]}, ${n[2]}, 1)`,hsl:`hsla(${r[0]}, ${r[1]}%, ${r[2]}%, 1)`,hex:i}},Z=e=>{if(e)return Me.test(e)?Le(e):Ne.test(e)?Re(e):ze(e)},Be=(e,t,n)=>{if(!e||!t?.valid)return X[n];if(n!==`hex`)return t?.[n]||X[n];if(!t.hex.startsWith(`#`))try{return`#${E.default.keyword.hex(t.hex)}`}catch{return X.hex}let r=t.hex.match(Pe);if(!r)return Y.test(t.hex)?t.hex:X.hex;let[i,a,o]=r[1].split(``);return`#${i}${i}${a}${a}${o}${o}`},Ve=(e,t)=>{let[n,r]=(0,b.useState)(e||``),[i,a]=(0,b.useState)(()=>Z(n)),[o,s]=(0,b.useState)(i?.colorSpace||`hex`);return(0,b.useEffect)(()=>{let t=e||``,n=Z(t);r(t),a(n),s(n?.colorSpace||`hex`)},[e]),{value:n,realValue:(0,b.useMemo)(()=>Be(n,i,o).toLowerCase(),[n,i,o]),updateValue:(0,b.useCallback)(e=>{let n=Z(e),i=n?.value||e||``;r(i),i===``&&(a(void 0),t(void 0)),n&&(a(n),s(n.colorSpace),t(n.value))},[t]),color:i,colorSpace:o,cycleColorSpace:(0,b.useCallback)(()=>{let e=J[(J.indexOf(o)+1)%J.length];s(e);let n=i?.[e]||``;r(n),t(n)},[i,o,t])}},Q=e=>e.replace(/\s*/,``).toLowerCase(),He=(e,t,n,r=27)=>{let[i,a]=(0,b.useState)(t?.valid?[t]:[]);(0,b.useEffect)(()=>{t===void 0&&a([])},[t]);let o=(0,b.useMemo)(()=>{let t=(e||[]).map(e=>typeof e==`string`?Z(e):e.title?{...Z(e.color),keyword:e.title}:Z(e.color)).concat(i).filter(Boolean);if(r===0||r===1/0)return t;let n=Number.isInteger(r)&&r>0?r:27;return t.slice(-n)},[e,i,r]);return{presets:o,addPreset:(0,b.useCallback)(e=>{e?.valid&&(o.some(t=>t&&t[n]&&Q(t[n]||``)===Q(e[n]||``))||a(t=>t.concat(e)))},[n,o])}},$=({name:e,storyId:t,controlsId:n,value:r,onChange:i,onFocus:a,onBlur:o,presetColors:c,maxPresetColors:l,startOpen:d=!1,argType:p,required:m})=>{let{value:h,realValue:g,updateValue:_,color:v,colorSpace:y,cycleColorSpace:x}=Ve(r,(0,b.useCallback)(ee(i,200),[i])),{presets:S,addPreset:C}=He(c??[],v,y,l),w=Fe[y],T=!!p?.table?.readonly,E=s(e,t,n);return b.createElement(Se,null,b.createElement(`label`,{htmlFor:E,className:`sb-sr-only`},e),b.createElement(De,{id:E,value:h,onChange:e=>_(e.target.value),onFocus:e=>e.target.select(),readOnly:T,"aria-required":m||void 0,placeholder:`Choose color...`}),b.createElement(f,{ariaLabel:`Color picker`,defaultVisible:d,visible:!T&&void 0,onVisibleChange:()=>v&&C(v),popover:b.createElement(Ce,null,b.createElement(w,{color:g===`transparent`?`#000000`:g,onChange:_,onFocus:a,onBlur:o}),S.length>0&&b.createElement(we,null,S.map((e,t)=>b.createElement(Ee,{key:`${e?.value||t}-${t}`,variant:`ghost`,padding:`small`,size:`small`,ariaLabel:`Pick this color`,tooltip:e?.keyword||e?.value||``,value:e?.value||``,selected:!!(v&&e&&e[y]&&Q(e[y]||``)===Q(v[y])),onClick:()=>e&&_(e.value||``)}))))},b.createElement(Oe,{variant:`ghost`,padding:`small`,size:`small`,ariaLabel:`Open color picker`,value:g,style:{margin:4},disabled:T})),h?b.createElement(ke,{variant:`ghost`,padding:`small`,size:`small`,ariaLabel:`Cycle through color spaces`,disabled:T,onClick:T?void 0:x},b.createElement(u,null)):null)},Ue=$})))()}We();export{$ as ColorControl,Ue as default};
1
+ import{a as e,n as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{a as r,o as i,s as a}from"./iframe-E950Ehp0.js";import{r as o,t as s}from"./chunk-QQBDHPVZ-DC5n6Pix.js";import{a as c,u as l}from"./theming-BgT2grXK.js";import{I as u,W as d,d as f,n as p,o as m,x as h}from"./components-Vmrwp1qC.js";function ee(e,t,{signal:n,edges:r}={}){let i,a=null,o=r!=null&&r.includes(`leading`),s=r==null||r.includes(`trailing`),c=()=>{a!==null&&(e.apply(i,a),i=void 0,a=null)},l=()=>{s&&c(),p()},u=null,d=()=>{u!=null&&clearTimeout(u),u=setTimeout(()=>{u=null,l()},t)},f=()=>{u!==null&&(clearTimeout(u),u=null)},p=()=>{f(),i=void 0,a=null},m=()=>{c()},h=function(...e){if(n?.aborted)return;i=this,a=e;let t=u==null;d(),o&&t&&c()};return h.schedule=d,h.cancel=p,h.flush=m,n?.addEventListener(`abort`,p,{once:!0}),h}function g(){return(g=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function _(e,t){if(e==null)return{};var n,r,i={},a=Object.keys(e);for(r=0;r<a.length;r++)t.indexOf(n=a[r])>=0||(i[n]=e[n]);return i}function v(e){var t=(0,x.useRef)(e),n=(0,x.useRef)(function(e){t.current&&t.current(e)});return t.current=e,n.current}function y(e,t,n){var r=v(n),i=(0,x.useState)(function(){return e.toHsva(t)}),a=i[0],o=i[1],s=(0,x.useRef)({color:t,hsva:a});return(0,x.useEffect)(function(){if(!e.equal(t,s.current.color)){var n=e.toHsva(t);s.current={hsva:n,color:t},o(n)}},[t,e]),(0,x.useEffect)(function(){var t;W(a,s.current.hsva)||e.equal(t=e.fromHsva(a),s.current.color)||(s.current={hsva:a,color:t},r(t))},[a,e,r]),[a,(0,x.useCallback)(function(e){o(function(t){return Object.assign({},t,e)})},[])]}var b,x,S,C,w,T,E,D,O,k,A,te,j,M,N,P,ne,re,F,ie,ae,oe,se,I,L,R,z,ce,B,le,V,H,U,W,G,ue,de,fe,K,q,pe,me,he,ge,_e,ve,ye,be,xe,Se,Ce,we,Te,Ee,De,Oe,ke,Ae,J,je,Me,Ne,Y,Pe,Fe,X,Ie,Le,Re,ze,Z,Be,Ve,Q,He,$,Ue;function We(){return(We=t((()=>{o(),a(),b=e(n(),1),h(),d(),x=e(n(),1),c(),S=r({"../../../node_modules/color-name/index.js"(e,t){t.exports={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]}}}),C=r({"../../../node_modules/color-convert/conversions.js"(e,t){var n=S(),r={};for(let e of Object.keys(n))r[n[e]]=e;var i={rgb:{channels:3,labels:`rgb`},hsl:{channels:3,labels:`hsl`},hsv:{channels:3,labels:`hsv`},hwb:{channels:3,labels:`hwb`},cmyk:{channels:4,labels:`cmyk`},xyz:{channels:3,labels:`xyz`},lab:{channels:3,labels:`lab`},lch:{channels:3,labels:`lch`},hex:{channels:1,labels:[`hex`]},keyword:{channels:1,labels:[`keyword`]},ansi16:{channels:1,labels:[`ansi16`]},ansi256:{channels:1,labels:[`ansi256`]},hcg:{channels:3,labels:[`h`,`c`,`g`]},apple:{channels:3,labels:[`r16`,`g16`,`b16`]},gray:{channels:1,labels:[`gray`]}};t.exports=i;for(let e of Object.keys(i)){if(!(`channels`in i[e]))throw Error(`missing channels property: `+e);if(!(`labels`in i[e]))throw Error(`missing channel labels property: `+e);if(i[e].labels.length!==i[e].channels)throw Error(`channel and label counts mismatch: `+e);let{channels:t,labels:n}=i[e];delete i[e].channels,delete i[e].labels,Object.defineProperty(i[e],"channels",{value:t}),Object.defineProperty(i[e],"labels",{value:n})}i.rgb.hsl=function(e){let t=e[0]/255,n=e[1]/255,r=e[2]/255,i=Math.min(t,n,r),a=Math.max(t,n,r),o=a-i,s,c;a===i?s=0:t===a?s=(n-r)/o:n===a?s=2+(r-t)/o:r===a&&(s=4+(t-n)/o),s=Math.min(s*60,360),s<0&&(s+=360);let l=(i+a)/2;return c=a===i?0:l<=.5?o/(a+i):o/(2-a-i),[s,c*100,l*100]},i.rgb.hsv=function(e){let t,n,r,i,a,o=e[0]/255,s=e[1]/255,c=e[2]/255,l=Math.max(o,s,c),u=l-Math.min(o,s,c),d=function(e){return(l-e)/6/u+1/2};return u===0?(i=0,a=0):(a=u/l,t=d(o),n=d(s),r=d(c),o===l?i=r-n:s===l?i=1/3+t-r:c===l&&(i=2/3+n-t),i<0?i+=1:i>1&&--i),[i*360,a*100,l*100]},i.rgb.hwb=function(e){let t=e[0],n=e[1],r=e[2],a=i.rgb.hsl(e)[0],o=1/255*Math.min(t,Math.min(n,r));return r=1-1/255*Math.max(t,Math.max(n,r)),[a,o*100,r*100]},i.rgb.cmyk=function(e){let t=e[0]/255,n=e[1]/255,r=e[2]/255,i=Math.min(1-t,1-n,1-r),a=(1-t-i)/(1-i)||0,o=(1-n-i)/(1-i)||0,s=(1-r-i)/(1-i)||0;return[a*100,o*100,s*100,i*100]};function a(e,t){return(e[0]-t[0])**2+(e[1]-t[1])**2+(e[2]-t[2])**2}i.rgb.keyword=function(e){let t=r[e];if(t)return t;let i=1/0,o;for(let t of Object.keys(n)){let r=n[t],s=a(e,r);s<i&&(i=s,o=t)}return o},i.keyword.rgb=function(e){return n[e]},i.rgb.xyz=function(e){let t=e[0]/255,n=e[1]/255,r=e[2]/255;t=t>.04045?((t+.055)/1.055)**2.4:t/12.92,n=n>.04045?((n+.055)/1.055)**2.4:n/12.92,r=r>.04045?((r+.055)/1.055)**2.4:r/12.92;let i=t*.4124+n*.3576+r*.1805,a=t*.2126+n*.7152+r*.0722,o=t*.0193+n*.1192+r*.9505;return[i*100,a*100,o*100]},i.rgb.lab=function(e){let t=i.rgb.xyz(e),n=t[0],r=t[1],a=t[2];return n/=95.047,r/=100,a/=108.883,n=n>.008856?n**(1/3):7.787*n+16/116,r=r>.008856?r**(1/3):7.787*r+16/116,a=a>.008856?a**(1/3):7.787*a+16/116,[116*r-16,500*(n-r),200*(r-a)]},i.hsl.rgb=function(e){let t=e[0]/360,n=e[1]/100,r=e[2]/100,i,a,o;if(n===0)return o=r*255,[o,o,o];i=r<.5?r*(1+n):r+n-r*n;let s=2*r-i,c=[0,0,0];for(let e=0;e<3;e++)a=t+1/3*-(e-1),a<0&&a++,a>1&&a--,o=6*a<1?s+(i-s)*6*a:2*a<1?i:3*a<2?s+(i-s)*(2/3-a)*6:s,c[e]=o*255;return c},i.hsl.hsv=function(e){let t=e[0],n=e[1]/100,r=e[2]/100,i=n,a=Math.max(r,.01);r*=2,n*=r<=1?r:2-r,i*=a<=1?a:2-a;let o=(r+n)/2;return[t,(r===0?2*i/(a+i):2*n/(r+n))*100,o*100]},i.hsv.rgb=function(e){let t=e[0]/60,n=e[1]/100,r=e[2]/100,i=Math.floor(t)%6,a=t-Math.floor(t),o=255*r*(1-n),s=255*r*(1-n*a),c=255*r*(1-n*(1-a));switch(r*=255,i){case 0:return[r,c,o];case 1:return[s,r,o];case 2:return[o,r,c];case 3:return[o,s,r];case 4:return[c,o,r];case 5:return[r,o,s]}},i.hsv.hsl=function(e){let t=e[0],n=e[1]/100,r=e[2]/100,i=Math.max(r,.01),a,o;o=(2-n)*r;let s=(2-n)*i;return a=n*i,a/=s<=1?s:2-s,a||=0,o/=2,[t,a*100,o*100]},i.hwb.rgb=function(e){let t=e[0]/360,n=e[1]/100,r=e[2]/100,i=n+r,a;i>1&&(n/=i,r/=i);let o=Math.floor(6*t),s=1-r;a=6*t-o,o&1&&(a=1-a);let c=n+a*(s-n),l,u,d;switch(o){default:case 6:case 0:l=s,u=c,d=n;break;case 1:l=c,u=s,d=n;break;case 2:l=n,u=s,d=c;break;case 3:l=n,u=c,d=s;break;case 4:l=c,u=n,d=s;break;case 5:l=s,u=n,d=c}return[l*255,u*255,d*255]},i.cmyk.rgb=function(e){let t=e[0]/100,n=e[1]/100,r=e[2]/100,i=e[3]/100,a=1-Math.min(1,t*(1-i)+i),o=1-Math.min(1,n*(1-i)+i),s=1-Math.min(1,r*(1-i)+i);return[a*255,o*255,s*255]},i.xyz.rgb=function(e){let t=e[0]/100,n=e[1]/100,r=e[2]/100,i,a,o;return i=t*3.2406+n*-1.5372+r*-.4986,a=t*-.9689+n*1.8758+r*.0415,o=t*.0557+n*-.204+r*1.057,i=i>.0031308?1.055*i**(1/2.4)-.055:i*12.92,a=a>.0031308?1.055*a**(1/2.4)-.055:a*12.92,o=o>.0031308?1.055*o**(1/2.4)-.055:o*12.92,i=Math.min(Math.max(0,i),1),a=Math.min(Math.max(0,a),1),o=Math.min(Math.max(0,o),1),[i*255,a*255,o*255]},i.xyz.lab=function(e){let t=e[0],n=e[1],r=e[2];return t/=95.047,n/=100,r/=108.883,t=t>.008856?t**(1/3):7.787*t+16/116,n=n>.008856?n**(1/3):7.787*n+16/116,r=r>.008856?r**(1/3):7.787*r+16/116,[116*n-16,500*(t-n),200*(n-r)]},i.lab.xyz=function(e){let t=e[0],n=e[1],r=e[2],i,a,o;a=(t+16)/116,i=n/500+a,o=a-r/200;let s=a**3,c=i**3,l=o**3;return a=s>.008856?s:(a-16/116)/7.787,i=c>.008856?c:(i-16/116)/7.787,o=l>.008856?l:(o-16/116)/7.787,i*=95.047,a*=100,o*=108.883,[i,a,o]},i.lab.lch=function(e){let t=e[0],n=e[1],r=e[2],i;return i=Math.atan2(r,n)*360/2/Math.PI,i<0&&(i+=360),[t,Math.sqrt(n*n+r*r),i]},i.lch.lab=function(e){let t=e[0],n=e[1],r=e[2]/360*2*Math.PI;return[t,n*Math.cos(r),n*Math.sin(r)]},i.rgb.ansi16=function(e,t=null){let[n,r,a]=e,o=t===null?i.rgb.hsv(e)[2]:t;if(o=Math.round(o/50),o===0)return 30;let s=30+(Math.round(a/255)<<2|Math.round(r/255)<<1|Math.round(n/255));return o===2&&(s+=60),s},i.hsv.ansi16=function(e){return i.rgb.ansi16(i.hsv.rgb(e),e[2])},i.rgb.ansi256=function(e){let t=e[0],n=e[1],r=e[2];return t===n&&n===r?t<8?16:t>248?231:Math.round((t-8)/247*24)+232:16+36*Math.round(t/255*5)+6*Math.round(n/255*5)+Math.round(r/255*5)},i.ansi16.rgb=function(e){let t=e%10;if(t===0||t===7)return e>50&&(t+=3.5),t=t/10.5*255,[t,t,t];let n=(~~(e>50)+1)*.5;return[(t&1)*n*255,(t>>1&1)*n*255,(t>>2&1)*n*255]},i.ansi256.rgb=function(e){if(e>=232){let t=(e-232)*10+8;return[t,t,t]}e-=16;let t;return[Math.floor(e/36)/5*255,Math.floor((t=e%36)/6)/5*255,t%6/5*255]},i.rgb.hex=function(e){let t=(((Math.round(e[0])&255)<<16)+((Math.round(e[1])&255)<<8)+(Math.round(e[2])&255)).toString(16).toUpperCase();return`000000`.substring(t.length)+t},i.hex.rgb=function(e){let t=e.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!t)return[0,0,0];let n=t[0];t[0].length===3&&(n=n.split(``).map(e=>e+e).join(``));let r=parseInt(n,16);return[r>>16&255,r>>8&255,r&255]},i.rgb.hcg=function(e){let t=e[0]/255,n=e[1]/255,r=e[2]/255,i=Math.max(Math.max(t,n),r),a=Math.min(Math.min(t,n),r),o=i-a,s,c;return s=o<1?a/(1-o):0,c=o<=0?0:i===t?(n-r)/o%6:i===n?2+(r-t)/o:4+(t-n)/o,c/=6,c%=1,[c*360,o*100,s*100]},i.hsl.hcg=function(e){let t=e[1]/100,n=e[2]/100,r=n<.5?2*t*n:2*t*(1-n),i=0;return r<1&&(i=(n-.5*r)/(1-r)),[e[0],r*100,i*100]},i.hsv.hcg=function(e){let t=e[1]/100,n=e[2]/100,r=t*n,i=0;return r<1&&(i=(n-r)/(1-r)),[e[0],r*100,i*100]},i.hcg.rgb=function(e){let t=e[0]/360,n=e[1]/100,r=e[2]/100;if(n===0)return[r*255,r*255,r*255];let i=[0,0,0],a=t%1*6,o=a%1,s=1-o,c=0;switch(Math.floor(a)){case 0:i[0]=1,i[1]=o,i[2]=0;break;case 1:i[0]=s,i[1]=1,i[2]=0;break;case 2:i[0]=0,i[1]=1,i[2]=o;break;case 3:i[0]=0,i[1]=s,i[2]=1;break;case 4:i[0]=o,i[1]=0,i[2]=1;break;default:i[0]=1,i[1]=0,i[2]=s}return c=(1-n)*r,[(n*i[0]+c)*255,(n*i[1]+c)*255,(n*i[2]+c)*255]},i.hcg.hsv=function(e){let t=e[1]/100,n=t+e[2]/100*(1-t),r=0;return n>0&&(r=t/n),[e[0],r*100,n*100]},i.hcg.hsl=function(e){let t=e[1]/100,n=e[2]/100*(1-t)+.5*t,r=0;return n>0&&n<.5?r=t/(2*n):n>=.5&&n<1&&(r=t/(2*(1-n))),[e[0],r*100,n*100]},i.hcg.hwb=function(e){let t=e[1]/100,n=t+e[2]/100*(1-t);return[e[0],(n-t)*100,(1-n)*100]},i.hwb.hcg=function(e){let t=e[1]/100,n=1-e[2]/100,r=n-t,i=0;return r<1&&(i=(n-r)/(1-r)),[e[0],r*100,i*100]},i.apple.rgb=function(e){return[e[0]/65535*255,e[1]/65535*255,e[2]/65535*255]},i.rgb.apple=function(e){return[e[0]/255*65535,e[1]/255*65535,e[2]/255*65535]},i.gray.rgb=function(e){return[e[0]/100*255,e[0]/100*255,e[0]/100*255]},i.gray.hsl=function(e){return[0,0,e[0]]},i.gray.hsv=i.gray.hsl,i.gray.hwb=function(e){return[0,100,e[0]]},i.gray.cmyk=function(e){return[0,0,0,e[0]]},i.gray.lab=function(e){return[e[0],0,0]},i.gray.hex=function(e){let t=Math.round(e[0]/100*255)&255,n=((t<<16)+(t<<8)+t).toString(16).toUpperCase();return`000000`.substring(n.length)+n},i.rgb.gray=function(e){return[(e[0]+e[1]+e[2])/3/255*100]}}}),w=r({"../../../node_modules/color-convert/route.js"(e,t){var n=C();function r(){let e={},t=Object.keys(n);for(let n=t.length,r=0;r<n;r++)e[t[r]]={distance:-1,parent:null};return e}function i(e){let t=r(),i=[e];for(t[e].distance=0;i.length;){let e=i.pop(),r=Object.keys(n[e]);for(let n=r.length,a=0;a<n;a++){let n=r[a],o=t[n];o.distance===-1&&(o.distance=t[e].distance+1,o.parent=e,i.unshift(n))}}return t}function a(e,t){return function(n){return t(e(n))}}function o(e,t){let r=[t[e].parent,e],i=n[t[e].parent][e],o=t[e].parent;for(;t[o].parent;)r.unshift(t[o].parent),i=a(n[t[o].parent][o],i),o=t[o].parent;return i.conversion=r,i}t.exports=function(e){let t=i(e),n={},r=Object.keys(t);for(let e=r.length,i=0;i<e;i++){let e=r[i];t[e].parent!==null&&(n[e]=o(e,t))}return n}}}),T=r({"../../../node_modules/color-convert/index.js"(e,t){var n=C(),r=w(),i={},a=Object.keys(n);function o(e){let t=function(...t){let n=t[0];return n==null?n:(n.length>1&&(t=n),e(t))};return`conversion`in e&&(t.conversion=e.conversion),t}function s(e){let t=function(...t){let n=t[0];if(n==null)return n;n.length>1&&(t=n);let r=e(t);if(typeof r==`object`)for(let e=r.length,t=0;t<e;t++)r[t]=Math.round(r[t]);return r};return`conversion`in e&&(t.conversion=e.conversion),t}a.forEach(e=>{i[e]={},Object.defineProperty(i[e],"channels",{value:n[e].channels}),Object.defineProperty(i[e],"labels",{value:n[e].labels});let t=r(e);Object.keys(t).forEach(n=>{let r=t[n];i[e][n]=s(r),i[e][n].raw=o(r)})}),t.exports=i}}),E=i(T(),1),D=function(e,t,n){return t===void 0&&(t=0),n===void 0&&(n=1),e>n?n:e<t?t:e},O=function(e){return`touches`in e},k=function(e){return e&&e.ownerDocument.defaultView||self},A=function(e,t,n){var r=e.getBoundingClientRect(),i=O(t)?(function(e,t){for(var n=0;n<e.length;n++)if(e[n].identifier===t)return e[n];return e[0]})(t.touches,n):t;return{left:D((i.pageX-(r.left+k(e).pageXOffset))/r.width),top:D((i.pageY-(r.top+k(e).pageYOffset))/r.height)}},te=function(e){!O(e)&&e.preventDefault()},j=x.memo(function(e){var t=e.onMove,n=e.onKey,r=_(e,[`onMove`,`onKey`]),i=(0,x.useRef)(null),a=v(t),o=v(n),s=(0,x.useRef)(null),c=(0,x.useRef)(!1),l=(0,x.useMemo)(function(){var e=function(e){te(e),(O(e)?e.touches.length>0:e.buttons>0)&&i.current?a(A(i.current,e,s.current)):n(!1)},t=function(){return n(!1)};function n(n){var r=c.current,a=k(i.current),o=n?a.addEventListener:a.removeEventListener;o(r?`touchmove`:`mousemove`,e),o(r?`touchend`:`mouseup`,t)}return[function(e){var t=e.nativeEvent,r=i.current;if(r&&(te(t),!(function(e,t){return t&&!O(e)})(t,c.current)&&r)){if(O(t)){c.current=!0;var o=t.changedTouches||[];o.length&&(s.current=o[0].identifier)}r.focus(),a(A(r,t,s.current)),n(!0)}},function(e){var t=e.which||e.keyCode;t<37||t>40||(e.preventDefault(),o({left:t===39?.05:t===37?-.05:0,top:t===40?.05:t===38?-.05:0}))},n]},[o,a]),u=l[0],d=l[1],f=l[2];return(0,x.useEffect)(function(){return f},[f]),x.createElement(`div`,g({},r,{onTouchStart:u,onMouseDown:u,className:`react-colorful__interactive`,ref:i,onKeyDown:d,tabIndex:0,role:`slider`}))}),M=function(e){return e.filter(Boolean).join(` `)},N=function(e){var t=e.color,n=e.left,r=e.top,i=r===void 0?.5:r,a=M([`react-colorful__pointer`,e.className]);return x.createElement(`div`,{className:a,style:{top:100*i+`%`,left:100*n+`%`}},x.createElement(`div`,{className:`react-colorful__pointer-fill`,style:{backgroundColor:t}}))},P=function(e,t,n){return t===void 0&&(t=0),n===void 0&&(n=10**t),Math.round(n*e)/n},ne={grad:.9,turn:360,rad:360/(2*Math.PI)},re=function(e){return V(F(e))},F=function(e){return e[0]===`#`&&(e=e.substring(1)),e.length<6?{r:parseInt(e[0]+e[0],16),g:parseInt(e[1]+e[1],16),b:parseInt(e[2]+e[2],16),a:e.length===4?P(parseInt(e[3]+e[3],16)/255,2):1}:{r:parseInt(e.substring(0,2),16),g:parseInt(e.substring(2,4),16),b:parseInt(e.substring(4,6),16),a:e.length===8?P(parseInt(e.substring(6,8),16)/255,2):1}},ie=function(e,t){return t===void 0&&(t=`deg`),Number(e)*(ne[t]||1)},ae=function(e){var t=/hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return t?oe({h:ie(t[1],t[2]),s:Number(t[3]),l:Number(t[4]),a:t[5]===void 0?1:Number(t[5])/(t[6]?100:1)}):{h:0,s:0,v:0,a:1}},oe=function(e){var t=e.s,n=e.l;return{h:e.h,s:(t*=(n<50?n:100-n)/100)>0?2*t/(n+t)*100:0,v:n+t,a:e.a}},se=function(e){return le(z(e))},I=function(e){var t=e.s,n=e.v,r=e.a,i=(200-t)*n/100;return{h:P(e.h),s:P(i>0&&i<200?t*n/100/(i<=100?i:200-i)*100:0),l:P(i/2),a:P(r,2)}},L=function(e){var t=I(e);return`hsl(`+t.h+`, `+t.s+`%, `+t.l+`%)`},R=function(e){var t=I(e);return`hsla(`+t.h+`, `+t.s+`%, `+t.l+`%, `+t.a+`)`},z=function(e){var t=e.h,n=e.s,r=e.v,i=e.a;t=t/360*6,n/=100,r/=100;var a=Math.floor(t),o=r*(1-n),s=r*(1-(t-a)*n),c=r*(1-(1-t+a)*n),l=a%6;return{r:P(255*[r,s,o,o,c,r][l]),g:P(255*[c,r,r,s,o,o][l]),b:P(255*[o,o,c,r,r,s][l]),a:P(i,2)}},ce=function(e){var t=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return t?V({r:Number(t[1])/(t[2]?100/255:1),g:Number(t[3])/(t[4]?100/255:1),b:Number(t[5])/(t[6]?100/255:1),a:t[7]===void 0?1:Number(t[7])/(t[8]?100:1)}):{h:0,s:0,v:0,a:1}},B=function(e){var t=e.toString(16);return t.length<2?`0`+t:t},le=function(e){var t=e.r,n=e.g,r=e.b,i=e.a,a=i<1?B(P(255*i)):``;return`#`+B(t)+B(n)+B(r)+a},V=function(e){var t=e.r,n=e.g,r=e.b,i=e.a,a=Math.max(t,n,r),o=a-Math.min(t,n,r),s=o?a===t?(n-r)/o:a===n?2+(r-t)/o:4+(t-n)/o:0;return{h:P(60*(s<0?s+6:s)),s:P(a?o/a*100:0),v:P(a/255*100),a:i}},H=x.memo(function(e){var t=e.hue,n=e.onChange,r=M([`react-colorful__hue`,e.className]);return x.createElement(`div`,{className:r},x.createElement(j,{onMove:function(e){n({h:360*e.left})},onKey:function(e){n({h:D(t+360*e.left,0,360)})},"aria-label":`Hue`,"aria-valuenow":P(t),"aria-valuemax":`360`,"aria-valuemin":`0`},x.createElement(N,{className:`react-colorful__hue-pointer`,left:t/360,color:L({h:t,s:100,v:100,a:1})})))}),U=x.memo(function(e){var t=e.hsva,n=e.onChange,r={backgroundColor:L({h:t.h,s:100,v:100,a:1})};return x.createElement(`div`,{className:`react-colorful__saturation`,style:r},x.createElement(j,{onMove:function(e){n({s:100*e.left,v:100-100*e.top})},onKey:function(e){n({s:D(t.s+100*e.left,0,100),v:D(t.v-100*e.top,0,100)})},"aria-label":`Color`,"aria-valuetext":`Saturation `+P(t.s)+`%, Brightness `+P(t.v)+`%`},x.createElement(N,{className:`react-colorful__saturation-pointer`,top:1-t.v/100,left:t.s/100,color:L(t)})))}),W=function(e,t){if(e===t)return!0;for(var n in e)if(e[n]!==t[n])return!1;return!0},G=function(e,t){return e.replace(/\s/g,``)===t.replace(/\s/g,``)},ue=function(e,t){return e.toLowerCase()===t.toLowerCase()||W(F(e),F(t))},de=typeof window<`u`?x.useLayoutEffect:x.useEffect,fe=function(){return typeof __webpack_nonce__<`u`?__webpack_nonce__:void 0},K=new Map,q=function(e){de(function(){var t=e.current?e.current.ownerDocument:document;if(t!==void 0&&!K.has(t)){var n=t.createElement(`style`);n.innerHTML=`.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}`,K.set(t,n);var r=fe();r&&n.setAttribute(`nonce`,r),t.head.appendChild(n)}},[])},pe=function(e){var t=e.className,n=e.colorModel,r=e.color,i=r===void 0?n.defaultColor:r,a=e.onChange,o=_(e,[`className`,`colorModel`,`color`,`onChange`]),s=(0,x.useRef)(null);q(s);var c=y(n,i,a),l=c[0],u=c[1],d=M([`react-colorful`,t]);return x.createElement(`div`,g({},o,{ref:s,className:d}),x.createElement(U,{hsva:l,onChange:u}),x.createElement(H,{hue:l.h,onChange:u,className:`react-colorful__last-control`}))},me={defaultColor:`000`,toHsva:re,fromHsva:function(e){return se({h:e.h,s:e.s,v:e.v,a:1})},equal:ue},he=function(e){return x.createElement(pe,g({},e,{colorModel:me}))},ge=function(e){var t=e.className,n=e.hsva,r=e.onChange,i={backgroundImage:`linear-gradient(90deg, `+R(Object.assign({},n,{a:0}))+`, `+R(Object.assign({},n,{a:1}))+`)`},a=M([`react-colorful__alpha`,t]),o=P(100*n.a);return x.createElement(`div`,{className:a},x.createElement(`div`,{className:`react-colorful__alpha-gradient`,style:i}),x.createElement(j,{onMove:function(e){r({a:e.left})},onKey:function(e){r({a:D(n.a+e.left)})},"aria-label":`Alpha`,"aria-valuetext":o+`%`,"aria-valuenow":o,"aria-valuemin":`0`,"aria-valuemax":`100`},x.createElement(N,{className:`react-colorful__alpha-pointer`,left:n.a,color:R(n)})))},_e=function(e){var t=e.className,n=e.colorModel,r=e.color,i=r===void 0?n.defaultColor:r,a=e.onChange,o=_(e,[`className`,`colorModel`,`color`,`onChange`]),s=(0,x.useRef)(null);q(s);var c=y(n,i,a),l=c[0],u=c[1],d=M([`react-colorful`,t]);return x.createElement(`div`,g({},o,{ref:s,className:d}),x.createElement(U,{hsva:l,onChange:u}),x.createElement(H,{hue:l.h,onChange:u}),x.createElement(ge,{hsva:l,onChange:u,className:`react-colorful__last-control`}))},ve={defaultColor:`hsla(0, 0%, 0%, 1)`,toHsva:ae,fromHsva:R,equal:G},ye=function(e){return x.createElement(_e,g({},e,{colorModel:ve}))},be={defaultColor:`rgba(0, 0, 0, 1)`,toHsva:ce,fromHsva:function(e){var t=z(e);return`rgba(`+t.r+`, `+t.g+`, `+t.b+`, `+t.a+`)`},equal:G},xe=function(e){return x.createElement(_e,g({},e,{colorModel:be}))},Se=l.div({position:`relative`,maxWidth:250}),Ce=l.div({width:200,margin:5,".react-colorful__saturation":{borderRadius:`4px 4px 0 0`},".react-colorful__hue":{boxShadow:`inset 0 0 0 1px rgb(0 0 0 / 5%)`},".react-colorful__last-control":{borderRadius:`0 0 4px 4px`}}),we=l.div({display:`grid`,gridTemplateColumns:`repeat(9, 16px)`,gap:6,padding:3,marginTop:5,width:200}),Te=e=>`url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity="0.05" fill="${e?`white`:`black`}"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>')`,Ee=l(p)(({value:e,selected:t,theme:n})=>({width:16,height:16,boxShadow:t?`${n.appBorderColor} 0 0 0 1px inset, ${n.textMutedColor}50 0 0 0 4px`:`${n.appBorderColor} 0 0 0 1px inset`,border:`none`,borderRadius:n.appBorderRadius,"&, &:hover":{background:`unset`,backgroundColor:`unset`,backgroundImage:`linear-gradient(${e}, ${e}), ${Te(n.base===`dark`)}`}})),De=l(m.Input)(({theme:e})=>({width:`100%`,paddingLeft:30,paddingRight:30,boxSizing:`border-box`,fontFamily:e.typography.fonts.base,'[aria-readonly="true"] > &':{background:e.base===`light`?e.color.lighter:`transparent`}})),Oe=l(Ee)(({disabled:e})=>({position:`absolute`,top:4,left:4,zIndex:1,cursor:e?`not-allowed`:`pointer`})),ke=l(p)(({theme:e})=>({position:`absolute`,zIndex:1,top:6,right:7,width:20,height:20,padding:4,boxSizing:`border-box`,cursor:`pointer`,color:e.input.color})),Ae=(e=>(e.RGB=`rgb`,e.HSL=`hsl`,e.HEX=`hex`,e))(Ae||{}),J=Object.values(Ae),je=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,Me=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,Ne=/^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i,Y=/^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i,Pe=/^\s*#?([0-9a-f]{3})\s*$/i,Fe={hex:he,rgb:xe,hsl:ye},X={hex:`transparent`,rgb:`rgba(0, 0, 0, 0)`,hsl:`hsla(0, 0%, 0%, 0)`},Ie=e=>{let t=e?.match(je);if(!t)return[0,0,0,1];let[,n,r,i,a=1]=t;return[n,r,i,a].map(Number)},Le=e=>{let[t,n,r,i]=Ie(e),[a,o,s]=E.default.rgb.hsl([t,n,r])||[0,0,0];return{valid:!0,value:e,keyword:E.default.rgb.keyword([t,n,r]),colorSpace:`rgb`,rgb:e,hsl:`hsla(${a}, ${o}%, ${s}%, ${i})`,hex:`#${E.default.rgb.hex([t,n,r]).toLowerCase()}`}},Re=e=>{let[t,n,r,i]=Ie(e),[a,o,s]=E.default.hsl.rgb([t,n,r])||[0,0,0];return{valid:!0,value:e,keyword:E.default.hsl.keyword([t,n,r]),colorSpace:`hsl`,rgb:`rgba(${a}, ${o}, ${s}, ${i})`,hsl:e,hex:`#${E.default.hsl.hex([t,n,r]).toLowerCase()}`}},ze=e=>{let t=e.replace(`#`,``),n=E.default.keyword.rgb(t)||E.default.hex.rgb(t),r=E.default.rgb.hsl(n),i=e;/[^#a-f0-9]/i.test(e)?i=t:Y.test(e)&&(i=`#${t}`);let a=!0;if(i.startsWith(`#`))a=Y.test(i);else try{E.default.keyword.hex(i)}catch{a=!1}return{valid:a,value:i,keyword:E.default.rgb.keyword(n),colorSpace:`hex`,rgb:`rgba(${n[0]}, ${n[1]}, ${n[2]}, 1)`,hsl:`hsla(${r[0]}, ${r[1]}%, ${r[2]}%, 1)`,hex:i}},Z=e=>{if(e)return Me.test(e)?Le(e):Ne.test(e)?Re(e):ze(e)},Be=(e,t,n)=>{if(!e||!t?.valid)return X[n];if(n!==`hex`)return t?.[n]||X[n];if(!t.hex.startsWith(`#`))try{return`#${E.default.keyword.hex(t.hex)}`}catch{return X.hex}let r=t.hex.match(Pe);if(!r)return Y.test(t.hex)?t.hex:X.hex;let[i,a,o]=r[1].split(``);return`#${i}${i}${a}${a}${o}${o}`},Ve=(e,t)=>{let[n,r]=(0,b.useState)(e||``),[i,a]=(0,b.useState)(()=>Z(n)),[o,s]=(0,b.useState)(i?.colorSpace||`hex`);return(0,b.useEffect)(()=>{let t=e||``,n=Z(t);r(t),a(n),s(n?.colorSpace||`hex`)},[e]),{value:n,realValue:(0,b.useMemo)(()=>Be(n,i,o).toLowerCase(),[n,i,o]),updateValue:(0,b.useCallback)(e=>{let n=Z(e),i=n?.value||e||``;r(i),i===``&&(a(void 0),t(void 0)),n&&(a(n),s(n.colorSpace),t(n.value))},[t]),color:i,colorSpace:o,cycleColorSpace:(0,b.useCallback)(()=>{let e=J[(J.indexOf(o)+1)%J.length];s(e);let n=i?.[e]||``;r(n),t(n)},[i,o,t])}},Q=e=>e.replace(/\s*/,``).toLowerCase(),He=(e,t,n,r=27)=>{let[i,a]=(0,b.useState)(t?.valid?[t]:[]);(0,b.useEffect)(()=>{t===void 0&&a([])},[t]);let o=(0,b.useMemo)(()=>{let t=(e||[]).map(e=>typeof e==`string`?Z(e):e.title?{...Z(e.color),keyword:e.title}:Z(e.color)).concat(i).filter(Boolean);if(r===0||r===1/0)return t;let n=Number.isInteger(r)&&r>0?r:27;return t.slice(-n)},[e,i,r]);return{presets:o,addPreset:(0,b.useCallback)(e=>{e?.valid&&(o.some(t=>t&&t[n]&&Q(t[n]||``)===Q(e[n]||``))||a(t=>t.concat(e)))},[n,o])}},$=({name:e,storyId:t,controlsId:n,value:r,onChange:i,onFocus:a,onBlur:o,presetColors:c,maxPresetColors:l,startOpen:d=!1,argType:p,required:m})=>{let{value:h,realValue:g,updateValue:_,color:v,colorSpace:y,cycleColorSpace:x}=Ve(r,(0,b.useCallback)(ee(i,200),[i])),{presets:S,addPreset:C}=He(c??[],v,y,l),w=Fe[y],T=!!p?.table?.readonly,E=s(e,t,n);return b.createElement(Se,null,b.createElement(`label`,{htmlFor:E,className:`sb-sr-only`},e),b.createElement(De,{id:E,value:h,onChange:e=>_(e.target.value),onFocus:e=>e.target.select(),readOnly:T,"aria-required":m||void 0,placeholder:`Choose color...`}),b.createElement(f,{ariaLabel:`Color picker`,defaultVisible:d,visible:!T&&void 0,onVisibleChange:()=>v&&C(v),popover:b.createElement(Ce,null,b.createElement(w,{color:g===`transparent`?`#000000`:g,onChange:_,onFocus:a,onBlur:o}),S.length>0&&b.createElement(we,null,S.map((e,t)=>b.createElement(Ee,{key:`${e?.value||t}-${t}`,variant:`ghost`,padding:`small`,size:`small`,ariaLabel:`Pick this color`,tooltip:e?.keyword||e?.value||``,value:e?.value||``,selected:!!(v&&e&&e[y]&&Q(e[y]||``)===Q(v[y])),onClick:()=>e&&_(e.value||``)}))))},b.createElement(Oe,{variant:`ghost`,padding:`small`,size:`small`,ariaLabel:`Open color picker`,value:g,style:{margin:4},disabled:T})),h?b.createElement(ke,{variant:`ghost`,padding:`small`,size:`small`,ariaLabel:`Cycle through color spaces`,disabled:T,onClick:T?void 0:x},b.createElement(u,null)):null)},Ue=$})))()}We();export{$ as ColorControl,Ue as default};
@@ -1,4 +1,4 @@
1
- import{a as e,n as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r}from"./iframe-CU98mtpe.js";import{t as i}from"./react-dom-BzEl8usk.js";import{a,i as o}from"./utils-tg3ibbzi.js";import{n as s,t as c}from"./OptionContent-C8S7IjI3.js";import{_ as l,a as u,f as d,h as f,m as ee,r as p}from"./floating-ui.react-BTEwHffF.js";import{a as m,i as h,n as g,r as _}from"./dom-D9_dPJ4G.js";import{n as v}from"./error-De9R4E_F.js";import{n as y,t as b}from"./ui.module-l7VCYIW-.js";import{n as x,r as S,t as C}from"./react-C2mSveWL.js";import{i as w,n as T,r as E,t as D}from"./Option-CrEWqsFF.js";import{n as O,t as k}from"./OptionButton-BEQ2oSPf.js";function A(e,t){if(e){if(typeof e==`function`){e(t);return}e.current=t}}function j(e,t){return n=>{e?.(n),!n.defaultPrevented&&t(n)}}function M(e,t){return n=>{e?.(n),!n.defaultPrevented&&t(n)}}function N(){return(N=t((()=>{})))()}function P(){let e=(0,F.useContext)(I);if(!e)throw v({hookName:`useMenuContext`,providerName:`MenuRoot`});return e}var F,I;function L(){return(L=t((()=>{F=n(),I=(0,F.createContext)(null)})))()}function R({children:e,resolveTrigger:t}){let{mode:n,open:r,menuId:i,triggerId:a,registerTriggerElement:o,onTriggerContextMenu:s,onTriggerKeyDown:c}=P();if(n!==`contextmenu`)throw Error(`ContextMenu.Trigger must be used within <ContextMenu>`);return(0,te.cloneElement)(e,{id:e.props.id??a,ref:t=>{let n=e.props.ref;A(n,t),o(t)},tabIndex:t?e.props.tabIndex:e.props.tabIndex??0,"aria-haspopup":`menu`,"aria-controls":r?i:void 0,"aria-keyshortcuts":e.props[`aria-keyshortcuts`]??`Shift+F10`,onContextMenu:n=>{if(e.props.onContextMenu?.(n),n.defaultPrevented)return;let r=t?t(n.target):n.currentTarget;r&&s(n,r)},onKeyDown:n=>{if(e.props.onKeyDown?.(n),n.defaultPrevented)return;let r=t?t(n.target):n.currentTarget;r&&c(n,r)}})}var te;function ne(){return(ne=t((()=>{te=n(),L(),R.__docgenInfo={description:``,methods:[],displayName:`ContextMenuTrigger`,props:{children:{required:!0,tsType:{name:`ReactElement`,elements:[{name:`intersection`,raw:`HTMLAttributes<HTMLElement> & { ref?: Ref<HTMLElement> }`,elements:[{name:`HTMLAttributes`,elements:[{name:`HTMLElement`}],raw:`HTMLAttributes<HTMLElement>`},{name:`signature`,type:`object`,raw:`{ ref?: Ref<HTMLElement> }`,signature:{properties:[{key:`ref`,value:{name:`Ref`,elements:[{name:`HTMLElement`}],raw:`Ref<HTMLElement>`,required:!1}}]}}]}],raw:`ReactElement<HTMLAttributes<HTMLElement> & { ref?: Ref<HTMLElement> }>`},description:``},resolveTrigger:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(eventTarget: EventTarget | null) => HTMLElement | null`,signature:{arguments:[{type:{name:`union`,raw:`EventTarget | null`,elements:[{name:`EventTarget`},{name:`null`}]},name:`eventTarget`}],return:{name:`union`,raw:`HTMLElement | null`,elements:[{name:`HTMLElement`},{name:`null`}]}}},description:`Позволяет одному ContextMenu обслуживать множество вложенных целей без отдельного floating-ui runtime на каждую строку или ячейку.`}}}})))()}var re,ie,ae,oe,se,ce,le,ue,de,fe,pe,z;function B(){return(B=t((()=>{re=`MsGee8`,ie=`_5yVJwD`,ae=`f9wo9l`,oe=`_9IPwGF`,se=`CAmmlz`,ce=`_5KEBWR`,le=`L28onY`,ue=`Pg-1Y3`,de=`ObIrS2`,fe=`_0jf5vt`,pe=`zKwsQF`,z={menuPositioner:re,menuOptions:ie,radialPanel:ae,radialRing:oe,radialCenterButton:se,radialCenterButtonText:ce,radialItems:le,radialItemSlot:ue,radialItem:de,radialItemIcon:fe,radialItemText:pe}})))()}function me({children:e,className:t,"aria-label":n,"aria-labelledby":r,closeOnOutside:i=!0,closeOnEscape:o=!0,disableOutsideClick:s=!1,restoreFocus:c=!0}){let{open:l,openSource:u,initialFocus:d,menuId:f,triggerId:ee,anchorPoint:p,floatingStyles:_,floatingRef:v,triggerRef:y,setFloating:b,closeMenu:C}=P(),w=(0,V.useCallback)(()=>{let e=v.current;return e?Array.from(e.querySelectorAll(`[data-menu-item="true"]:not([data-disabled="true"])`)):[]},[v]);m({active:l,initialFocus:e=>{let t=w();return(d===`last`?t[t.length-1]:t[0])??e},restoreFocus:c,restoreFocusTarget:()=>y.current,containerRef:v}),(0,V.useEffect)(()=>{if(!l||u!==`contextmenu`||!p)return;let e=window.requestAnimationFrame(()=>{(w()[0]??v.current)?.focus({preventScroll:!0})});return()=>window.cancelAnimationFrame(e)},[l,u,p,w,v]),g({active:l,enabled:o,onDismiss:C,containerRef:v});let T=(0,V.useCallback)(()=>{!l||s||i&&C()},[l,s,i,C]);h([v,y],T);let D=(0,V.useCallback)(e=>{if(e.key===`Tab`){y.current?.focus({preventScroll:!0}),C();return}let t=w();if(t.length===0)return;let n=document.activeElement,r=n?t.indexOf(n):-1;if(e.key===`ArrowDown`){e.preventDefault(),t[r>=0?(r+1)%t.length:0]?.focus();return}if(e.key===`ArrowUp`){e.preventDefault(),t[r>=0?(r-1+t.length)%t.length:t.length-1]?.focus();return}if(e.key===`Home`){e.preventDefault(),t[0]?.focus();return}if(e.key===`End`){e.preventDefault(),t[t.length-1]?.focus();return}if(e.key.length===1&&e.key!==` `&&!e.altKey&&!e.ctrlKey&&!e.metaKey){let n=e.key.toLocaleLowerCase(),i=[...t.slice(r+1),...t.slice(0,r+1)].find(e=>e.textContent?.trim().toLocaleLowerCase().startsWith(n));i&&(e.preventDefault(),i.focus())}},[w,y,C]);return typeof document>`u`?null:(0,he.createPortal)((0,H.jsx)(S,{children:l&&(0,H.jsx)(x.div,{id:f,ref:b,style:_,role:`menu`,"aria-label":n,"aria-labelledby":n?void 0:r??ee,tabIndex:-1,className:z.menuPositioner,onKeyDown:D,initial:{opacity:0,scale:.96,y:-2},animate:{opacity:1,scale:1,y:0},exit:{opacity:0,scale:.96,y:-2},transition:{duration:.14,ease:`easeOut`},children:(0,H.jsx)(E,{className:a(z.menuOptions,t),children:typeof e==`function`?e({closeMenu:C}):e})})}),document.body)}var V,he,H;function U(){return(U=t((()=>{V=n(),_(),o(),C(),he=i(),w(),B(),L(),H=r()})))()}function W({children:e,className:t}){return(0,ge.jsx)(`div`,{className:a(y.uiPopupGroupLabel,t),children:e})}var ge;function G(){return(G=t((()=>{n(),o(),b(),ge=r(),W.__docgenInfo={description:``,methods:[],displayName:`MenuGroupLabel`,props:{children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},className:{required:!1,tsType:{name:`string`},description:``}}}})))()}function _e({ref:e,icon:t,text:n,searchText:r,code:i,hotkey:o,...s}){return(0,K.jsx)(`a`,{...s,ref:e,className:a(y.uiOptionLink,s.className),children:(0,K.jsx)(c,{icon:t,text:n,searchText:r,...i===void 0?{hotkey:o}:{code:i}})})}var K;function ve(){return(ve=t((()=>{o(),b(),s(),K=r(),_e.__docgenInfo={description:`Основное link-действие внутри внешней оболочки Option.`,methods:[],displayName:`OptionLink`,props:{icon:{required:!1,tsType:{name:`ReactNode`},description:``},text:{required:!0,tsType:{name:`string`},description:``},searchText:{required:!1,tsType:{name:`string`},description:``},emphasizeContent:{required:!1,tsType:{name:`boolean`},description:``},ref:{required:!1,tsType:{name:`Ref`,elements:[{name:`HTMLAnchorElement`}],raw:`Ref<HTMLAnchorElement>`},description:``}}}})))()}function q({children:e,icon:t,hotKey:n,className:r,disabled:i,href:a,target:o,rel:s,closeOnSelect:c=!0,onSelect:l}){let{closeMenu:u}=P(),d=(0,ye.useCallback)(e=>{if(i){e.preventDefault(),e.stopPropagation();return}l?.(e),!e.defaultPrevented&&c&&u()},[i,l,c,u]);return a?(0,J.jsx)(D,{disabled:i,className:r,children:(0,J.jsx)(_e,{icon:t,hotkey:n,text:e,href:a,target:o,rel:s,role:`menuitem`,tabIndex:-1,"aria-disabled":i,"data-menu-item":`true`,"data-disabled":i?`true`:void 0,"data-ui":`context-menu-item`,"data-action":`select-context-menu-item`,onKeyDown:e=>{e.key===` `&&(e.preventDefault(),e.currentTarget.click())},onClick:d})}):(0,J.jsx)(D,{disabled:i,className:r,children:(0,J.jsx)(k,{icon:t,hotkey:n,text:e,role:`menuitem`,tabIndex:-1,disabled:i,"data-menu-item":`true`,"data-disabled":i?`true`:void 0,"data-ui":`context-menu-item`,"data-action":`select-context-menu-item`,onClick:d})})}var ye,J;function be(){return(be=t((()=>{ye=n(),T(),O(),ve(),L(),J=r(),q.__docgenInfo={description:``,methods:[],displayName:`MenuItem`,props:{children:{required:!0,tsType:{name:`string`},description:``},icon:{required:!1,tsType:{name:`ReactNode`},description:``},hotKey:{required:!1,tsType:{name:`string`},description:``},className:{required:!1,tsType:{name:`string`},description:``},disabled:{required:!1,tsType:{name:`boolean`},description:``},href:{required:!1,tsType:{name:`string`},description:``},target:{required:!1,tsType:{name:`HTMLAttributeAnchorTarget`},description:``},rel:{required:!1,tsType:{name:`string`},description:``},closeOnSelect:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`true`,computed:!1}},onSelect:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(event: MouseEvent<HTMLElement>) => void`,signature:{arguments:[{type:{name:`MouseEvent`,elements:[{name:`HTMLElement`}],raw:`MouseEvent<HTMLElement>`},name:`event`}],return:{name:`void`}}},description:``}}}})))()}function xe(e){return{x:e.clientX,y:e.clientY}}function Se(e){return{x:e.left+e.width/2,y:e.top+e.height/2}}function Ce(e,t){return{contextElement:t??void 0,getBoundingClientRect:()=>({x:e.x,y:e.y,top:e.y,left:e.x,bottom:e.y,right:e.x,width:0,height:0,toJSON:()=>{}})}}function we(e){return{open:!0,source:e.source,anchor:e.anchor}}function Te(e){return!e.open&&e.anchor===null?e:{open:!1,source:null,anchor:null}}var Ee;function De(){return(De=t((()=>{Ee={open:!1,source:null,anchor:null}})))()}function Oe({children:e,mode:t,placement:n=t===`click`?`bottom-start`:`right-start`,open:r,defaultOpen:i,onOpenChange:a}){let o=(0,Y.useId)(),s=`${o}-menu`,c=`${o}-trigger`,[p,m]=(0,Y.useState)(Ee),[h,g]=(0,Y.useState)(`first`),[_,v]=(0,Y.useState)(c),[y,b]=(0,Y.useState)(i??!1),x=r!==void 0,S=x?r:y,C=(0,Y.useRef)(null),w=(0,Y.useRef)(null),{refs:T,floatingStyles:E,update:D}=u({placement:n,strategy:t===`contextmenu`?`fixed`:`absolute`,transform:!1,middleware:[ee(6),d({padding:8}),f({padding:8})],whileElementsMounted:l}),O=(0,Y.useCallback)(e=>{x||b(e),a?.(e),e||m(e=>Te(e))},[x,a]),k=(0,Y.useCallback)(()=>{O(!1)},[O]),A=(0,Y.useCallback)((e,t,n=`first`)=>{T.setReference(e),g(n),m(we({source:t,anchor:{type:`element`,element:e}})),O(!0)},[T,O]),j=(0,Y.useCallback)((e,t,n)=>{T.setReference(Ce(e,n)),g(`first`),m(we({source:t,anchor:{type:`point`,point:e,contextElement:n}})),O(!0),D()},[T,O,D]),M=(0,Y.useCallback)(e=>{let n=w.current;w.current=e,e&&v(e.id||c),(C.current===null||C.current===n)&&(C.current=e),t===`click`&&T.setReference(e)},[c,t,T]),N=(0,Y.useCallback)(e=>{if(t!==`click`)return;let n=e.currentTarget;if(S&&p.anchor?.type===`element`&&p.anchor.element===n){k();return}A(n,`click`)},[t,S,p.anchor,k,A]),P=(0,Y.useCallback)((e,n=e.currentTarget)=>{if(t!==`contextmenu`)return;e.preventDefault();let r=xe(e);C.current=n,j(r,`contextmenu`,n)},[t,j]),F=(0,Y.useCallback)((e,n=e.currentTarget)=>{if(t===`click`&&(e.key===`ArrowDown`||e.key===`ArrowUp`)){e.preventDefault(),C.current=n,A(n,`keyboard`,e.key===`ArrowUp`?`last`:`first`);return}if(!(e.key===`ContextMenu`||e.shiftKey&&e.key===`F10`))return;if(e.preventDefault(),C.current=n,t===`click`){A(n,`keyboard`);return}let r=Se(n.getBoundingClientRect());j(r,`keyboard`,n)},[t,A,j]),L=S&&p.anchor!==null,R=(0,Y.useMemo)(()=>p.anchor?p.anchor.type===`point`?p.anchor.point:Se(p.anchor.element.getBoundingClientRect()):null,[p.anchor]),te=(0,Y.useMemo)(()=>({mode:t,open:L,openSource:p.source,initialFocus:h,menuId:s,triggerId:_,anchorPoint:R,floatingStyles:E,floatingRef:T.floating,triggerRef:C,setFloating:T.setFloating,registerTriggerElement:M,onTriggerClick:N,onTriggerContextMenu:P,onTriggerKeyDown:F,closeMenu:k}),[t,L,p.source,h,s,_,R,E,T.floating,T.setFloating,M,N,P,F,k]);return(0,ke.jsx)(I.Provider,{value:te,children:e})}var Y,ke;function Ae(){return(Ae=t((()=>{Y=n(),p(),De(),L(),ke=r(),Oe.__docgenInfo={description:``,methods:[],displayName:`MenuRoot`,props:{children:{required:!0,tsType:{name:`ReactNode`},description:``},mode:{required:!0,tsType:{name:`union`,raw:`"click" | "contextmenu"`,elements:[{name:`literal`,value:`"click"`},{name:`literal`,value:`"contextmenu"`}]},description:``},placement:{required:!1,tsType:{name:`Placement`},description:``,defaultValue:{value:`mode === "click" ? "bottom-start" : "right-start"`,computed:!1}},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:``}}}})))()}function je({className:e}){return(0,Me.jsx)(`div`,{role:`separator`,className:a(y.uiPopupOptionSeparator,e)})}var Me;function Ne(){return(Ne=t((()=>{o(),b(),Me=r(),je.__docgenInfo={description:``,methods:[],displayName:`MenuSeparator`,props:{className:{required:!1,tsType:{name:`string`},description:``}}}})))()}function Pe(e,t,n){return n<t?t:Math.min(Math.max(e,t),n)}function Fe({children:e,className:t,"aria-label":n,"aria-labelledby":r,closeOnOutside:i=!0,closeOnEscape:o=!0,disableOutsideClick:s=!1,restoreFocus:c=!0,radius:l=76,itemSize:u=64,closeLabel:d=`Закрыть`}){let{open:f,menuId:ee,triggerId:p,anchorPoint:_,floatingRef:v,triggerRef:y,setFloating:b,closeMenu:C}=P(),w=typeof e==`function`?e({closeMenu:C}):e,T=(0,X.useMemo)(()=>X.Children.toArray(w),[w]),E=T.length,D=l*2+u,O=(0,X.useMemo)(()=>{if(typeof window>`u`||!_)return null;let e=D/2+8;return{x:Pe(_.x,e,window.innerWidth-e),y:Pe(_.y,e,window.innerHeight-e)}},[_,D]),k=(0,X.useCallback)(()=>{let e=v.current;return e?Array.from(e.querySelectorAll(`[data-menu-item="true"]:not([data-disabled="true"])`)):[]},[v]);m({active:f,initialFocus:e=>k()[0]??e,restoreFocus:c,restoreFocusTarget:()=>y.current,containerRef:v}),(0,X.useEffect)(()=>{if(!f||!_)return;let e=0;return e=window.requestAnimationFrame(()=>{(k()[0]??v.current)?.focus()}),()=>window.cancelAnimationFrame(e)},[f,_,k,v]),g({active:f,enabled:o,onDismiss:C,containerRef:v});let A=(0,X.useCallback)(()=>{!f||s||i&&C()},[f,s,i,C]);h([v,y],A);let j=(0,X.useCallback)(e=>{if(e.key===`Tab`){y.current?.focus({preventScroll:!0}),C();return}let t=k();if(t.length===0)return;let n=document.activeElement,r=n?t.indexOf(n):-1;if(e.key===`ArrowRight`||e.key===`ArrowDown`){e.preventDefault(),t[r>=0?(r+1)%t.length:0]?.focus();return}if(e.key===`ArrowLeft`||e.key===`ArrowUp`){e.preventDefault(),t[r>=0?(r-1+t.length)%t.length:t.length-1]?.focus();return}if(e.key===`Home`){e.preventDefault(),t[0]?.focus();return}if(e.key===`End`){e.preventDefault(),t[t.length-1]?.focus();return}if(e.key.length===1&&e.key!==` `&&!e.altKey&&!e.ctrlKey&&!e.metaKey){let n=e.key.toLocaleLowerCase(),i=[...t.slice(r+1),...t.slice(0,r+1)].find(e=>e.textContent?.trim().toLocaleLowerCase().startsWith(n));i&&(e.preventDefault(),i.focus())}},[k,y,C]);return typeof document>`u`?null:(0,Ie.createPortal)((0,Z.jsx)(S,{children:f&&O&&(0,Z.jsxs)(x.div,{id:ee,ref:b,style:{"--radial-panel-size":`${D}px`,"--radial-radius":`${l}px`,"--radial-item-size":`${u}px`,left:O.x-D/2,top:O.y-D/2,transformOrigin:`center`},role:`menu`,"aria-label":n,"aria-labelledby":n?void 0:r??p,tabIndex:-1,className:a(z.radialPanel,t),onKeyDown:j,initial:{opacity:0,scale:.78},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.78},transition:{duration:.16,ease:`easeOut`},children:[(0,Z.jsx)(`div`,{className:z.radialRing,"aria-hidden":`true`}),(0,Z.jsx)(`button`,{type:`button`,role:`menuitem`,tabIndex:-1,className:z.radialCenterButton,"aria-label":d,"data-menu-item":`true`,"data-radial-close":`true`,onClick:C,children:(0,Z.jsx)(`span`,{className:z.radialCenterButtonText,children:d})}),(0,Z.jsx)(`div`,{className:z.radialItems,children:T.map((e,t)=>{let n=E>0?-90+360/E*t:-90;return(0,Z.jsx)(`div`,{className:z.radialItemSlot,style:{"--radial-item-angle":`${n}deg`},children:e},t)})})]})}),document.body)}var X,Ie,Z;function Le(){return(Le=t((()=>{X=n(),_(),o(),C(),Ie=i(),B(),L(),Z=r()})))()}function Re({children:e,icon:t,className:n,disabled:r,closeOnSelect:i=!0,onSelect:o}){let{closeMenu:s}=P(),c=(0,ze.useCallback)(e=>{if(r){e.preventDefault(),e.stopPropagation();return}o?.(e),!e.defaultPrevented&&i&&s()},[r,o,i,s]);return(0,Q.jsxs)(`button`,{type:`button`,role:`menuitem`,tabIndex:-1,disabled:r,"aria-disabled":r,"data-menu-item":`true`,"data-disabled":r?`true`:void 0,"data-ui":`radial-menu-item`,"data-action":`select-radial-menu-item`,className:a(z.radialItem,n),onClick:c,children:[t&&(0,Q.jsx)(`span`,{className:z.radialItemIcon,children:t}),(0,Q.jsx)(`span`,{className:z.radialItemText,children:e})]})}var ze,Q;function Be(){return(Be=t((()=>{ze=e(n(),1),o(),B(),L(),Q=r(),Re.__docgenInfo={description:``,methods:[],displayName:`RadialMenuItem`,props:{children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},icon:{required:!1,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},className:{required:!1,tsType:{name:`string`},description:``},disabled:{required:!1,tsType:{name:`boolean`},description:``},closeOnSelect:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`true`,computed:!1}},onSelect:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(event: React.MouseEvent<HTMLButtonElement>) => void`,signature:{arguments:[{type:{name:`ReactMouseEvent`,raw:`React.MouseEvent<HTMLButtonElement>`,elements:[{name:`HTMLButtonElement`}]},name:`event`}],return:{name:`void`}}},description:``}}}})))()}function $({children:e,placement:t,open:n,defaultOpen:r,onOpenChange:i}){return(0,Ve.jsx)(Oe,{mode:`contextmenu`,placement:t,open:n,defaultOpen:r,onOpenChange:i,children:e})}var Ve;function He(){return(He=t((()=>{n(),ne(),U(),G(),be(),Ae(),Ne(),Le(),Be(),Ve=r(),$.Trigger=R,$.Content=me,$.RadialContent=Fe,$.Item=q,$.RadialItem=Re,$.Separator=je,$.GroupLabel=W,$.__docgenInfo={description:``,methods:[{name:`Trigger`,docblock:null,modifiers:[`static`],params:[{name:`{ children, resolveTrigger }: ContextMenuTriggerProps`,optional:!1,type:{name:`ContextMenuTriggerProps`,alias:`ContextMenuTriggerProps`}}],returns:null},{name:`Content`,docblock:null,modifiers:[`static`],params:[{name:`{
1
+ import{a as e,n as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r}from"./iframe-E950Ehp0.js";import{t as i}from"./react-dom-BzEl8usk.js";import{a,i as o}from"./utils-tg3ibbzi.js";import{n as s,t as c}from"./OptionContent-FZ-u9L1s.js";import{_ as l,a as u,f as d,h as f,m as ee,r as p}from"./floating-ui.react-B-qFeMZZ.js";import{a as m,i as h,n as g,r as _}from"./dom-D9_dPJ4G.js";import{n as v}from"./error-De9R4E_F.js";import{n as y,t as b}from"./ui.module-l7VCYIW-.js";import{n as x,r as S,t as C}from"./react-CGpO0FqR.js";import{i as w,n as T,r as E,t as D}from"./Option-Beom2xTg.js";import{n as O,t as k}from"./OptionButton-D_ZCVbsd.js";function A(e,t){if(e){if(typeof e==`function`){e(t);return}e.current=t}}function j(e,t){return n=>{e?.(n),!n.defaultPrevented&&t(n)}}function M(e,t){return n=>{e?.(n),!n.defaultPrevented&&t(n)}}function N(){return(N=t((()=>{})))()}function P(){let e=(0,F.useContext)(I);if(!e)throw v({hookName:`useMenuContext`,providerName:`MenuRoot`});return e}var F,I;function L(){return(L=t((()=>{F=n(),I=(0,F.createContext)(null)})))()}function R({children:e,resolveTrigger:t}){let{mode:n,open:r,menuId:i,triggerId:a,registerTriggerElement:o,onTriggerContextMenu:s,onTriggerKeyDown:c}=P();if(n!==`contextmenu`)throw Error(`ContextMenu.Trigger must be used within <ContextMenu>`);return(0,te.cloneElement)(e,{id:e.props.id??a,ref:t=>{let n=e.props.ref;A(n,t),o(t)},tabIndex:t?e.props.tabIndex:e.props.tabIndex??0,"aria-haspopup":`menu`,"aria-controls":r?i:void 0,"aria-keyshortcuts":e.props[`aria-keyshortcuts`]??`Shift+F10`,onContextMenu:n=>{if(e.props.onContextMenu?.(n),n.defaultPrevented)return;let r=t?t(n.target):n.currentTarget;r&&s(n,r)},onKeyDown:n=>{if(e.props.onKeyDown?.(n),n.defaultPrevented)return;let r=t?t(n.target):n.currentTarget;r&&c(n,r)}})}var te;function ne(){return(ne=t((()=>{te=n(),L(),R.__docgenInfo={description:``,methods:[],displayName:`ContextMenuTrigger`,props:{children:{required:!0,tsType:{name:`ReactElement`,elements:[{name:`intersection`,raw:`HTMLAttributes<HTMLElement> & { ref?: Ref<HTMLElement> }`,elements:[{name:`HTMLAttributes`,elements:[{name:`HTMLElement`}],raw:`HTMLAttributes<HTMLElement>`},{name:`signature`,type:`object`,raw:`{ ref?: Ref<HTMLElement> }`,signature:{properties:[{key:`ref`,value:{name:`Ref`,elements:[{name:`HTMLElement`}],raw:`Ref<HTMLElement>`,required:!1}}]}}]}],raw:`ReactElement<HTMLAttributes<HTMLElement> & { ref?: Ref<HTMLElement> }>`},description:``},resolveTrigger:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(eventTarget: EventTarget | null) => HTMLElement | null`,signature:{arguments:[{type:{name:`union`,raw:`EventTarget | null`,elements:[{name:`EventTarget`},{name:`null`}]},name:`eventTarget`}],return:{name:`union`,raw:`HTMLElement | null`,elements:[{name:`HTMLElement`},{name:`null`}]}}},description:`Позволяет одному ContextMenu обслуживать множество вложенных целей без отдельного floating-ui runtime на каждую строку или ячейку.`}}}})))()}var re,ie,ae,oe,se,ce,le,ue,de,fe,pe,z;function B(){return(B=t((()=>{re=`MsGee8`,ie=`_5yVJwD`,ae=`f9wo9l`,oe=`_9IPwGF`,se=`CAmmlz`,ce=`_5KEBWR`,le=`L28onY`,ue=`Pg-1Y3`,de=`ObIrS2`,fe=`_0jf5vt`,pe=`zKwsQF`,z={menuPositioner:re,menuOptions:ie,radialPanel:ae,radialRing:oe,radialCenterButton:se,radialCenterButtonText:ce,radialItems:le,radialItemSlot:ue,radialItem:de,radialItemIcon:fe,radialItemText:pe}})))()}function me({children:e,className:t,"aria-label":n,"aria-labelledby":r,closeOnOutside:i=!0,closeOnEscape:o=!0,disableOutsideClick:s=!1,restoreFocus:c=!0}){let{open:l,openSource:u,initialFocus:d,menuId:f,triggerId:ee,anchorPoint:p,floatingStyles:_,floatingRef:v,triggerRef:y,setFloating:b,closeMenu:C}=P(),w=(0,V.useCallback)(()=>{let e=v.current;return e?Array.from(e.querySelectorAll(`[data-menu-item="true"]:not([data-disabled="true"])`)):[]},[v]);m({active:l,initialFocus:e=>{let t=w();return(d===`last`?t[t.length-1]:t[0])??e},restoreFocus:c,restoreFocusTarget:()=>y.current,containerRef:v}),(0,V.useEffect)(()=>{if(!l||u!==`contextmenu`||!p)return;let e=window.requestAnimationFrame(()=>{(w()[0]??v.current)?.focus({preventScroll:!0})});return()=>window.cancelAnimationFrame(e)},[l,u,p,w,v]),g({active:l,enabled:o,onDismiss:C,containerRef:v});let T=(0,V.useCallback)(()=>{!l||s||i&&C()},[l,s,i,C]);h([v,y],T);let D=(0,V.useCallback)(e=>{if(e.key===`Tab`){y.current?.focus({preventScroll:!0}),C();return}let t=w();if(t.length===0)return;let n=document.activeElement,r=n?t.indexOf(n):-1;if(e.key===`ArrowDown`){e.preventDefault(),t[r>=0?(r+1)%t.length:0]?.focus();return}if(e.key===`ArrowUp`){e.preventDefault(),t[r>=0?(r-1+t.length)%t.length:t.length-1]?.focus();return}if(e.key===`Home`){e.preventDefault(),t[0]?.focus();return}if(e.key===`End`){e.preventDefault(),t[t.length-1]?.focus();return}if(e.key.length===1&&e.key!==` `&&!e.altKey&&!e.ctrlKey&&!e.metaKey){let n=e.key.toLocaleLowerCase(),i=[...t.slice(r+1),...t.slice(0,r+1)].find(e=>e.textContent?.trim().toLocaleLowerCase().startsWith(n));i&&(e.preventDefault(),i.focus())}},[w,y,C]);return typeof document>`u`?null:(0,he.createPortal)((0,H.jsx)(S,{children:l&&(0,H.jsx)(x.div,{id:f,ref:b,style:_,role:`menu`,"aria-label":n,"aria-labelledby":n?void 0:r??ee,tabIndex:-1,className:z.menuPositioner,onKeyDown:D,initial:{opacity:0,scale:.96,y:-2},animate:{opacity:1,scale:1,y:0},exit:{opacity:0,scale:.96,y:-2},transition:{duration:.14,ease:`easeOut`},children:(0,H.jsx)(E,{className:a(z.menuOptions,t),children:typeof e==`function`?e({closeMenu:C}):e})})}),document.body)}var V,he,H;function U(){return(U=t((()=>{V=n(),_(),o(),C(),he=i(),w(),B(),L(),H=r()})))()}function W({children:e,className:t}){return(0,ge.jsx)(`div`,{className:a(y.uiPopupGroupLabel,t),children:e})}var ge;function G(){return(G=t((()=>{n(),o(),b(),ge=r(),W.__docgenInfo={description:``,methods:[],displayName:`MenuGroupLabel`,props:{children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},className:{required:!1,tsType:{name:`string`},description:``}}}})))()}function _e({ref:e,icon:t,text:n,searchText:r,code:i,hotkey:o,...s}){return(0,K.jsx)(`a`,{...s,ref:e,className:a(y.uiOptionLink,s.className),children:(0,K.jsx)(c,{icon:t,text:n,searchText:r,...i===void 0?{hotkey:o}:{code:i}})})}var K;function ve(){return(ve=t((()=>{o(),b(),s(),K=r(),_e.__docgenInfo={description:`Основное link-действие внутри внешней оболочки Option.`,methods:[],displayName:`OptionLink`,props:{icon:{required:!1,tsType:{name:`ReactNode`},description:``},text:{required:!0,tsType:{name:`string`},description:``},searchText:{required:!1,tsType:{name:`string`},description:``},emphasizeContent:{required:!1,tsType:{name:`boolean`},description:``},ref:{required:!1,tsType:{name:`Ref`,elements:[{name:`HTMLAnchorElement`}],raw:`Ref<HTMLAnchorElement>`},description:``}}}})))()}function q({children:e,icon:t,hotKey:n,className:r,disabled:i,href:a,target:o,rel:s,closeOnSelect:c=!0,onSelect:l}){let{closeMenu:u}=P(),d=(0,ye.useCallback)(e=>{if(i){e.preventDefault(),e.stopPropagation();return}l?.(e),!e.defaultPrevented&&c&&u()},[i,l,c,u]);return a?(0,J.jsx)(D,{disabled:i,className:r,children:(0,J.jsx)(_e,{icon:t,hotkey:n,text:e,href:a,target:o,rel:s,role:`menuitem`,tabIndex:-1,"aria-disabled":i,"data-menu-item":`true`,"data-disabled":i?`true`:void 0,"data-ui":`context-menu-item`,"data-action":`select-context-menu-item`,onKeyDown:e=>{e.key===` `&&(e.preventDefault(),e.currentTarget.click())},onClick:d})}):(0,J.jsx)(D,{disabled:i,className:r,children:(0,J.jsx)(k,{icon:t,hotkey:n,text:e,role:`menuitem`,tabIndex:-1,disabled:i,"data-menu-item":`true`,"data-disabled":i?`true`:void 0,"data-ui":`context-menu-item`,"data-action":`select-context-menu-item`,onClick:d})})}var ye,J;function be(){return(be=t((()=>{ye=n(),T(),O(),ve(),L(),J=r(),q.__docgenInfo={description:``,methods:[],displayName:`MenuItem`,props:{children:{required:!0,tsType:{name:`string`},description:``},icon:{required:!1,tsType:{name:`ReactNode`},description:``},hotKey:{required:!1,tsType:{name:`string`},description:``},className:{required:!1,tsType:{name:`string`},description:``},disabled:{required:!1,tsType:{name:`boolean`},description:``},href:{required:!1,tsType:{name:`string`},description:``},target:{required:!1,tsType:{name:`HTMLAttributeAnchorTarget`},description:``},rel:{required:!1,tsType:{name:`string`},description:``},closeOnSelect:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`true`,computed:!1}},onSelect:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(event: MouseEvent<HTMLElement>) => void`,signature:{arguments:[{type:{name:`MouseEvent`,elements:[{name:`HTMLElement`}],raw:`MouseEvent<HTMLElement>`},name:`event`}],return:{name:`void`}}},description:``}}}})))()}function xe(e){return{x:e.clientX,y:e.clientY}}function Se(e){return{x:e.left+e.width/2,y:e.top+e.height/2}}function Ce(e,t){return{contextElement:t??void 0,getBoundingClientRect:()=>({x:e.x,y:e.y,top:e.y,left:e.x,bottom:e.y,right:e.x,width:0,height:0,toJSON:()=>{}})}}function we(e){return{open:!0,source:e.source,anchor:e.anchor}}function Te(e){return!e.open&&e.anchor===null?e:{open:!1,source:null,anchor:null}}var Ee;function De(){return(De=t((()=>{Ee={open:!1,source:null,anchor:null}})))()}function Oe({children:e,mode:t,placement:n=t===`click`?`bottom-start`:`right-start`,open:r,defaultOpen:i,onOpenChange:a}){let o=(0,Y.useId)(),s=`${o}-menu`,c=`${o}-trigger`,[p,m]=(0,Y.useState)(Ee),[h,g]=(0,Y.useState)(`first`),[_,v]=(0,Y.useState)(c),[y,b]=(0,Y.useState)(i??!1),x=r!==void 0,S=x?r:y,C=(0,Y.useRef)(null),w=(0,Y.useRef)(null),{refs:T,floatingStyles:E,update:D}=u({placement:n,strategy:t===`contextmenu`?`fixed`:`absolute`,transform:!1,middleware:[ee(6),d({padding:8}),f({padding:8})],whileElementsMounted:l}),O=(0,Y.useCallback)(e=>{x||b(e),a?.(e),e||m(e=>Te(e))},[x,a]),k=(0,Y.useCallback)(()=>{O(!1)},[O]),A=(0,Y.useCallback)((e,t,n=`first`)=>{T.setReference(e),g(n),m(we({source:t,anchor:{type:`element`,element:e}})),O(!0)},[T,O]),j=(0,Y.useCallback)((e,t,n)=>{T.setReference(Ce(e,n)),g(`first`),m(we({source:t,anchor:{type:`point`,point:e,contextElement:n}})),O(!0),D()},[T,O,D]),M=(0,Y.useCallback)(e=>{let n=w.current;w.current=e,e&&v(e.id||c),(C.current===null||C.current===n)&&(C.current=e),t===`click`&&T.setReference(e)},[c,t,T]),N=(0,Y.useCallback)(e=>{if(t!==`click`)return;let n=e.currentTarget;if(S&&p.anchor?.type===`element`&&p.anchor.element===n){k();return}A(n,`click`)},[t,S,p.anchor,k,A]),P=(0,Y.useCallback)((e,n=e.currentTarget)=>{if(t!==`contextmenu`)return;e.preventDefault();let r=xe(e);C.current=n,j(r,`contextmenu`,n)},[t,j]),F=(0,Y.useCallback)((e,n=e.currentTarget)=>{if(t===`click`&&(e.key===`ArrowDown`||e.key===`ArrowUp`)){e.preventDefault(),C.current=n,A(n,`keyboard`,e.key===`ArrowUp`?`last`:`first`);return}if(!(e.key===`ContextMenu`||e.shiftKey&&e.key===`F10`))return;if(e.preventDefault(),C.current=n,t===`click`){A(n,`keyboard`);return}let r=Se(n.getBoundingClientRect());j(r,`keyboard`,n)},[t,A,j]),L=S&&p.anchor!==null,R=(0,Y.useMemo)(()=>p.anchor?p.anchor.type===`point`?p.anchor.point:Se(p.anchor.element.getBoundingClientRect()):null,[p.anchor]),te=(0,Y.useMemo)(()=>({mode:t,open:L,openSource:p.source,initialFocus:h,menuId:s,triggerId:_,anchorPoint:R,floatingStyles:E,floatingRef:T.floating,triggerRef:C,setFloating:T.setFloating,registerTriggerElement:M,onTriggerClick:N,onTriggerContextMenu:P,onTriggerKeyDown:F,closeMenu:k}),[t,L,p.source,h,s,_,R,E,T.floating,T.setFloating,M,N,P,F,k]);return(0,ke.jsx)(I.Provider,{value:te,children:e})}var Y,ke;function Ae(){return(Ae=t((()=>{Y=n(),p(),De(),L(),ke=r(),Oe.__docgenInfo={description:``,methods:[],displayName:`MenuRoot`,props:{children:{required:!0,tsType:{name:`ReactNode`},description:``},mode:{required:!0,tsType:{name:`union`,raw:`"click" | "contextmenu"`,elements:[{name:`literal`,value:`"click"`},{name:`literal`,value:`"contextmenu"`}]},description:``},placement:{required:!1,tsType:{name:`Placement`},description:``,defaultValue:{value:`mode === "click" ? "bottom-start" : "right-start"`,computed:!1}},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:``}}}})))()}function je({className:e}){return(0,Me.jsx)(`div`,{role:`separator`,className:a(y.uiPopupOptionSeparator,e)})}var Me;function Ne(){return(Ne=t((()=>{o(),b(),Me=r(),je.__docgenInfo={description:``,methods:[],displayName:`MenuSeparator`,props:{className:{required:!1,tsType:{name:`string`},description:``}}}})))()}function Pe(e,t,n){return n<t?t:Math.min(Math.max(e,t),n)}function Fe({children:e,className:t,"aria-label":n,"aria-labelledby":r,closeOnOutside:i=!0,closeOnEscape:o=!0,disableOutsideClick:s=!1,restoreFocus:c=!0,radius:l=76,itemSize:u=64,closeLabel:d=`Закрыть`}){let{open:f,menuId:ee,triggerId:p,anchorPoint:_,floatingRef:v,triggerRef:y,setFloating:b,closeMenu:C}=P(),w=typeof e==`function`?e({closeMenu:C}):e,T=(0,X.useMemo)(()=>X.Children.toArray(w),[w]),E=T.length,D=l*2+u,O=(0,X.useMemo)(()=>{if(typeof window>`u`||!_)return null;let e=D/2+8;return{x:Pe(_.x,e,window.innerWidth-e),y:Pe(_.y,e,window.innerHeight-e)}},[_,D]),k=(0,X.useCallback)(()=>{let e=v.current;return e?Array.from(e.querySelectorAll(`[data-menu-item="true"]:not([data-disabled="true"])`)):[]},[v]);m({active:f,initialFocus:e=>k()[0]??e,restoreFocus:c,restoreFocusTarget:()=>y.current,containerRef:v}),(0,X.useEffect)(()=>{if(!f||!_)return;let e=0;return e=window.requestAnimationFrame(()=>{(k()[0]??v.current)?.focus()}),()=>window.cancelAnimationFrame(e)},[f,_,k,v]),g({active:f,enabled:o,onDismiss:C,containerRef:v});let A=(0,X.useCallback)(()=>{!f||s||i&&C()},[f,s,i,C]);h([v,y],A);let j=(0,X.useCallback)(e=>{if(e.key===`Tab`){y.current?.focus({preventScroll:!0}),C();return}let t=k();if(t.length===0)return;let n=document.activeElement,r=n?t.indexOf(n):-1;if(e.key===`ArrowRight`||e.key===`ArrowDown`){e.preventDefault(),t[r>=0?(r+1)%t.length:0]?.focus();return}if(e.key===`ArrowLeft`||e.key===`ArrowUp`){e.preventDefault(),t[r>=0?(r-1+t.length)%t.length:t.length-1]?.focus();return}if(e.key===`Home`){e.preventDefault(),t[0]?.focus();return}if(e.key===`End`){e.preventDefault(),t[t.length-1]?.focus();return}if(e.key.length===1&&e.key!==` `&&!e.altKey&&!e.ctrlKey&&!e.metaKey){let n=e.key.toLocaleLowerCase(),i=[...t.slice(r+1),...t.slice(0,r+1)].find(e=>e.textContent?.trim().toLocaleLowerCase().startsWith(n));i&&(e.preventDefault(),i.focus())}},[k,y,C]);return typeof document>`u`?null:(0,Ie.createPortal)((0,Z.jsx)(S,{children:f&&O&&(0,Z.jsxs)(x.div,{id:ee,ref:b,style:{"--radial-panel-size":`${D}px`,"--radial-radius":`${l}px`,"--radial-item-size":`${u}px`,left:O.x-D/2,top:O.y-D/2,transformOrigin:`center`},role:`menu`,"aria-label":n,"aria-labelledby":n?void 0:r??p,tabIndex:-1,className:a(z.radialPanel,t),onKeyDown:j,initial:{opacity:0,scale:.78},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.78},transition:{duration:.16,ease:`easeOut`},children:[(0,Z.jsx)(`div`,{className:z.radialRing,"aria-hidden":`true`}),(0,Z.jsx)(`button`,{type:`button`,role:`menuitem`,tabIndex:-1,className:z.radialCenterButton,"aria-label":d,"data-menu-item":`true`,"data-radial-close":`true`,onClick:C,children:(0,Z.jsx)(`span`,{className:z.radialCenterButtonText,children:d})}),(0,Z.jsx)(`div`,{className:z.radialItems,children:T.map((e,t)=>{let n=E>0?-90+360/E*t:-90;return(0,Z.jsx)(`div`,{className:z.radialItemSlot,style:{"--radial-item-angle":`${n}deg`},children:e},t)})})]})}),document.body)}var X,Ie,Z;function Le(){return(Le=t((()=>{X=n(),_(),o(),C(),Ie=i(),B(),L(),Z=r()})))()}function Re({children:e,icon:t,className:n,disabled:r,closeOnSelect:i=!0,onSelect:o}){let{closeMenu:s}=P(),c=(0,ze.useCallback)(e=>{if(r){e.preventDefault(),e.stopPropagation();return}o?.(e),!e.defaultPrevented&&i&&s()},[r,o,i,s]);return(0,Q.jsxs)(`button`,{type:`button`,role:`menuitem`,tabIndex:-1,disabled:r,"aria-disabled":r,"data-menu-item":`true`,"data-disabled":r?`true`:void 0,"data-ui":`radial-menu-item`,"data-action":`select-radial-menu-item`,className:a(z.radialItem,n),onClick:c,children:[t&&(0,Q.jsx)(`span`,{className:z.radialItemIcon,children:t}),(0,Q.jsx)(`span`,{className:z.radialItemText,children:e})]})}var ze,Q;function Be(){return(Be=t((()=>{ze=e(n(),1),o(),B(),L(),Q=r(),Re.__docgenInfo={description:``,methods:[],displayName:`RadialMenuItem`,props:{children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},icon:{required:!1,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},className:{required:!1,tsType:{name:`string`},description:``},disabled:{required:!1,tsType:{name:`boolean`},description:``},closeOnSelect:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`true`,computed:!1}},onSelect:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(event: React.MouseEvent<HTMLButtonElement>) => void`,signature:{arguments:[{type:{name:`ReactMouseEvent`,raw:`React.MouseEvent<HTMLButtonElement>`,elements:[{name:`HTMLButtonElement`}]},name:`event`}],return:{name:`void`}}},description:``}}}})))()}function $({children:e,placement:t,open:n,defaultOpen:r,onOpenChange:i}){return(0,Ve.jsx)(Oe,{mode:`contextmenu`,placement:t,open:n,defaultOpen:r,onOpenChange:i,children:e})}var Ve;function He(){return(He=t((()=>{n(),ne(),U(),G(),be(),Ae(),Ne(),Le(),Be(),Ve=r(),$.Trigger=R,$.Content=me,$.RadialContent=Fe,$.Item=q,$.RadialItem=Re,$.Separator=je,$.GroupLabel=W,$.__docgenInfo={description:``,methods:[{name:`Trigger`,docblock:null,modifiers:[`static`],params:[{name:`{ children, resolveTrigger }: ContextMenuTriggerProps`,optional:!1,type:{name:`ContextMenuTriggerProps`,alias:`ContextMenuTriggerProps`}}],returns:null},{name:`Content`,docblock:null,modifiers:[`static`],params:[{name:`{
2
2
  children,
3
3
  className,
4
4
  "aria-label": ariaLabel,
@@ -1,4 +1,4 @@
1
- import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-CU98mtpe.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{a as i,d as a,f as o,l as s,m as c,p as l,r as u,u as d}from"./blocks-SX-KK9Lg.js";import{a as f,i as p,n as m,r as h,t as g}from"./ContextMenu.stories-D0tclMo1.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-DkW27tQK.js";import{n as t}from"./iframe-E950Ehp0.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{a as i,d as a,f as o,l as s,m as c,p as l,r as u,u as d}from"./blocks-DGivDYe5.js";import{a as f,i as p,n as m,r as h,t as g}from"./ContextMenu.stories-BD-wMDNw.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)(l,{children:`ContextMenu`}),`
3
3
  `,(0,y.jsx)(o,{children:`Контекстные и dropdown-меню для локальных действий в списках, карточках и рабочих областях`}),`
4
4
  `,(0,y.jsx)(t.p,{children:`ContextMenu уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
@@ -1,4 +1,4 @@
1
- import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{n,t as r}from"./settings-2-jWGaWGT0.js";import{n as i,t as a}from"./trash-2-CwmbYA8i.js";import{i as o,n as s,r as c}from"./iframe-CU98mtpe.js";import{n as l,t as u}from"./createControlledStoryRender-BouhvX-R.js";import{n as d,t as f}from"./ContextMenu-DbmUWR4I.js";import{n as p,t as m}from"./DropdownMenu-B0EI5ePH.js";var h,g;function _(){return(_=e((()=>{o(),h=[[`rect`,{width:`14`,height:`14`,x:`8`,y:`8`,rx:`2`,ry:`2`,key:`17jyea`}],[`path`,{d:`M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2`,key:`zix9uf`}]],g=c(`copy`,h)})))()}var v,y;function b(){return(b=e((()=>{o(),v=[[`path`,{d:`M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0`,key:`1nclc0`}],[`circle`,{cx:`12`,cy:`12`,r:`3`,key:`1v7zrd`}]],y=c(`eye`,v)})))()}var x,S;function C(){return(C=e((()=>{o(),x=[[`path`,{d:`M13 21h8`,key:`1jsn5i`}],[`path`,{d:`m15 5 4 4`,key:`1mk7zo`}],[`path`,{d:`M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z`,key:`1a8usu`}]],S=c(`pencil-line`,x)})))()}var w,T;function E(){return(E=e((()=>{o(),w=[[`path`,{d:`M12 17v5`,key:`bb1du9`}],[`path`,{d:`M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z`,key:`1nkz8b`}]],T=c(`pin`,w)})))()}var D=t({ContextMenuBasic:()=>L,ContextMenuRadial:()=>R,ControlledDropdown:()=>z,DropdownMenuBasic:()=>I,__namedExportsOrder:()=>B,default:()=>F});function O(e,t){return{args:e,onOpenChange:n=>{e.onOpenChange?.(n),t({open:n})}}}function k({args:e,updateArgs:t}){let{onOpenChange:n}=O(e,t);return(0,M.jsxs)(m,{placement:e.placement,open:e.open,defaultOpen:e.defaultOpen,onOpenChange:n,children:[(0,M.jsx)(m.Trigger,{children:(0,M.jsx)(`button`,{type:`button`,children:`Действия`})}),(0,M.jsxs)(m.Content,{closeOnOutside:e.closeOnOutside,closeOnEscape:e.closeOnEscape,disableOutsideClick:e.disableOutsideClick,restoreFocus:e.restoreFocus,children:[(0,M.jsx)(m.GroupLabel,{children:`Файл`}),(0,M.jsx)(m.Item,{icon:(0,M.jsx)(S,{}),hotKey:`Ctrl+E`,children:`Редактировать`}),(0,M.jsx)(m.Item,{icon:(0,M.jsx)(g,{}),hotKey:`Ctrl+C`,children:`Копировать`}),(0,M.jsx)(m.Separator,{}),(0,M.jsx)(m.Item,{icon:(0,M.jsx)(a,{}),hotKey:`Del`,children:`Удалить`})]})]})}function A({args:e,updateArgs:t}){let{onOpenChange:n}=O(e,t);return(0,M.jsxs)(f,{placement:e.placement,open:e.open,defaultOpen:e.defaultOpen,onOpenChange:n,children:[(0,M.jsx)(f.Trigger,{children:(0,M.jsxs)(`div`,{role:`region`,"aria-label":`Область документа с контекстным меню`,style:{width:300,height:180,display:`grid`,placeItems:`center`,border:`1px dashed var(--border-1)`,borderRadius:`var(--radius-sm)`,background:`var(--surface-1)`,padding:16,textAlign:`center`},children:[`Нажмите правой кнопкой мыши`,(0,M.jsx)(`br`,{}),`или Shift+F10`]})}),(0,M.jsxs)(f.Content,{closeOnOutside:e.closeOnOutside,closeOnEscape:e.closeOnEscape,disableOutsideClick:e.disableOutsideClick,restoreFocus:e.restoreFocus,children:[(0,M.jsx)(f.Item,{icon:(0,M.jsx)(S,{size:14}),children:`Переименовать`}),(0,M.jsx)(f.Item,{icon:(0,M.jsx)(g,{size:14}),children:`Дублировать`}),(0,M.jsx)(f.Separator,{}),(0,M.jsx)(f.Item,{icon:(0,M.jsx)(a,{size:14}),children:`Переместить в корзину`})]})]})}function j({args:e,updateArgs:t}){let{onOpenChange:n}=O(e,t);return(0,M.jsxs)(f,{placement:e.placement,open:e.open,defaultOpen:e.defaultOpen,onOpenChange:n,children:[(0,M.jsx)(f.Trigger,{children:(0,M.jsxs)(`div`,{role:`region`,"aria-label":`Область документа с радиальным контекстным меню`,style:{width:360,height:220,display:`grid`,placeItems:`center`,border:`1px dashed var(--border-1)`,borderRadius:`var(--radius-sm)`,background:`var(--surface-1)`,padding:16,textAlign:`center`},children:[`Нажмите правой кнопкой мыши`,(0,M.jsx)(`br`,{}),`или Shift+F10`]})}),(0,M.jsxs)(f.RadialContent,{closeOnOutside:e.closeOnOutside,closeOnEscape:e.closeOnEscape,disableOutsideClick:e.disableOutsideClick,restoreFocus:e.restoreFocus,radius:e.radius,itemSize:e.itemSize,closeLabel:e.closeLabel,children:[(0,M.jsx)(f.RadialItem,{icon:(0,M.jsx)(S,{}),children:`Править`}),(0,M.jsx)(f.RadialItem,{icon:(0,M.jsx)(g,{}),children:`Копия`}),(0,M.jsx)(f.RadialItem,{icon:(0,M.jsx)(T,{}),children:`Закрепить`}),(0,M.jsx)(f.RadialItem,{icon:(0,M.jsx)(y,{}),children:`Просмотр`}),(0,M.jsx)(f.RadialItem,{icon:(0,M.jsx)(r,{}),children:`Опции`}),(0,M.jsx)(f.RadialItem,{icon:(0,M.jsx)(a,{}),children:`Удалить`})]})]})}var M,N,P,F,I,L,R,z,B;function V(){return(V=e((()=>{_(),b(),C(),E(),n(),i(),l(),d(),p(),M=s(),{useArgs:N}=__STORYBOOK_MODULE_PREVIEW_API__,{fn:P}=__STORYBOOK_MODULE_TEST__,F={title:`UI/ContextMenu`,component:f,args:{children:null,placement:`right-start`,open:!1,defaultOpen:!1,onOpenChange:P(),closeOnOutside:!0,closeOnEscape:!0,disableOutsideClick:!1,restoreFocus:!0},parameters:{atomicCanvas:!0,layout:`centered`},argTypes:{children:{description:`Композиция из Trigger, Content и пунктов меню.`,control:!1},placement:{description:`Предпочтительное положение меню относительно trigger или точки вызова.`,control:`select`,options:[`top`,`top-start`,`top-end`,`right`,`right-start`,`right-end`,`bottom`,`bottom-start`,`bottom-end`,`left`,`left-start`,`left-end`]},open:{description:`Контролируемая видимость меню.`,control:`boolean`},defaultOpen:{description:`Начальная видимость в uncontrolled-режиме.`,control:`boolean`},onOpenChange:{description:`Вызывается при открытии и закрытии меню.`,control:!1},closeOnOutside:{description:`Закрывает обычную панель по клику снаружи.`,control:`boolean`},closeOnEscape:{description:`Закрывает обычную панель по клавише Escape.`,control:`boolean`},disableOutsideClick:{description:`Игнорирует клики снаружи панели.`,control:`boolean`},restoreFocus:{description:`Возвращает фокус на trigger после закрытия.`,control:`boolean`},radius:{description:`Радиус кольца для радиального меню.`,control:{type:`number`,min:0,step:1}},itemSize:{description:`Размер пункта радиального меню в пикселях.`,control:{type:`number`,min:1,step:1}},closeLabel:{description:`Доступное имя и подпись центральной кнопки закрытия радиального меню.`,control:`text`}}},I={name:`DropdownMenu / Базовый`,args:{placement:`bottom-start`},render:u((e,t)=>(0,M.jsx)(k,{args:e,updateArgs:t}))},L={name:`ContextMenu / По правому клику`,render:u((e,t)=>(0,M.jsx)(A,{args:e,updateArgs:t}))},R={name:`ContextMenu / Радиальное меню`,args:{radius:76,itemSize:64,closeLabel:`Закрыть`},render:u((e,t)=>(0,M.jsx)(j,{args:e,updateArgs:t}))},z={name:`DropdownMenu / Контролируемый`,args:{placement:`bottom-start`},render:function(){let[e,t]=N(),{onOpenChange:n}=O(e,t);return(0,M.jsxs)(m,{placement:e.placement,open:e.open,defaultOpen:e.defaultOpen,onOpenChange:n,children:[(0,M.jsx)(m.Trigger,{children:(0,M.jsx)(`button`,{type:`button`,children:e.open?`Скрыть меню`:`Показать меню`})}),(0,M.jsx)(m.Content,{closeOnOutside:e.closeOnOutside,closeOnEscape:e.closeOnEscape,disableOutsideClick:e.disableOutsideClick,restoreFocus:e.restoreFocus,children:(0,M.jsx)(m.Item,{onSelect:()=>n(!1),children:`Закрыть`})})]})}},I.parameters={...I.parameters,docs:{...I.parameters?.docs,source:{originalSource:`{
1
+ import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{n,t as r}from"./settings-2-CmW1dpao.js";import{n as i,t as a}from"./trash-2-5v1tbQ2V.js";import{i as o,n as s,r as c}from"./iframe-E950Ehp0.js";import{n as l,t as u}from"./createControlledStoryRender-BouhvX-R.js";import{n as d,t as f}from"./ContextMenu-BckwURZg.js";import{n as p,t as m}from"./DropdownMenu-QWp-lSol.js";var h,g;function _(){return(_=e((()=>{o(),h=[[`rect`,{width:`14`,height:`14`,x:`8`,y:`8`,rx:`2`,ry:`2`,key:`17jyea`}],[`path`,{d:`M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2`,key:`zix9uf`}]],g=c(`copy`,h)})))()}var v,y;function b(){return(b=e((()=>{o(),v=[[`path`,{d:`M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0`,key:`1nclc0`}],[`circle`,{cx:`12`,cy:`12`,r:`3`,key:`1v7zrd`}]],y=c(`eye`,v)})))()}var x,S;function C(){return(C=e((()=>{o(),x=[[`path`,{d:`M13 21h8`,key:`1jsn5i`}],[`path`,{d:`m15 5 4 4`,key:`1mk7zo`}],[`path`,{d:`M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z`,key:`1a8usu`}]],S=c(`pencil-line`,x)})))()}var w,T;function E(){return(E=e((()=>{o(),w=[[`path`,{d:`M12 17v5`,key:`bb1du9`}],[`path`,{d:`M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z`,key:`1nkz8b`}]],T=c(`pin`,w)})))()}var D=t({ContextMenuBasic:()=>L,ContextMenuRadial:()=>R,ControlledDropdown:()=>z,DropdownMenuBasic:()=>I,__namedExportsOrder:()=>B,default:()=>F});function O(e,t){return{args:e,onOpenChange:n=>{e.onOpenChange?.(n),t({open:n})}}}function k({args:e,updateArgs:t}){let{onOpenChange:n}=O(e,t);return(0,M.jsxs)(m,{placement:e.placement,open:e.open,defaultOpen:e.defaultOpen,onOpenChange:n,children:[(0,M.jsx)(m.Trigger,{children:(0,M.jsx)(`button`,{type:`button`,children:`Действия`})}),(0,M.jsxs)(m.Content,{closeOnOutside:e.closeOnOutside,closeOnEscape:e.closeOnEscape,disableOutsideClick:e.disableOutsideClick,restoreFocus:e.restoreFocus,children:[(0,M.jsx)(m.GroupLabel,{children:`Файл`}),(0,M.jsx)(m.Item,{icon:(0,M.jsx)(S,{}),hotKey:`Ctrl+E`,children:`Редактировать`}),(0,M.jsx)(m.Item,{icon:(0,M.jsx)(g,{}),hotKey:`Ctrl+C`,children:`Копировать`}),(0,M.jsx)(m.Separator,{}),(0,M.jsx)(m.Item,{icon:(0,M.jsx)(a,{}),hotKey:`Del`,children:`Удалить`})]})]})}function A({args:e,updateArgs:t}){let{onOpenChange:n}=O(e,t);return(0,M.jsxs)(f,{placement:e.placement,open:e.open,defaultOpen:e.defaultOpen,onOpenChange:n,children:[(0,M.jsx)(f.Trigger,{children:(0,M.jsxs)(`div`,{role:`region`,"aria-label":`Область документа с контекстным меню`,style:{width:300,height:180,display:`grid`,placeItems:`center`,border:`1px dashed var(--border-1)`,borderRadius:`var(--radius-sm)`,background:`var(--surface-1)`,padding:16,textAlign:`center`},children:[`Нажмите правой кнопкой мыши`,(0,M.jsx)(`br`,{}),`или Shift+F10`]})}),(0,M.jsxs)(f.Content,{closeOnOutside:e.closeOnOutside,closeOnEscape:e.closeOnEscape,disableOutsideClick:e.disableOutsideClick,restoreFocus:e.restoreFocus,children:[(0,M.jsx)(f.Item,{icon:(0,M.jsx)(S,{size:14}),children:`Переименовать`}),(0,M.jsx)(f.Item,{icon:(0,M.jsx)(g,{size:14}),children:`Дублировать`}),(0,M.jsx)(f.Separator,{}),(0,M.jsx)(f.Item,{icon:(0,M.jsx)(a,{size:14}),children:`Переместить в корзину`})]})]})}function j({args:e,updateArgs:t}){let{onOpenChange:n}=O(e,t);return(0,M.jsxs)(f,{placement:e.placement,open:e.open,defaultOpen:e.defaultOpen,onOpenChange:n,children:[(0,M.jsx)(f.Trigger,{children:(0,M.jsxs)(`div`,{role:`region`,"aria-label":`Область документа с радиальным контекстным меню`,style:{width:360,height:220,display:`grid`,placeItems:`center`,border:`1px dashed var(--border-1)`,borderRadius:`var(--radius-sm)`,background:`var(--surface-1)`,padding:16,textAlign:`center`},children:[`Нажмите правой кнопкой мыши`,(0,M.jsx)(`br`,{}),`или Shift+F10`]})}),(0,M.jsxs)(f.RadialContent,{closeOnOutside:e.closeOnOutside,closeOnEscape:e.closeOnEscape,disableOutsideClick:e.disableOutsideClick,restoreFocus:e.restoreFocus,radius:e.radius,itemSize:e.itemSize,closeLabel:e.closeLabel,children:[(0,M.jsx)(f.RadialItem,{icon:(0,M.jsx)(S,{}),children:`Править`}),(0,M.jsx)(f.RadialItem,{icon:(0,M.jsx)(g,{}),children:`Копия`}),(0,M.jsx)(f.RadialItem,{icon:(0,M.jsx)(T,{}),children:`Закрепить`}),(0,M.jsx)(f.RadialItem,{icon:(0,M.jsx)(y,{}),children:`Просмотр`}),(0,M.jsx)(f.RadialItem,{icon:(0,M.jsx)(r,{}),children:`Опции`}),(0,M.jsx)(f.RadialItem,{icon:(0,M.jsx)(a,{}),children:`Удалить`})]})]})}var M,N,P,F,I,L,R,z,B;function V(){return(V=e((()=>{_(),b(),C(),E(),n(),i(),l(),d(),p(),M=s(),{useArgs:N}=__STORYBOOK_MODULE_PREVIEW_API__,{fn:P}=__STORYBOOK_MODULE_TEST__,F={title:`UI/ContextMenu`,component:f,args:{children:null,placement:`right-start`,open:!1,defaultOpen:!1,onOpenChange:P(),closeOnOutside:!0,closeOnEscape:!0,disableOutsideClick:!1,restoreFocus:!0},parameters:{atomicCanvas:!0,layout:`centered`},argTypes:{children:{description:`Композиция из Trigger, Content и пунктов меню.`,control:!1},placement:{description:`Предпочтительное положение меню относительно trigger или точки вызова.`,control:`select`,options:[`top`,`top-start`,`top-end`,`right`,`right-start`,`right-end`,`bottom`,`bottom-start`,`bottom-end`,`left`,`left-start`,`left-end`]},open:{description:`Контролируемая видимость меню.`,control:`boolean`},defaultOpen:{description:`Начальная видимость в uncontrolled-режиме.`,control:`boolean`},onOpenChange:{description:`Вызывается при открытии и закрытии меню.`,control:!1},closeOnOutside:{description:`Закрывает обычную панель по клику снаружи.`,control:`boolean`},closeOnEscape:{description:`Закрывает обычную панель по клавише Escape.`,control:`boolean`},disableOutsideClick:{description:`Игнорирует клики снаружи панели.`,control:`boolean`},restoreFocus:{description:`Возвращает фокус на trigger после закрытия.`,control:`boolean`},radius:{description:`Радиус кольца для радиального меню.`,control:{type:`number`,min:0,step:1}},itemSize:{description:`Размер пункта радиального меню в пикселях.`,control:{type:`number`,min:1,step:1}},closeLabel:{description:`Доступное имя и подпись центральной кнопки закрытия радиального меню.`,control:`text`}}},I={name:`DropdownMenu / Базовый`,args:{placement:`bottom-start`},render:u((e,t)=>(0,M.jsx)(k,{args:e,updateArgs:t}))},L={name:`ContextMenu / По правому клику`,render:u((e,t)=>(0,M.jsx)(A,{args:e,updateArgs:t}))},R={name:`ContextMenu / Радиальное меню`,args:{radius:76,itemSize:64,closeLabel:`Закрыть`},render:u((e,t)=>(0,M.jsx)(j,{args:e,updateArgs:t}))},z={name:`DropdownMenu / Контролируемый`,args:{placement:`bottom-start`},render:function(){let[e,t]=N(),{onOpenChange:n}=O(e,t);return(0,M.jsxs)(m,{placement:e.placement,open:e.open,defaultOpen:e.defaultOpen,onOpenChange:n,children:[(0,M.jsx)(m.Trigger,{children:(0,M.jsx)(`button`,{type:`button`,children:e.open?`Скрыть меню`:`Показать меню`})}),(0,M.jsx)(m.Content,{closeOnOutside:e.closeOnOutside,closeOnEscape:e.closeOnEscape,disableOutsideClick:e.disableOutsideClick,restoreFocus:e.restoreFocus,children:(0,M.jsx)(m.Item,{onSelect:()=>n(!1),children:`Закрыть`})})]})}},I.parameters={...I.parameters,docs:{...I.parameters?.docs,source:{originalSource:`{
2
2
  name: "DropdownMenu / Базовый",
3
3
  args: {
4
4
  placement: "bottom-start"
@@ -1 +1 @@
1
- import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{a as n,c as r,i,n as a,o,s,t as c}from"./CalendarView-Co2EiQf9.js";import{n as l}from"./iframe-CU98mtpe.js";import{_ as u,c as d,d as f,g as p,l as m,n as h,x as g}from"./odata-service-CWkHASdw-DAt28ZWr.js";import{_,h as v,s as y}from"./formatters-DVE1YVNQ-CJCkXjuI.js";import{n as ee,t as b}from"./Popover-0QfSvwRS.js";import{n as te,t as x}from"./ui.module-l7VCYIW-.js";import{l as ne,o as re}from"./Input-D2eqioLp.js";import{n as ie,t as ae}from"./RadioGroup-B3bLu8Qg.js";function S(e,t,n=[]){if(!Array.isArray(e))return[...n];let r=[];for(let n of e)!t(n)||r.includes(n)||r.push(n);return r}function C(e,t){let n=new Map(t.map(e=>[e.id,e])),r=[],i=new Set;for(let t of e){if(i.has(t))continue;let e=n.get(t);e&&(r.push(e),i.add(t))}return r}function w(e,t){return e?t.find(t=>t.id===e)??null:null}function T(){return(T=e((()=>{})))()}function E(e){return typeof e==`string`&&A.has(e)}function oe(e,t=O){return S(e,E,t)}function D(e,t=k){return C(e,t)}var O,k,A;function j(){return(j=e((()=>{O=Object.freeze([`day`,`week`,`month`,`year`]),k=Object.freeze([{id:`day`,label:`День`},{id:`week`,label:`Неделя`},{id:`month`,label:`Месяц`},{id:`year`,label:`Год`}]),A=new Set(O)})))()}function M(e){return e.selectionMode===`day`||e.selectionMode===`week`?`day`:e.selectionMode===`month`||e.selectionMode===`year`?e.selectionMode:e.datePickerLevel??`day`}function N(e){return{selectionMode:e?.selectionMode,weekEndDay:e?.weekEndDay}}function P(e,t){return typeof e==`string`||e===void 0?{datePreset:e,datePickerLevel:t}:t&&e.datePickerLevel===void 0?{...e,datePickerLevel:t}:e}function F(e){let t=m(e,q);return f(t)?t:q}function I(e,t){return d(e,F(t.datePreset),{defaultFormat:q,precision:M(t),referenceDate:t.referenceDate})?.date??null}function L(e,t){return _(e,N(t))?.start??null}function R(e,t){if(!y(e))return null;let[n,r]=e;return[L(n,t),z(r,t)]}function z(e,t){return _(e,N(t))?.end??null}function B(e){return e?.getTime()??null}function se(e,t,n){return B(L(e,n))===B(L(t,n))}function ce(e,t,n){let r=R(e,n),i=R(t,n);return B(r?.[0]??null)===B(i?.[0]??null)&&B(r?.[1]??null)===B(i?.[1]??null)}function V(e,t,n){if(!e)return``;let r=P(t,n),i=_(e,N(r));return r.selectionMode===`week`&&i?u(i.start,i.end,F(r.datePreset),{precision:M(r)}):h(e,F(r.datePreset),{precision:M(r)})}function H(e,t,n){if(!y(e))return``;let r=P(t,n),[i,a]=e;return i&&a?u(i,a,F(r.datePreset),{precision:M(r)}):i?`${h(i,F(r.datePreset),{precision:M(r)})}${J}`:``}function U(e,t,n){return y(e)?H(e,t,n):V(e,t,n)}function W(e,t,n){let r=P(t,n);return L(I(r.selectionMode===`week`?e.split(J)[0]??``:e,r),r)}function G(e,t,n){let r=P(t,n),[i=``,a=``]=e.split(J);return[W(i,r),K(a,r)]}function K(e,t,n){let r=P(t,n);return z(I(e,r),r)}var q,J;function Y(){return(Y=e((()=>{p(),v(),q=g.date,J=` - `})))()}function le(e){return y(e)?e[0]??e[1]??void 0:e??void 0}var X,ue;function de(){return(de=e((()=>{X=t(),v(),Y(),ue=e=>{let t=(0,X.useMemo)(()=>{let t={selectionMode:e.selectionMode,weekEndDay:e.weekEndDay};return e.selectsRange?R(e.value,t):L(e.value,t)},[e.selectsRange,e.selectionMode,e.value,e.weekEndDay]),n=(0,X.useMemo)(()=>({datePreset:e.datePreset,datePickerLevel:e.datePickerLevel,selectionMode:e.selectionMode,weekEndDay:e.weekEndDay}),[e.datePickerLevel,e.datePreset,e.selectionMode,e.weekEndDay]),r=U(t,n),i=JSON.stringify([e.selectsRange,e.datePreset??null,e.datePickerLevel??null,e.selectionMode??null,e.weekEndDay??null,y(t)?[t[0]?.getTime()??null,t[1]?.getTime()??null]:t?.getTime()??null]),[a,o]=(0,X.useState)(()=>({sourceSignature:i,selectedDate:t,inputValue:r})),s=a.sourceSignature===i,c=s?a.selectedDate:t,l=s?a.inputValue:r,u=e=>{o(n=>{let r=n.sourceSignature===i?n.selectedDate:t;return{sourceSignature:i,selectedDate:r,inputValue:e}})},d=e=>{o(t=>{let n=t.sourceSignature===i?t.inputValue:r;return{sourceSignature:i,selectedDate:e,inputValue:n}})},f=e=>U(e,n);return{inputValue:l,setInputValue:u,selectedDate:c,setSelectedDate:d,handleSelect:t=>{let[r,a]=Array.isArray(t)?t:[t,null];if(e.selectsRange){let t=L(r,n),s=z(a,n);if(t&&s){if(s<t){let t=[L(a,n),z(r,n)];o({sourceSignature:i,selectedDate:t,inputValue:f(t)}),e.onChange(t)}else{let n=[t,s];o({sourceSignature:i,selectedDate:n,inputValue:f(n)}),e.onChange(n)}return!0}let c=[t,null];return o({sourceSignature:i,selectedDate:c,inputValue:f(c)}),!1}let s=L(r,n);return o({sourceSignature:i,selectedDate:s,inputValue:f(s)}),e.onChange(s),!0},formatDate:f,parseDate:t=>{let r={...n,referenceDate:le(c)};return e.selectsRange?G(t,r):W(t,r)}}}})))()}var fe,Z;function pe(){return(pe=e((()=>{fe=`-tM-kj`,Z={selectionModeControl:fe}})))()}function me(e,t){let n=oe(e,O);return D(n.includes(t)?n:[...n,t])}function he({placeholder:e,disabled:t,error:r,onClearError:i,minDate:a,maxDate:l,datePreset:u,datePickerLevel:d,selectionMode:f,weekEndDay:p=`sunday`,allowSelectionModeChange:m,selectionModeOptions:h,selectionModeDatePresets:g,onSelectionModeChange:_,...v}){let[ee,x]=(0,Q.useState)(!1),ne=oe(h,O),[ie,S]=(0,Q.useState)(()=>f??ne[0]??`day`),C=f??ie,w=m?g?.[C]??u:u,T=d??`day`,E=o(C,T),[D,k]=(0,Q.useState)(()=>({view:E,selectionMode:C,minDatePickerLevel:T})),A=D.selectionMode===C&&D.minDatePickerLevel===T&&n(D.view,T)?D.view:E,j=(0,Q.useRef)(v.value),M={selectionMode:C,weekEndDay:p},{inputValue:N,setInputValue:P,selectedDate:F,setSelectedDate:I,handleSelect:L,formatDate:R,parseDate:z}=ue({...v,datePreset:w,datePickerLevel:T,selectionMode:C,weekEndDay:p}),B=v.selectsRange?v.onChange:void 0,V=(0,Q.useCallback)(e=>{n(e,T)&&k({view:e,selectionMode:C,minDatePickerLevel:T})},[T,C]);(0,Q.useEffect)(()=>{j.current=v.value},[v.value]);let H=()=>{if(N){let e=z(N);if(e){if(P(R(e)),v.selectsRange&&y(e)){if(ce(e,y(F)?F:null,M))return;I(e),v.onChange(e)}else if(!v.selectsRange&&e instanceof Date){if(se(e,F instanceof Date?F:null,M))return;I(e),v.onChange(e)}}}},U=e=>{e.key===`Enter`&&(e.preventDefault(),H())},W=(0,Q.useCallback)(e=>{L(e)&&x(!1)},[L]),G=(0,Q.useCallback)(e=>{f===void 0&&S(e),_?.(e),k({view:o(e,T),selectionMode:e,minDatePickerLevel:T})},[f,T,_]),K=(0,Q.useCallback)(()=>{if(B){let[,e]=y(F)?F:[null,null];if(!e){let e=j.current,t=Array.isArray(e)?e:null,n=t?.[0]??null,r=t?.[1]??null;if(n&&r){let e=[n,r];I(e),P(R(e)),B(e)}else I([null,null]),P(``),B([null,null])}}},[B,F,I,P,R]),q=me(h,C),J=m&&q.length>1;return(0,$.jsxs)(b,{open:ee,onOpenChange:e=>{x(e),e||K()},children:[(0,$.jsx)(re,{label:v.label,description:v.description,size:v.size,value:N,onChange:P,onBlur:H,onKeyUp:U,placeholder:e,disabled:t,error:r,onClearError:i,endAdornmentWidth:`var(--control-height)`,endAdornment:(0,$.jsx)(`div`,{className:te.uiToggleButtonContainer,children:(0,$.jsx)(b.Trigger,{children:(0,$.jsx)(`button`,{type:`button`,disabled:t,"aria-label":`Открыть календарь`,"aria-haspopup":`dialog`,className:te.uiToggleButton,children:(0,$.jsx)(s,{})})})})}),(0,$.jsxs)(b.Content,{background:`primary`,role:`dialog`,"aria-label":v.selectsRange?`Выбор диапазона дат`:`Выбор даты`,children:[(0,$.jsx)(c,{view:A,datePickerLevel:T,selectionMode:C,weekEndDay:p,onViewChange:V,value:F??null,onChange:W,minDate:a,maxDate:l,selectsRange:!!v.selectsRange}),J&&(0,$.jsx)(`div`,{className:Z.selectionModeControl,children:(0,$.jsx)(ae,{value:C,onChange:G,noWrap:!0,"aria-label":`Режим выбора даты`,children:q.map(e=>(0,$.jsx)(ae.Option,{value:e.id,label:e.label},e.id))})})]})]})}function ge(e){return(0,$.jsx)(he,{...e})}function _e(e){return(0,$.jsx)(he,{...e,selectsRange:!0})}var Q,$;function ve(){return(ve=e((()=>{Q=t(),v(),r(),ne(),ee(),ie(),x(),Y(),j(),i(),de(),a(),pe(),$=l(),ge.__docgenInfo={description:``,methods:[],displayName:`SingleDateInput`},_e.__docgenInfo={description:``,methods:[],displayName:`RangeDateInput`}})))()}export{j as a,w as c,O as i,C as l,ge as n,S as o,ve as r,T as s,_e as t};
1
+ import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{a as n,c as r,i,n as a,o,s,t as c}from"./CalendarView-BT9X9tky.js";import{n as l}from"./iframe-E950Ehp0.js";import{_ as u,c as d,d as f,g as p,l as m,n as h,x as g}from"./odata-service-CWkHASdw-DAt28ZWr.js";import{_,h as v,s as y}from"./formatters-DVE1YVNQ-CJCkXjuI.js";import{n as ee,t as b}from"./Popover-De2fvkIB.js";import{n as te,t as x}from"./ui.module-l7VCYIW-.js";import{l as ne,o as re}from"./Input-CzvWPW0I.js";import{n as ie,t as ae}from"./RadioGroup-DYRfZVGC.js";function S(e,t,n=[]){if(!Array.isArray(e))return[...n];let r=[];for(let n of e)!t(n)||r.includes(n)||r.push(n);return r}function C(e,t){let n=new Map(t.map(e=>[e.id,e])),r=[],i=new Set;for(let t of e){if(i.has(t))continue;let e=n.get(t);e&&(r.push(e),i.add(t))}return r}function w(e,t){return e?t.find(t=>t.id===e)??null:null}function T(){return(T=e((()=>{})))()}function E(e){return typeof e==`string`&&A.has(e)}function oe(e,t=O){return S(e,E,t)}function D(e,t=k){return C(e,t)}var O,k,A;function j(){return(j=e((()=>{O=Object.freeze([`day`,`week`,`month`,`year`]),k=Object.freeze([{id:`day`,label:`День`},{id:`week`,label:`Неделя`},{id:`month`,label:`Месяц`},{id:`year`,label:`Год`}]),A=new Set(O)})))()}function M(e){return e.selectionMode===`day`||e.selectionMode===`week`?`day`:e.selectionMode===`month`||e.selectionMode===`year`?e.selectionMode:e.datePickerLevel??`day`}function N(e){return{selectionMode:e?.selectionMode,weekEndDay:e?.weekEndDay}}function P(e,t){return typeof e==`string`||e===void 0?{datePreset:e,datePickerLevel:t}:t&&e.datePickerLevel===void 0?{...e,datePickerLevel:t}:e}function F(e){let t=m(e,q);return f(t)?t:q}function I(e,t){return d(e,F(t.datePreset),{defaultFormat:q,precision:M(t),referenceDate:t.referenceDate})?.date??null}function L(e,t){return _(e,N(t))?.start??null}function R(e,t){if(!y(e))return null;let[n,r]=e;return[L(n,t),z(r,t)]}function z(e,t){return _(e,N(t))?.end??null}function B(e){return e?.getTime()??null}function se(e,t,n){return B(L(e,n))===B(L(t,n))}function ce(e,t,n){let r=R(e,n),i=R(t,n);return B(r?.[0]??null)===B(i?.[0]??null)&&B(r?.[1]??null)===B(i?.[1]??null)}function V(e,t,n){if(!e)return``;let r=P(t,n),i=_(e,N(r));return r.selectionMode===`week`&&i?u(i.start,i.end,F(r.datePreset),{precision:M(r)}):h(e,F(r.datePreset),{precision:M(r)})}function H(e,t,n){if(!y(e))return``;let r=P(t,n),[i,a]=e;return i&&a?u(i,a,F(r.datePreset),{precision:M(r)}):i?`${h(i,F(r.datePreset),{precision:M(r)})}${J}`:``}function U(e,t,n){return y(e)?H(e,t,n):V(e,t,n)}function W(e,t,n){let r=P(t,n);return L(I(r.selectionMode===`week`?e.split(J)[0]??``:e,r),r)}function G(e,t,n){let r=P(t,n),[i=``,a=``]=e.split(J);return[W(i,r),K(a,r)]}function K(e,t,n){let r=P(t,n);return z(I(e,r),r)}var q,J;function Y(){return(Y=e((()=>{p(),v(),q=g.date,J=` - `})))()}function le(e){return y(e)?e[0]??e[1]??void 0:e??void 0}var X,ue;function de(){return(de=e((()=>{X=t(),v(),Y(),ue=e=>{let t=(0,X.useMemo)(()=>{let t={selectionMode:e.selectionMode,weekEndDay:e.weekEndDay};return e.selectsRange?R(e.value,t):L(e.value,t)},[e.selectsRange,e.selectionMode,e.value,e.weekEndDay]),n=(0,X.useMemo)(()=>({datePreset:e.datePreset,datePickerLevel:e.datePickerLevel,selectionMode:e.selectionMode,weekEndDay:e.weekEndDay}),[e.datePickerLevel,e.datePreset,e.selectionMode,e.weekEndDay]),r=U(t,n),i=JSON.stringify([e.selectsRange,e.datePreset??null,e.datePickerLevel??null,e.selectionMode??null,e.weekEndDay??null,y(t)?[t[0]?.getTime()??null,t[1]?.getTime()??null]:t?.getTime()??null]),[a,o]=(0,X.useState)(()=>({sourceSignature:i,selectedDate:t,inputValue:r})),s=a.sourceSignature===i,c=s?a.selectedDate:t,l=s?a.inputValue:r,u=e=>{o(n=>{let r=n.sourceSignature===i?n.selectedDate:t;return{sourceSignature:i,selectedDate:r,inputValue:e}})},d=e=>{o(t=>{let n=t.sourceSignature===i?t.inputValue:r;return{sourceSignature:i,selectedDate:e,inputValue:n}})},f=e=>U(e,n);return{inputValue:l,setInputValue:u,selectedDate:c,setSelectedDate:d,handleSelect:t=>{let[r,a]=Array.isArray(t)?t:[t,null];if(e.selectsRange){let t=L(r,n),s=z(a,n);if(t&&s){if(s<t){let t=[L(a,n),z(r,n)];o({sourceSignature:i,selectedDate:t,inputValue:f(t)}),e.onChange(t)}else{let n=[t,s];o({sourceSignature:i,selectedDate:n,inputValue:f(n)}),e.onChange(n)}return!0}let c=[t,null];return o({sourceSignature:i,selectedDate:c,inputValue:f(c)}),!1}let s=L(r,n);return o({sourceSignature:i,selectedDate:s,inputValue:f(s)}),e.onChange(s),!0},formatDate:f,parseDate:t=>{let r={...n,referenceDate:le(c)};return e.selectsRange?G(t,r):W(t,r)}}}})))()}var fe,Z;function pe(){return(pe=e((()=>{fe=`-tM-kj`,Z={selectionModeControl:fe}})))()}function me(e,t){let n=oe(e,O);return D(n.includes(t)?n:[...n,t])}function he({placeholder:e,disabled:t,error:r,onClearError:i,minDate:a,maxDate:l,datePreset:u,datePickerLevel:d,selectionMode:f,weekEndDay:p=`sunday`,allowSelectionModeChange:m,selectionModeOptions:h,selectionModeDatePresets:g,onSelectionModeChange:_,...v}){let[ee,x]=(0,Q.useState)(!1),ne=oe(h,O),[ie,S]=(0,Q.useState)(()=>f??ne[0]??`day`),C=f??ie,w=m?g?.[C]??u:u,T=d??`day`,E=o(C,T),[D,k]=(0,Q.useState)(()=>({view:E,selectionMode:C,minDatePickerLevel:T})),A=D.selectionMode===C&&D.minDatePickerLevel===T&&n(D.view,T)?D.view:E,j=(0,Q.useRef)(v.value),M={selectionMode:C,weekEndDay:p},{inputValue:N,setInputValue:P,selectedDate:F,setSelectedDate:I,handleSelect:L,formatDate:R,parseDate:z}=ue({...v,datePreset:w,datePickerLevel:T,selectionMode:C,weekEndDay:p}),B=v.selectsRange?v.onChange:void 0,V=(0,Q.useCallback)(e=>{n(e,T)&&k({view:e,selectionMode:C,minDatePickerLevel:T})},[T,C]);(0,Q.useEffect)(()=>{j.current=v.value},[v.value]);let H=()=>{if(N){let e=z(N);if(e){if(P(R(e)),v.selectsRange&&y(e)){if(ce(e,y(F)?F:null,M))return;I(e),v.onChange(e)}else if(!v.selectsRange&&e instanceof Date){if(se(e,F instanceof Date?F:null,M))return;I(e),v.onChange(e)}}}},U=e=>{e.key===`Enter`&&(e.preventDefault(),H())},W=(0,Q.useCallback)(e=>{L(e)&&x(!1)},[L]),G=(0,Q.useCallback)(e=>{f===void 0&&S(e),_?.(e),k({view:o(e,T),selectionMode:e,minDatePickerLevel:T})},[f,T,_]),K=(0,Q.useCallback)(()=>{if(B){let[,e]=y(F)?F:[null,null];if(!e){let e=j.current,t=Array.isArray(e)?e:null,n=t?.[0]??null,r=t?.[1]??null;if(n&&r){let e=[n,r];I(e),P(R(e)),B(e)}else I([null,null]),P(``),B([null,null])}}},[B,F,I,P,R]),q=me(h,C),J=m&&q.length>1;return(0,$.jsxs)(b,{open:ee,onOpenChange:e=>{x(e),e||K()},children:[(0,$.jsx)(re,{label:v.label,description:v.description,size:v.size,value:N,onChange:P,onBlur:H,onKeyUp:U,placeholder:e,disabled:t,error:r,onClearError:i,endAdornmentWidth:`var(--control-height)`,endAdornment:(0,$.jsx)(`div`,{className:te.uiToggleButtonContainer,children:(0,$.jsx)(b.Trigger,{children:(0,$.jsx)(`button`,{type:`button`,disabled:t,"aria-label":`Открыть календарь`,"aria-haspopup":`dialog`,className:te.uiToggleButton,children:(0,$.jsx)(s,{})})})})}),(0,$.jsxs)(b.Content,{background:`primary`,role:`dialog`,"aria-label":v.selectsRange?`Выбор диапазона дат`:`Выбор даты`,children:[(0,$.jsx)(c,{view:A,datePickerLevel:T,selectionMode:C,weekEndDay:p,onViewChange:V,value:F??null,onChange:W,minDate:a,maxDate:l,selectsRange:!!v.selectsRange}),J&&(0,$.jsx)(`div`,{className:Z.selectionModeControl,children:(0,$.jsx)(ae,{value:C,onChange:G,noWrap:!0,"aria-label":`Режим выбора даты`,children:q.map(e=>(0,$.jsx)(ae.Option,{value:e.id,label:e.label},e.id))})})]})]})}function ge(e){return(0,$.jsx)(he,{...e})}function _e(e){return(0,$.jsx)(he,{...e,selectsRange:!0})}var Q,$;function ve(){return(ve=e((()=>{Q=t(),v(),r(),ne(),ee(),ie(),x(),Y(),j(),i(),de(),a(),pe(),$=l(),ge.__docgenInfo={description:``,methods:[],displayName:`SingleDateInput`},_e.__docgenInfo={description:``,methods:[],displayName:`RangeDateInput`}})))()}export{j as a,w as c,O as i,C as l,ge as n,S as o,ve as r,T as s,_e as t};
@@ -1,4 +1,4 @@
1
- import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-CU98mtpe.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-SX-KK9Lg.js";import{a as p,i as m,n as h,o as g,r as _,t as v}from"./DateInput.stories-De_AOkrK.js";function y(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(s,{of:v,parameters:{docs:{toc:!0}}}),`
1
+ import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-E950Ehp0.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-DGivDYe5.js";import{a as p,i as m,n as h,o as g,r as _,t as v}from"./DateInput.stories-BK2brwe_.js";function y(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(s,{of:v,parameters:{docs:{toc:!0}}}),`
2
2
  `,(0,x.jsx)(u,{children:`DateInput`}),`
3
3
  `,(0,x.jsx)(o,{children:`Календарный ввод одной даты или диапазона с ограничениями и различными размерами`}),`
4
4
  `,(0,x.jsx)(t.p,{children:`DateInput уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
@@ -1,4 +1,4 @@
1
- import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{i as n,r}from"./CalendarView-Co2EiQf9.js";import{n as i}from"./iframe-CU98mtpe.js";import{a,i as o,n as s,r as c,t as l}from"./DateInput-DxpENevn.js";var u=t({PickerLevels:()=>y,Range:()=>g,RuntimeSelectionMode:()=>b,Single:()=>h,Sizes:()=>x,WeekSelection:()=>v,WithLimits:()=>_,__namedExportsOrder:()=>S,default:()=>m});function d(e,t,n){e.onSelectionModeChange?.(n),t({selectionMode:n})}var f,p,m,h,g,_,v,y,b,x,S;function C(){return(C=e((()=>{a(),n(),c(),f=i(),{useArgs:p}=__STORYBOOK_MODULE_PREVIEW_API__,m={title:`UI/DateInput`,component:s,args:{value:null,onChange:()=>{}},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Заголовок поля даты.`,control:`text`},description:{description:`Описание под заголовком.`,control:`text`},placeholder:{description:`Плейсхолдер в текстовом поле даты.`,control:`text`},value:{description:"Текущее значение даты (`Date | null`).",control:!1},onChange:{description:`Вызывается при выборе даты или диапазона.`,control:!1},minDate:{description:`Минимально доступная дата в календаре.`,control:`date`},maxDate:{description:`Максимально доступная дата в календаре.`,control:`date`},datePreset:{description:`Имя пресета форматирования выбранной даты, например date-long, month-long или month-short.`,control:`text`},datePickerLevel:{description:`Минимальный уровень календарной навигации. Не определяет размер выбранного периода.`,control:`select`,options:[`day`,`month`,`year`]},selectionMode:{description:`Размер выбранного периода.`,control:`select`,options:o},weekEndDay:{description:`Последний включённый день недели для режима week.`,control:`select`,options:r},allowSelectionModeChange:{description:`Показывает переключатель режима выбора под календарём.`,control:`boolean`},selectionModeOptions:{description:`Ограничивает режимы и задаёт их порядок в runtime-переключателе.`,control:`check`,options:o},selectionModeDatePresets:{description:`Задаёт имя datePreset отдельно для каждого runtime-режима выбора.`,control:`object`},onSelectionModeChange:{description:`Вызывается при runtime-смене режима выбора.`,control:!1},error:{description:`Текст ошибки под полем.`,control:`text`},onClearError:{description:`Сброс внешней ошибки при вводе.`,control:!1},size:{description:`Размер поля и подписи.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]},disabled:{description:`Блокирует ввод и открытие календаря.`,control:`boolean`}}},h={render:function(e){let[,t]=p();return(0,f.jsx)(s,{...e,value:e.value??null,onChange:n=>{e.onChange(n),t({value:n})},onSelectionModeChange:n=>d(e,t,n)})},args:{label:`Одиночная дата`,placeholder:`дд.мм.гггг`,value:new Date(2026,2,5,0,0,0)}},g={render:function(e){let[,t]=p();return(0,f.jsx)(l,{...e,value:e.value??null,onChange:n=>{e.onChange(n),t({value:n})},onSelectionModeChange:n=>d(e,t,n)})},args:{label:`Диапазон дат`,placeholder:`дд.мм.гггг - дд.мм.гггг`,value:[new Date(2026,2,5,0,0,0),new Date(2026,2,15,23,59,59)]}},_={render:function(e){let[,t]=p();return(0,f.jsx)(s,{...e,value:e.value??null,onChange:n=>{e.onChange(n),t({value:n})},onSelectionModeChange:n=>d(e,t,n)})},args:{label:`Дата отчёта`,description:`Доступен только март 2026.`,value:new Date(2026,2,10,0,0,0),minDate:new Date(2026,2,1,0,0,0),maxDate:new Date(2026,2,31,23,59,59)}},v={render:function(e){let[,t]=p();return(0,f.jsx)(l,{...e,value:e.value??null,onChange:n=>{e.onChange(n),t({value:n})},onSelectionModeChange:n=>d(e,t,n)})},args:{label:`Недели`,placeholder:`дд.мм.гггг - дд.мм.гггг`,value:[new Date(2026,2,2,0,0,0),new Date(2026,2,13,23,59,59)],selectionMode:`week`,weekEndDay:`friday`}},y={render:function(e){let[,t]=p();return(0,f.jsx)(s,{...e,value:e.value??null,onChange:n=>{e.onChange(n),t({value:n})},onSelectionModeChange:n=>d(e,t,n)})},args:{label:`Месяц`,placeholder:`месяц год`,value:new Date(2026,2,1,0,0,0),datePreset:`date-long`,selectionMode:`month`}},b={render:function(e){let[,t]=p();return(0,f.jsx)(l,{...e,value:e.value??null,onChange:n=>{e.onChange(n),t({value:n})},onSelectionModeChange:n=>d(e,t,n)})},args:{label:`Период`,placeholder:`дд.мм.гггг - дд.мм.гггг`,value:[new Date(2026,2,5,0,0,0),new Date(2026,2,15,23,59,59)],selectionMode:`day`,allowSelectionModeChange:!0,selectionModeDatePresets:{day:`date`,week:`date-long`,month:`month-year-long`,year:`date-long`}}},x={render:function(e){let[,t]=p();return(0,f.jsx)(l,{...e,value:e.value??null,onChange:n=>{e.onChange(n),t({value:n})},onSelectionModeChange:n=>d(e,t,n)})},args:{size:`lg`,label:`Диапазон дат`,placeholder:`дд.мм.гггг - дд.мм.гггг`,value:[new Date(2026,2,5,0,0,0),new Date(2026,2,15,23,59,59)]}},h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
1
+ import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{i as n,r}from"./CalendarView-BT9X9tky.js";import{n as i}from"./iframe-E950Ehp0.js";import{a,i as o,n as s,r as c,t as l}from"./DateInput-B5MxQUHL.js";var u=t({PickerLevels:()=>y,Range:()=>g,RuntimeSelectionMode:()=>b,Single:()=>h,Sizes:()=>x,WeekSelection:()=>v,WithLimits:()=>_,__namedExportsOrder:()=>S,default:()=>m});function d(e,t,n){e.onSelectionModeChange?.(n),t({selectionMode:n})}var f,p,m,h,g,_,v,y,b,x,S;function C(){return(C=e((()=>{a(),n(),c(),f=i(),{useArgs:p}=__STORYBOOK_MODULE_PREVIEW_API__,m={title:`UI/DateInput`,component:s,args:{value:null,onChange:()=>{}},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Заголовок поля даты.`,control:`text`},description:{description:`Описание под заголовком.`,control:`text`},placeholder:{description:`Плейсхолдер в текстовом поле даты.`,control:`text`},value:{description:"Текущее значение даты (`Date | null`).",control:!1},onChange:{description:`Вызывается при выборе даты или диапазона.`,control:!1},minDate:{description:`Минимально доступная дата в календаре.`,control:`date`},maxDate:{description:`Максимально доступная дата в календаре.`,control:`date`},datePreset:{description:`Имя пресета форматирования выбранной даты, например date-long, month-long или month-short.`,control:`text`},datePickerLevel:{description:`Минимальный уровень календарной навигации. Не определяет размер выбранного периода.`,control:`select`,options:[`day`,`month`,`year`]},selectionMode:{description:`Размер выбранного периода.`,control:`select`,options:o},weekEndDay:{description:`Последний включённый день недели для режима week.`,control:`select`,options:r},allowSelectionModeChange:{description:`Показывает переключатель режима выбора под календарём.`,control:`boolean`},selectionModeOptions:{description:`Ограничивает режимы и задаёт их порядок в runtime-переключателе.`,control:`check`,options:o},selectionModeDatePresets:{description:`Задаёт имя datePreset отдельно для каждого runtime-режима выбора.`,control:`object`},onSelectionModeChange:{description:`Вызывается при runtime-смене режима выбора.`,control:!1},error:{description:`Текст ошибки под полем.`,control:`text`},onClearError:{description:`Сброс внешней ошибки при вводе.`,control:!1},size:{description:`Размер поля и подписи.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]},disabled:{description:`Блокирует ввод и открытие календаря.`,control:`boolean`}}},h={render:function(e){let[,t]=p();return(0,f.jsx)(s,{...e,value:e.value??null,onChange:n=>{e.onChange(n),t({value:n})},onSelectionModeChange:n=>d(e,t,n)})},args:{label:`Одиночная дата`,placeholder:`дд.мм.гггг`,value:new Date(2026,2,5,0,0,0)}},g={render:function(e){let[,t]=p();return(0,f.jsx)(l,{...e,value:e.value??null,onChange:n=>{e.onChange(n),t({value:n})},onSelectionModeChange:n=>d(e,t,n)})},args:{label:`Диапазон дат`,placeholder:`дд.мм.гггг - дд.мм.гггг`,value:[new Date(2026,2,5,0,0,0),new Date(2026,2,15,23,59,59)]}},_={render:function(e){let[,t]=p();return(0,f.jsx)(s,{...e,value:e.value??null,onChange:n=>{e.onChange(n),t({value:n})},onSelectionModeChange:n=>d(e,t,n)})},args:{label:`Дата отчёта`,description:`Доступен только март 2026.`,value:new Date(2026,2,10,0,0,0),minDate:new Date(2026,2,1,0,0,0),maxDate:new Date(2026,2,31,23,59,59)}},v={render:function(e){let[,t]=p();return(0,f.jsx)(l,{...e,value:e.value??null,onChange:n=>{e.onChange(n),t({value:n})},onSelectionModeChange:n=>d(e,t,n)})},args:{label:`Недели`,placeholder:`дд.мм.гггг - дд.мм.гггг`,value:[new Date(2026,2,2,0,0,0),new Date(2026,2,13,23,59,59)],selectionMode:`week`,weekEndDay:`friday`}},y={render:function(e){let[,t]=p();return(0,f.jsx)(s,{...e,value:e.value??null,onChange:n=>{e.onChange(n),t({value:n})},onSelectionModeChange:n=>d(e,t,n)})},args:{label:`Месяц`,placeholder:`месяц год`,value:new Date(2026,2,1,0,0,0),datePreset:`date-long`,selectionMode:`month`}},b={render:function(e){let[,t]=p();return(0,f.jsx)(l,{...e,value:e.value??null,onChange:n=>{e.onChange(n),t({value:n})},onSelectionModeChange:n=>d(e,t,n)})},args:{label:`Период`,placeholder:`дд.мм.гггг - дд.мм.гггг`,value:[new Date(2026,2,5,0,0,0),new Date(2026,2,15,23,59,59)],selectionMode:`day`,allowSelectionModeChange:!0,selectionModeDatePresets:{day:`date`,week:`date-long`,month:`month-year-long`,year:`date-long`}}},x={render:function(e){let[,t]=p();return(0,f.jsx)(l,{...e,value:e.value??null,onChange:n=>{e.onChange(n),t({value:n})},onSelectionModeChange:n=>d(e,t,n)})},args:{size:`lg`,label:`Диапазон дат`,placeholder:`дд.мм.гггг - дд.мм.гггг`,value:[new Date(2026,2,5,0,0,0),new Date(2026,2,15,23,59,59)]}},h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
2
2
  render: function Render(args) {
3
3
  const [, updateArgs] = useArgs<SingleDateInputStoryArgs>();
4
4
  return <SingleDateInput {...args} value={args.value ?? null} onChange={value => {
@@ -1,3 +1,3 @@
1
- import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n}from"./iframe-CU98mtpe.js";import{b as r,h as i,p as a,t as o,v as s,x as c}from"./formatters-DVE1YVNQ-CJCkXjuI.js";import{c as l,l as u,o as d}from"./DateInput-DxpENevn.js";import{n as f,t as p}from"./PresetSelect-HqtmoRLb.js";function m(e){return typeof e==`string`&&S.has(e)}function h(e,t=[]){return d(e,m,t)}function g(e,t=b){return u(e,t)}function _(e,t=C){return l(e,t)}function v(e,t=new Date,n=C){let r=_(e,n);return r?{id:r.id,label:r.label,range:r.resolveRange({referenceDate:t})}:null}function y(e,t=new Date,n=C){if(!Array.isArray(e))return null;let[r,i]=e;if(!(r instanceof Date)||!(i instanceof Date))return null;let a=r.getTime(),o=i.getTime();for(let e of n){let[n,r]=e.resolveRange({referenceDate:t});if(!(!(n instanceof Date)||!(r instanceof Date))&&n.getTime()===a&&r.getTime()===o)return e.id}return null}var b,x,S,C;function w(){return(w=e((()=>{i(),b=Object.freeze([{id:`monthStartToYesterday`,label:`С начала месяца по вчера`,resolveRange:o},{id:`monthStartToToday`,label:`С начала месяца по сегодня`,resolveRange:a},{id:`today`,label:`За сегодня`,resolveRange:c},{id:`yesterday`,label:`За вчера`,resolveRange:s},{id:`monthAgo`,label:`Месяц назад`,resolveRange:r}]),x=Object.freeze([`monthStartToYesterday`,`monthStartToToday`,`today`,`yesterday`]),S=new Set(b.map(e=>e.id)),C=Object.freeze(g(x))})))()}function T(e){if(!e)return`__empty__`;let[t,n]=e.range;return[e.id,t?.getTime()??`null`,n?.getTime()??`null`].join(`|`)}function E({value:e,onChange:t,options:n=C,referenceDate:r,onRangeChange:i,...a}){let[o]=(0,D.useState)(()=>new Date),s=r?.getTime()??o.getTime(),c=!!i,l=(0,D.useRef)(``),u=(0,D.useEffectEvent)(e=>{if(!i)return;let t=v(e,new Date(s),n),r=T(t);r!==l.current&&(l.current=r,i(t))});return(0,D.useEffect)(()=>{u(e)},[c,n,s,e]),(0,O.jsx)(p,{...a,options:n,value:e,onChange:t})}var D,O;function k(){return(k=e((()=>{D=t(),f(),w(),O=n(),E.__docgenInfo={description:`Выбор пресета диапазона дат с вычислением диапазона без timezone-сдвига.`,methods:[],displayName:`DateRangePresetSelect`,props:{label:{required:!1,tsType:{name:`ReactNode`},description:``},description:{required:!1,tsType:{name:`string`},description:``},placeholder:{required:!1,tsType:{name:`string`},description:``},disabled:{required:!1,tsType:{name:`boolean`},description:``},size:{required:!1,tsType:{name:`union`,raw:`"xs" | "sm" | "md" | "lg" | "xl"`,elements:[{name:`literal`,value:`"xs"`},{name:`literal`,value:`"sm"`},{name:`literal`,value:`"md"`},{name:`literal`,value:`"lg"`},{name:`literal`,value:`"xl"`}]},description:``},value:{required:!0,tsType:{name:`V`},description:"Если начальное состояние может быть `null | undefined`\nзначит `onChange` тоже должен ументь сбрасывать.\nПоэтому такой контрол явно должен передавать `UiBaseProps<AnyType | undefined>`"},onChange:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(value: T) => void`,signature:{arguments:[{type:{name:`C`},name:`value`}],return:{name:`void`}}},description:``},options:{required:!1,tsType:{name:`unknown`},description:``,defaultValue:{value:`Object.freeze(
1
+ import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n}from"./iframe-E950Ehp0.js";import{b as r,h as i,p as a,t as o,v as s,x as c}from"./formatters-DVE1YVNQ-CJCkXjuI.js";import{c as l,l as u,o as d}from"./DateInput-B5MxQUHL.js";import{n as f,t as p}from"./PresetSelect-BhwHbWmS.js";function m(e){return typeof e==`string`&&S.has(e)}function h(e,t=[]){return d(e,m,t)}function g(e,t=b){return u(e,t)}function _(e,t=C){return l(e,t)}function v(e,t=new Date,n=C){let r=_(e,n);return r?{id:r.id,label:r.label,range:r.resolveRange({referenceDate:t})}:null}function y(e,t=new Date,n=C){if(!Array.isArray(e))return null;let[r,i]=e;if(!(r instanceof Date)||!(i instanceof Date))return null;let a=r.getTime(),o=i.getTime();for(let e of n){let[n,r]=e.resolveRange({referenceDate:t});if(!(!(n instanceof Date)||!(r instanceof Date))&&n.getTime()===a&&r.getTime()===o)return e.id}return null}var b,x,S,C;function w(){return(w=e((()=>{i(),b=Object.freeze([{id:`monthStartToYesterday`,label:`С начала месяца по вчера`,resolveRange:o},{id:`monthStartToToday`,label:`С начала месяца по сегодня`,resolveRange:a},{id:`today`,label:`За сегодня`,resolveRange:c},{id:`yesterday`,label:`За вчера`,resolveRange:s},{id:`monthAgo`,label:`Месяц назад`,resolveRange:r}]),x=Object.freeze([`monthStartToYesterday`,`monthStartToToday`,`today`,`yesterday`]),S=new Set(b.map(e=>e.id)),C=Object.freeze(g(x))})))()}function T(e){if(!e)return`__empty__`;let[t,n]=e.range;return[e.id,t?.getTime()??`null`,n?.getTime()??`null`].join(`|`)}function E({value:e,onChange:t,options:n=C,referenceDate:r,onRangeChange:i,...a}){let[o]=(0,D.useState)(()=>new Date),s=r?.getTime()??o.getTime(),c=!!i,l=(0,D.useRef)(``),u=(0,D.useEffectEvent)(e=>{if(!i)return;let t=v(e,new Date(s),n),r=T(t);r!==l.current&&(l.current=r,i(t))});return(0,D.useEffect)(()=>{u(e)},[c,n,s,e]),(0,O.jsx)(p,{...a,options:n,value:e,onChange:t})}var D,O;function k(){return(k=e((()=>{D=t(),f(),w(),O=n(),E.__docgenInfo={description:`Выбор пресета диапазона дат с вычислением диапазона без timezone-сдвига.`,methods:[],displayName:`DateRangePresetSelect`,props:{label:{required:!1,tsType:{name:`ReactNode`},description:``},description:{required:!1,tsType:{name:`string`},description:``},placeholder:{required:!1,tsType:{name:`string`},description:``},disabled:{required:!1,tsType:{name:`boolean`},description:``},size:{required:!1,tsType:{name:`union`,raw:`"xs" | "sm" | "md" | "lg" | "xl"`,elements:[{name:`literal`,value:`"xs"`},{name:`literal`,value:`"sm"`},{name:`literal`,value:`"md"`},{name:`literal`,value:`"lg"`},{name:`literal`,value:`"xl"`}]},description:``},value:{required:!0,tsType:{name:`V`},description:"Если начальное состояние может быть `null | undefined`\nзначит `onChange` тоже должен ументь сбрасывать.\nПоэтому такой контрол явно должен передавать `UiBaseProps<AnyType | undefined>`"},onChange:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(value: T) => void`,signature:{arguments:[{type:{name:`C`},name:`value`}],return:{name:`void`}}},description:``},options:{required:!1,tsType:{name:`unknown`},description:``,defaultValue:{value:`Object.freeze(
2
2
  resolveDateRangePresetOptionsByIds(DEFAULT_DATE_RANGE_PRESET_IDS)
3
3
  )`,computed:!0}},referenceDate:{required:!1,tsType:{name:`Date`},description:``},onRangeChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(payload: DateRangePresetChangePayload | null) => void`,signature:{arguments:[{type:{name:`union`,raw:`DateRangePresetChangePayload | null`,elements:[{name:`DateRangePresetChangePayload`},{name:`null`}]},name:`payload`}],return:{name:`void`}}},description:``}}}})))()}export{w as a,g as c,C as i,v as l,k as n,h as o,x as r,y as s,E as t};
@@ -1,4 +1,4 @@
1
- import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-CU98mtpe.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-SX-KK9Lg.js";import{n as p,r as m,t as h}from"./DateRangePresetSelect.stories-phHkk3Q1.js";function g(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(s,{of:h,parameters:{docs:{toc:!0}}}),`
1
+ import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-E950Ehp0.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-DGivDYe5.js";import{n as p,r as m,t as h}from"./DateRangePresetSelect.stories-BRksGdxw.js";function g(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(s,{of:h,parameters:{docs:{toc:!0}}}),`
2
2
  `,(0,v.jsx)(u,{children:`DateRangePresetSelect`}),`
3
3
  `,(0,v.jsx)(o,{children:`Выбор готовых диапазонов дат для фильтров, отчетов и быстрых аналитических сценариев`}),`
4
4
  `,(0,v.jsx)(t.p,{children:`DateRangePresetSelect уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
@@ -1,4 +1,4 @@
1
- import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{n}from"./iframe-CU98mtpe.js";import{n as r,t as i}from"./GridContainer-BHSfIiml.js";import{r as a,t as o}from"./DateInput-DxpENevn.js";import{a as s,i as c,l,n as u,t as d}from"./DateRangePresetSelect-CD7jNInU.js";var f=t({Default:()=>v,__namedExportsOrder:()=>y,default:()=>_}),p,m,h,g,_,v,y;function b(){return(b=e((()=>{a(),r(),u(),s(),p=n(),{useArgs:m,useState:h}=__STORYBOOK_MODULE_PREVIEW_API__,{fn:g}=__STORYBOOK_MODULE_TEST__,_={title:`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)(i,{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)(o,{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-DkW27tQK.js";import{n}from"./iframe-E950Ehp0.js";import{n as r,t as i}from"./GridContainer-B2iAnXeB.js";import{r as a,t as o}from"./DateInput-B5MxQUHL.js";import{a as s,i as c,l,n as u,t as d}from"./DateRangePresetSelect-Dplr79Cm.js";var f=t({Default:()=>v,__namedExportsOrder:()=>y,default:()=>_}),p,m,h,g,_,v,y;function b(){return(b=e((()=>{a(),r(),u(),s(),p=n(),{useArgs:m,useState:h}=__STORYBOOK_MODULE_PREVIEW_API__,{fn:g}=__STORYBOOK_MODULE_TEST__,_={title:`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)(i,{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)(o,{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 +1 @@
1
- import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n}from"./iframe-CU98mtpe.js";import{i as r,n as i,t as a}from"./MultiSelectCore-GRGtCBO1.js";function o(e){return{selectedItems:r(e.selectedOptions,!0),committedSelectedItems:r(e.committedSelectedOptions,!0),availableItems:r(e.availableOptions,!0),query:e.query,open:e.open,clearSelection:e.clearSelection,selectAll:e.selectAll,deselectAll:e.deselectAll}}function s(e){return{selectedItems:r(e.selectedOptions,!0),committedSelectedItems:r(e.committedSelectedOptions,!0),selectedKeys:e.selectedKeys,open:e.open}}function c(){return(c=e((()=>{})))()}function l(e,t,n){if(n)return n;let r=e[0];return r?Object.keys(r).find(e=>e!==t)??t:t}function u({ref:e,codeKey:t,textKey:n,hideCode:r,items:i,value:c,onChange:u,getOptionDisabled:p,onClose:m,renderToken:h,renderToolbar:g,renderItem:_,...v}){let y=(0,d.useMemo)(()=>c??[],[c]),b=(0,d.useMemo)(()=>l([...y,...i],t,n),[t,i,y,n]),x=typeof h==`function`?e=>h(o(e)):h,S=typeof g==`function`?e=>g(o(e)):g;return(0,f.jsx)(a,{...v,ref:e,preserveOptionArrayReference:!0,options:i,value:y,onChange:u,getOptionKey:e=>e[t],getOptionLabel:e=>e[b]??e[t]??``,getOptionCode:r?void 0:e=>e[t]??``,getOptionSearchText:e=>Array.from(new Set([e[b],e[t],...Object.values(e)])),getOptionDisabled:p?(e,t)=>p(e,s(t)):void 0,onClose:m,renderToken:x,renderToolbar:S,renderOption:_?(e,t)=>_(e,t):e=>({text:e[b]??``,code:r?void 0:e[t]??``})})}var d,f;function p(){return(p=e((()=>{d=t(),c(),i(),f=n(),u.displayName=`DeprecatedMultiSelect`,u.__docgenInfo={description:"Устаревший адаптер OData-подобных `codeKey`/`textKey` коллекций. Компонент\nсохраняет прежнюю OData-семантику, пока consumers переходят на selector API\nканонического `MultiSelect`.\n\n@deprecated Используйте `MultiSelect` с selector-функциями.",methods:[],displayName:`DeprecatedMultiSelect`,props:{renderToken:{required:!1,tsType:{name:`union`,raw:`((context: TContext) => ReactNode) | null | false`,elements:[{name:`unknown`},{name:`null`},{name:`literal`,value:`false`}]},description:``},renderToolbar:{required:!1,tsType:{name:`union`,raw:`((context: TContext) => ReactNode) | null | false`,elements:[{name:`unknown`},{name:`null`},{name:`literal`,value:`false`}]},description:``},renderItem:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(item: CollectionItem, state: DeprecatedMultiSelectItemState) => DeprecatedMultiSelectOptionContent`,signature:{arguments:[{type:{name:`CollectionItem`},name:`item`},{type:{name:`DeprecatedMultiSelectItemState`},name:`state`}],return:{name:`DeprecatedMultiSelectOptionContent`}}},description:``},label:{required:!1,tsType:{name:`ReactNode`},description:``},description:{required:!1,tsType:{name:`string`},description:``},placeholder:{required:!1,tsType:{name:`string`},description:``},disabled:{required:!1,tsType:{name:`boolean`},description:``},size:{required:!1,tsType:{name:`union`,raw:`"xs" | "sm" | "md" | "lg" | "xl"`,elements:[{name:`literal`,value:`"xs"`},{name:`literal`,value:`"sm"`},{name:`literal`,value:`"md"`},{name:`literal`,value:`"lg"`},{name:`literal`,value:`"xl"`}]},description:``},value:{required:!0,tsType:{name:`V`},description:"Если начальное состояние может быть `null | undefined`\nзначит `onChange` тоже должен ументь сбрасывать.\nПоэтому такой контрол явно должен передавать `UiBaseProps<AnyType | undefined>`"},onChange:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(value: T) => void`,signature:{arguments:[{type:{name:`C`},name:`value`}],return:{name:`void`}}},description:``},ref:{required:!1,tsType:{name:`Ref`,elements:[{name:`HTMLInputElement`}],raw:`Ref<HTMLInputElement>`},description:``},codeKey:{required:!0,tsType:{name:`string`},description:``},textKey:{required:!1,tsType:{name:`string`},description:``},hideCode:{required:!1,tsType:{name:`boolean`},description:``},query:{required:!1,tsType:{name:`string`},description:``},defaultQuery:{required:!1,tsType:{name:`string`},description:``},highlightQuery:{required:!1,tsType:{name:`string`},description:``},onQuery:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(value: string) => void`,signature:{arguments:[{type:{name:`string`},name:`value`}],return:{name:`void`}}},description:``},defaultFilter:{required:!1,tsType:{name:`boolean`},description:``},items:{required:!0,tsType:{name:`Array`,elements:[{name:`TOption`}],raw:`TOption[]`},description:``},getOptionDisabled:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(item: TOption, context: DeprecatedMultiSelectOptionDisableContext) => boolean`,signature:{arguments:[{type:{name:`TOption`},name:`item`},{type:{name:`DeprecatedMultiSelectOptionDisableContext`},name:`context`}],return:{name:`boolean`}}},description:``},onOpen:{required:!1,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:``},onClose:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(value: TOption[]) => void`,signature:{arguments:[{type:{name:`Array`,elements:[{name:`TOption`}],raw:`TOption[]`},name:`value`}],return:{name:`void`}}},description:``},error:{required:!1,tsType:{name:`string`},description:``},fieldError:{required:!1,tsType:{name:`string`},description:``},required:{required:!1,tsType:{name:`boolean`},description:``},isLoading:{required:!1,tsType:{name:`boolean`},description:``}}}})))()}export{p as n,u as t};
1
+ import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n}from"./iframe-E950Ehp0.js";import{i as r,n as i,t as a}from"./MultiSelectCore-ih1pgvuq.js";function o(e){return{selectedItems:r(e.selectedOptions,!0),committedSelectedItems:r(e.committedSelectedOptions,!0),availableItems:r(e.availableOptions,!0),query:e.query,open:e.open,clearSelection:e.clearSelection,selectAll:e.selectAll,deselectAll:e.deselectAll}}function s(e){return{selectedItems:r(e.selectedOptions,!0),committedSelectedItems:r(e.committedSelectedOptions,!0),selectedKeys:e.selectedKeys,open:e.open}}function c(){return(c=e((()=>{})))()}function l(e,t,n){if(n)return n;let r=e[0];return r?Object.keys(r).find(e=>e!==t)??t:t}function u({ref:e,codeKey:t,textKey:n,hideCode:r,items:i,value:c,onChange:u,getOptionDisabled:p,onClose:m,renderToken:h,renderToolbar:g,renderItem:_,...v}){let y=(0,d.useMemo)(()=>c??[],[c]),b=(0,d.useMemo)(()=>l([...y,...i],t,n),[t,i,y,n]),x=typeof h==`function`?e=>h(o(e)):h,S=typeof g==`function`?e=>g(o(e)):g;return(0,f.jsx)(a,{...v,ref:e,preserveOptionArrayReference:!0,options:i,value:y,onChange:u,getOptionKey:e=>e[t],getOptionLabel:e=>e[b]??e[t]??``,getOptionCode:r?void 0:e=>e[t]??``,getOptionSearchText:e=>Array.from(new Set([e[b],e[t],...Object.values(e)])),getOptionDisabled:p?(e,t)=>p(e,s(t)):void 0,onClose:m,renderToken:x,renderToolbar:S,renderOption:_?(e,t)=>_(e,t):e=>({text:e[b]??``,code:r?void 0:e[t]??``})})}var d,f;function p(){return(p=e((()=>{d=t(),c(),i(),f=n(),u.displayName=`DeprecatedMultiSelect`,u.__docgenInfo={description:"Устаревший адаптер OData-подобных `codeKey`/`textKey` коллекций. Компонент\nсохраняет прежнюю OData-семантику, пока consumers переходят на selector API\nканонического `MultiSelect`.\n\n@deprecated Используйте `MultiSelect` с selector-функциями.",methods:[],displayName:`DeprecatedMultiSelect`,props:{renderToken:{required:!1,tsType:{name:`union`,raw:`((context: TContext) => ReactNode) | null | false`,elements:[{name:`unknown`},{name:`null`},{name:`literal`,value:`false`}]},description:``},renderToolbar:{required:!1,tsType:{name:`union`,raw:`((context: TContext) => ReactNode) | null | false`,elements:[{name:`unknown`},{name:`null`},{name:`literal`,value:`false`}]},description:``},renderItem:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(item: CollectionItem, state: DeprecatedMultiSelectItemState) => DeprecatedMultiSelectOptionContent`,signature:{arguments:[{type:{name:`CollectionItem`},name:`item`},{type:{name:`DeprecatedMultiSelectItemState`},name:`state`}],return:{name:`DeprecatedMultiSelectOptionContent`}}},description:``},label:{required:!1,tsType:{name:`ReactNode`},description:``},description:{required:!1,tsType:{name:`string`},description:``},placeholder:{required:!1,tsType:{name:`string`},description:``},disabled:{required:!1,tsType:{name:`boolean`},description:``},size:{required:!1,tsType:{name:`union`,raw:`"xs" | "sm" | "md" | "lg" | "xl"`,elements:[{name:`literal`,value:`"xs"`},{name:`literal`,value:`"sm"`},{name:`literal`,value:`"md"`},{name:`literal`,value:`"lg"`},{name:`literal`,value:`"xl"`}]},description:``},value:{required:!0,tsType:{name:`V`},description:"Если начальное состояние может быть `null | undefined`\nзначит `onChange` тоже должен ументь сбрасывать.\nПоэтому такой контрол явно должен передавать `UiBaseProps<AnyType | undefined>`"},onChange:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(value: T) => void`,signature:{arguments:[{type:{name:`C`},name:`value`}],return:{name:`void`}}},description:``},ref:{required:!1,tsType:{name:`Ref`,elements:[{name:`HTMLInputElement`}],raw:`Ref<HTMLInputElement>`},description:``},codeKey:{required:!0,tsType:{name:`string`},description:``},textKey:{required:!1,tsType:{name:`string`},description:``},hideCode:{required:!1,tsType:{name:`boolean`},description:``},query:{required:!1,tsType:{name:`string`},description:``},defaultQuery:{required:!1,tsType:{name:`string`},description:``},highlightQuery:{required:!1,tsType:{name:`string`},description:``},onQuery:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(value: string) => void`,signature:{arguments:[{type:{name:`string`},name:`value`}],return:{name:`void`}}},description:``},defaultFilter:{required:!1,tsType:{name:`boolean`},description:``},items:{required:!0,tsType:{name:`Array`,elements:[{name:`TOption`}],raw:`TOption[]`},description:``},getOptionDisabled:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(item: TOption, context: DeprecatedMultiSelectOptionDisableContext) => boolean`,signature:{arguments:[{type:{name:`TOption`},name:`item`},{type:{name:`DeprecatedMultiSelectOptionDisableContext`},name:`context`}],return:{name:`boolean`}}},description:``},onOpen:{required:!1,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:``},onClose:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(value: TOption[]) => void`,signature:{arguments:[{type:{name:`Array`,elements:[{name:`TOption`}],raw:`TOption[]`},name:`value`}],return:{name:`void`}}},description:``},error:{required:!1,tsType:{name:`string`},description:``},fieldError:{required:!1,tsType:{name:`string`},description:``},required:{required:!1,tsType:{name:`boolean`},description:``},isLoading:{required:!1,tsType:{name:`boolean`},description:``}}}})))()}export{p as n,u as t};
@@ -1,4 +1,4 @@
1
- import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-CU98mtpe.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-SX-KK9Lg.js";import{a as p,i as m,n as h,o as g,r as _,t as v}from"./DeprecatedMultiSelect.stories-DdPzDJjx.js";function y(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(s,{of:h,parameters:{docs:{toc:!0}}}),`
1
+ import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-E950Ehp0.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-DGivDYe5.js";import{a as p,i as m,n as h,o as g,r as _,t as v}from"./DeprecatedMultiSelect.stories-Ax0zv6Kb.js";function y(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(s,{of:h,parameters:{docs:{toc:!0}}}),`
2
2
  `,(0,x.jsx)(u,{children:`DeprecatedMultiSelect`}),`
3
3
  `,(0,x.jsx)(o,{children:`Совместимый мультиселект для CollectionItem и OData-ориентированных коллекций`}),`
4
4
  `,(0,x.jsxs)(t.p,{children:[(0,x.jsx)(t.code,{children:`DeprecatedMultiSelect`}),` сохраняет совместимый `,(0,x.jsx)(t.code,{children:`codeKey`}),`/`,(0,x.jsx)(t.code,{children:`textKey`}),` API для существующих consumers и OData-обёрток.
@@ -1,4 +1,4 @@
1
- import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r}from"./iframe-CU98mtpe.js";import{n as i,t as a}from"./DeprecatedMultiSelect-B4VEjiTj.js";var o=t({Basic:()=>p,Empty:()=>g,ErrorState:()=>h,Loading:()=>m,__namedExportsOrder:()=>_,default:()=>f}),s,c,l,u,d,f,p,m,h,g,_;function v(){return(v=e((()=>{s=n(),i(),c=r(),{useArgs:l}=__STORYBOOK_MODULE_PREVIEW_API__,{fn:u}=__STORYBOOK_MODULE_TEST__,d=[{code:`MOW`,label:`Москва`},{code:`SPB`,label:`Санкт-Петербург`},{code:`EKB`,label:`Екатеринбург`},{code:`KZN`,label:`Казань`},{code:`NSK`,label:`Новосибирск`}],f={title:`UI/DeprecatedMultiSelect`,component:a,args:{label:`Города`,description:`Выберите несколько значений.`,placeholder:`Начните вводить`,value:[],onChange:u(),codeKey:`code`,textKey:`label`,items:d,query:``,onQuery:u(),onOpen:()=>{},onClose:u(),size:`md`,disabled:!1},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Заголовок поля.`,control:`text`},description:{description:`Описание под полем.`,control:`text`},placeholder:{description:`Текст пустого поля.`,control:`text`},value:{description:`Контролируемый набор выбранных option.`,control:!1},onChange:{description:`Вызывается после подтверждения набора option.`,control:!1},codeKey:{description:`Имя поля option с уникальным ключом.`,control:`text`},textKey:{description:`Имя поля option с отображаемым текстом.`,control:`text`},hideCode:{description:`Скрывает код option в токенах и списке.`,control:`boolean`},items:{description:`Набор доступных option.`,control:!1},query:{description:`Контролируемый текст поиска.`,control:`text`},defaultQuery:{description:`Начальный текст поиска в uncontrolled-режиме.`,control:`text`},highlightQuery:{description:`Текст, который подсвечивается в option.`,control:`text`},onQuery:{description:`Вызывается при вводе поисковой строки.`,control:!1},defaultFilter:{description:`Включает встроенную фильтрацию option.`,control:`boolean`},getOptionDisabled:{description:`Блокирует отдельные option с учетом текущего выбора.`,control:!1},onOpen:{description:`Вызывается при открытии списка.`,control:!1},onClose:{description:`Вызывается при закрытии списка после commit.`,control:!1},error:{description:`Текст ошибки загрузки option.`,control:`text`},isLoading:{description:`Показывает состояние загрузки option.`,control:`boolean`},renderToken:{description:`Кастомный рендер выбранных токенов.`,control:!1},renderToolbar:{description:`Кастомный рендер toolbar popup.`,control:!1},renderItem:{description:`Возвращает text, code и searchText для общей композиции OptionButton.`,control:!1},disabled:{description:`Блокирует взаимодействие с полем.`,control:`boolean`},size:{description:`Размер поля и подписей.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]}}},p={render:function(e){let[,t]=l(),n=e.value??[d[1]],r=e.query??``,i=(0,s.useMemo)(()=>{let e=r.trim().toLowerCase();return e?d.filter(t=>t.label.toLowerCase().includes(e)||t.code.toLowerCase().includes(e)):d},[r]);return(0,c.jsx)(a,{...e,value:n,items:i,query:r,onQuery:n=>{e.onQuery?.(n),t({query:n})},onChange:n=>{e.onChange(n),t({value:n})}})}},m={render:function(e){let[,t]=l();return(0,c.jsx)(a,{...e,value:e.value??[],items:[],isLoading:!0,onChange:n=>{e.onChange(n),t({value:n})}})}},h={render:function(e){let[,t]=l();return(0,c.jsx)(a,{...e,value:e.value??[],items:[],error:`Ошибка загрузки`,onChange:n=>{e.onChange(n),t({value:n})}})}},g={render:function(e){let[,t]=l();return(0,c.jsx)(a,{...e,value:e.value??[],items:[],onChange:n=>{e.onChange(n),t({value:n})}})}},p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
1
+ import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r}from"./iframe-E950Ehp0.js";import{n as i,t as a}from"./DeprecatedMultiSelect-1MSPac-V.js";var o=t({Basic:()=>p,Empty:()=>g,ErrorState:()=>h,Loading:()=>m,__namedExportsOrder:()=>_,default:()=>f}),s,c,l,u,d,f,p,m,h,g,_;function v(){return(v=e((()=>{s=n(),i(),c=r(),{useArgs:l}=__STORYBOOK_MODULE_PREVIEW_API__,{fn:u}=__STORYBOOK_MODULE_TEST__,d=[{code:`MOW`,label:`Москва`},{code:`SPB`,label:`Санкт-Петербург`},{code:`EKB`,label:`Екатеринбург`},{code:`KZN`,label:`Казань`},{code:`NSK`,label:`Новосибирск`}],f={title:`UI/DeprecatedMultiSelect`,component:a,args:{label:`Города`,description:`Выберите несколько значений.`,placeholder:`Начните вводить`,value:[],onChange:u(),codeKey:`code`,textKey:`label`,items:d,query:``,onQuery:u(),onOpen:()=>{},onClose:u(),size:`md`,disabled:!1},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Заголовок поля.`,control:`text`},description:{description:`Описание под полем.`,control:`text`},placeholder:{description:`Текст пустого поля.`,control:`text`},value:{description:`Контролируемый набор выбранных option.`,control:!1},onChange:{description:`Вызывается после подтверждения набора option.`,control:!1},codeKey:{description:`Имя поля option с уникальным ключом.`,control:`text`},textKey:{description:`Имя поля option с отображаемым текстом.`,control:`text`},hideCode:{description:`Скрывает код option в токенах и списке.`,control:`boolean`},items:{description:`Набор доступных option.`,control:!1},query:{description:`Контролируемый текст поиска.`,control:`text`},defaultQuery:{description:`Начальный текст поиска в uncontrolled-режиме.`,control:`text`},highlightQuery:{description:`Текст, который подсвечивается в option.`,control:`text`},onQuery:{description:`Вызывается при вводе поисковой строки.`,control:!1},defaultFilter:{description:`Включает встроенную фильтрацию option.`,control:`boolean`},getOptionDisabled:{description:`Блокирует отдельные option с учетом текущего выбора.`,control:!1},onOpen:{description:`Вызывается при открытии списка.`,control:!1},onClose:{description:`Вызывается при закрытии списка после commit.`,control:!1},error:{description:`Текст ошибки загрузки option.`,control:`text`},isLoading:{description:`Показывает состояние загрузки option.`,control:`boolean`},renderToken:{description:`Кастомный рендер выбранных токенов.`,control:!1},renderToolbar:{description:`Кастомный рендер toolbar popup.`,control:!1},renderItem:{description:`Возвращает text, code и searchText для общей композиции OptionButton.`,control:!1},disabled:{description:`Блокирует взаимодействие с полем.`,control:`boolean`},size:{description:`Размер поля и подписей.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]}}},p={render:function(e){let[,t]=l(),n=e.value??[d[1]],r=e.query??``,i=(0,s.useMemo)(()=>{let e=r.trim().toLowerCase();return e?d.filter(t=>t.label.toLowerCase().includes(e)||t.code.toLowerCase().includes(e)):d},[r]);return(0,c.jsx)(a,{...e,value:n,items:i,query:r,onQuery:n=>{e.onQuery?.(n),t({query:n})},onChange:n=>{e.onChange(n),t({value:n})}})}},m={render:function(e){let[,t]=l();return(0,c.jsx)(a,{...e,value:e.value??[],items:[],isLoading:!0,onChange:n=>{e.onChange(n),t({value:n})}})}},h={render:function(e){let[,t]=l();return(0,c.jsx)(a,{...e,value:e.value??[],items:[],error:`Ошибка загрузки`,onChange:n=>{e.onChange(n),t({value:n})}})}},g={render:function(e){let[,t]=l();return(0,c.jsx)(a,{...e,value:e.value??[],items:[],onChange:n=>{e.onChange(n),t({value:n})}})}},p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
2
2
  render: function Render(args) {
3
3
  const [, updateArgs] = useArgs<React.ComponentProps<typeof DeprecatedMultiSelect>>();
4
4
  const value = args.value ?? [catalog[1]!];
@@ -1,4 +1,4 @@
1
- import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-CU98mtpe.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-SX-KK9Lg.js";import{a as p,i as m,n as h,o as g,r as _,t as v}from"./Detail.stories-Cc9fEkdx.js";function y(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(s,{of:_,parameters:{docs:{toc:!0}}}),`
1
+ import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-E950Ehp0.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-DGivDYe5.js";import{a as p,i as m,n as h,o as g,r as _,t as v}from"./Detail.stories-CJbeEBiY.js";function y(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(s,{of:_,parameters:{docs:{toc:!0}}}),`
2
2
  `,(0,x.jsx)(u,{children:`Detail`}),`
3
3
  `,(0,x.jsx)(o,{children:`Компонент для вывода пар «заголовок-значение» в карточках, сводках и просмотре сущностей`}),`
4
4
  `,(0,x.jsx)(t.p,{children:`Detail уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
@@ -1,4 +1,4 @@
1
- import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r}from"./iframe-CU98mtpe.js";import{a as i,i as a}from"./utils-tg3ibbzi.js";var o,s,c,l,u,d,f,p,m,h,g,_,v,y,b;function x(){return(x=e((()=>{o=`DyKaN-`,s=`_2Cf0DN`,c=`igyZiV`,l=`lFsl-5`,u=`zQlD1x`,d=`a6oRih`,f=`MYdzIV`,p=`Pxw-eb`,m=`Kz2K6S`,h=`Pbwja7`,g=`_1DseTb`,_=`h3oORx`,v=`gB9Kr4`,y=`V-PlLc`,b={detailList:o,none:s,small:c,normal:l,large:u,detail:d,dt:f,dd:p,textCenter:m,inline:h,start:g,center:_,end:v,noWrap:y}})))()}var S,C;function w(){return(w=e((()=>{S=n(),C=(0,S.createContext)({})})))()}function T({label:e,value:t,withColon:n,required:r}){let{semantic:a,inline:o,noWrap:s,center:c,vertical:l=`center`,withColon:u=!0}=(0,E.useContext)(C),d=i(b.detail,c&&b.textCenter,o&&b.inline,s&&b.noWrap,b[l]),f=(0,D.jsxs)(D.Fragment,{children:[e,r?(0,D.jsxs)(D.Fragment,{children:[(0,D.jsx)(`span`,{className:`statusError`,"aria-hidden":`true`,children:`*`}),(0,D.jsx)(`span`,{className:`visuallyHidden`,children:` (Обязательное поле)`})]}):null,(typeof n==`boolean`?n:u)&&`:`]});switch(a){case`detail`:return(0,D.jsxs)(`div`,{className:d,children:[(0,D.jsx)(`dt`,{className:b.dt,children:f}),(0,D.jsx)(`dd`,{className:b.dd,children:t})]});case`list`:return(0,D.jsxs)(`li`,{className:d,children:[(0,D.jsx)(`div`,{className:b.dt,children:f}),(0,D.jsx)(`div`,{className:b.dd,children:t})]});default:return(0,D.jsxs)(`div`,{className:d,children:[(0,D.jsx)(`div`,{className:b.dt,children:f}),(0,D.jsx)(`div`,{className:b.dd,children:t})]})}}var E,D;function O(){return(O=e((()=>{E=n(),a(),x(),w(),D=r(),T.__docgenInfo={description:``,methods:[],displayName:`DetailItem`,props:{label:{required:!0,tsType:{name:`ReactNode`},description:``},value:{required:!0,tsType:{name:`ReactNode`},description:``},withColon:{required:!1,tsType:{name:`boolean`},description:``},required:{required:!1,tsType:{name:`boolean`},description:``}}}})))()}function k(e){return Number.isFinite(e)?Math.min(5,Math.max(1,Math.trunc(e))):1}function A({children:e,columnCount:t=1,rowGap:n=`none`,semantic:r=`list`,className:a,inline:o,center:s,vertical:c,noWrap:l,withColon:u,...d}){let f=i(b.detailList,b[n],a),p={columnCount:k(t)},m=r===`detail`?(0,j.jsx)(`dl`,{...d,className:f,style:p,children:e}):(0,j.jsx)(`ul`,{...d,className:f,style:p,children:e});return(0,j.jsx)(C.Provider,{value:{semantic:r,inline:o,center:s,vertical:c,noWrap:l,withColon:u},children:m})}var j;function M(){return(M=e((()=>{a(),x(),w(),O(),j=r(),A.Item=T,A.__docgenInfo={description:`Компонент для вывода пар «заголовок-значение» в одну или несколько колонок. Подходит для карточек сущностей, сводок и страниц просмотра.`,methods:[{name:`Item`,docblock:null,modifiers:[`static`],params:[{name:`{ label, value, withColon, required }: DetailItemProps`,optional:!1,type:{name:`DetailItemProps`,alias:`DetailItemProps`}}],returns:null}],displayName:`Detail`,props:{columnCount:{required:!1,tsType:{name:`number`},description:``,defaultValue:{value:`1`,computed:!1}},rowGap:{required:!1,tsType:{name:`union`,raw:`"none" | "small" | "normal" | "large"`,elements:[{name:`literal`,value:`"none"`},{name:`literal`,value:`"small"`},{name:`literal`,value:`"normal"`},{name:`literal`,value:`"large"`}]},description:``,defaultValue:{value:`"none"`,computed:!1}},children:{required:!0,tsType:{name:`ReactNode`},description:``},className:{required:!1,tsType:{name:`string`},description:``},semantic:{required:!1,tsType:{name:`union`,raw:`"detail" | "list"`,elements:[{name:`literal`,value:`"detail"`},{name:`literal`,value:`"list"`}]},description:``,defaultValue:{value:`"list"`,computed:!1}},inline:{required:!1,tsType:{name:`boolean`},description:``},center:{required:!1,tsType:{name:`boolean`},description:``},vertical:{required:!1,tsType:{name:`union`,raw:`"start" | "center" | "end"`,elements:[{name:`literal`,value:`"start"`},{name:`literal`,value:`"center"`},{name:`literal`,value:`"end"`}]},description:``},noWrap:{required:!1,tsType:{name:`boolean`},description:``},withColon:{required:!1,tsType:{name:`boolean`},description:``}},composes:[`AriaAttributes`]}})))()}var N=t({BasicList:()=>L,CustomLabel:()=>B,MultipleColumns:()=>R,SemanticDl:()=>z,__namedExportsOrder:()=>V,default:()=>I}),P,F,I,L,R,z,B,V;function H(){return(H=e((()=>{M(),P=r(),{useArgs:F}=__STORYBOOK_MODULE_PREVIEW_API__,I={title:`UI/Detail`,component:A,args:{columnCount:1,rowGap:`normal`,semantic:`list`,inline:!1,center:!1,vertical:`center`,noWrap:!1},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{columnCount:{description:`Количество колонок (1-5).`,control:`number`},rowGap:{description:`Вертикальные интервалы между строками.`,control:`inline-radio`,options:[`none`,`small`,`normal`,`large`]},semantic:{description:`Семантический режим контейнера списка деталей.`,control:`inline-radio`,options:[`detail`,`list`]},inline:{description:`Размещает метку и значение в одну строку.`,control:`boolean`},center:{description:`Центрирует текст метки и значения.`,control:`boolean`},vertical:{description:`Вертикальное выравнивание внутри строки.`,control:`inline-radio`,options:[`start`,`center`,`end`]},noWrap:{description:`Отключает перенос длинного значения.`,control:`boolean`},withColon:{description:`Добавляет двоеточие после метки.`,control:`boolean`},children:{description:`Набор Detail.Item внутри списка.`,control:!1}}},L={render:function(){let[e]=F();return(0,P.jsxs)(A,{...e,children:[(0,P.jsx)(A.Item,{required:!0,label:`Статус`,value:`Активен`}),(0,P.jsx)(A.Item,{label:`Приоритет`,value:`Высокий`}),(0,P.jsx)(A.Item,{label:`Автор`,value:`Иван Петров`})]})},args:{children:void 0}},R={render:function(){let[e]=F();return(0,P.jsxs)(A,{...e,children:[(0,P.jsx)(A.Item,{label:`ID`,value:`DOC-12345`}),(0,P.jsx)(A.Item,{label:`Дата`,value:`05.03.2026`}),(0,P.jsx)(A.Item,{label:`Версия`,value:`2.7`}),(0,P.jsx)(A.Item,{label:`Подразделение`,value:`Снабжение`}),(0,P.jsx)(A.Item,{label:`Регион`,value:`Урал`}),(0,P.jsx)(A.Item,{label:`Комментарий`,value:`Требуется согласование с бухгалтерией`})]})},args:{columnCount:2,rowGap:`small`,children:void 0}},z={render:function(){let[e]=F();return(0,P.jsxs)(A,{...e,children:[(0,P.jsx)(A.Item,{label:`Клиент`,value:`ООО Вектор`}),(0,P.jsx)(A.Item,{label:`Менеджер`,value:`Анна Смирнова`}),(0,P.jsx)(A.Item,{label:`Сумма`,value:`1 250 000 ₽`})]})},args:{semantic:`detail`,inline:!0,columnCount:1,"aria-label":`Сведения о заказе`,children:void 0}},B={render:function(){let[e]=F();return(0,P.jsxs)(A,{...e,children:[(0,P.jsx)(A.Item,{label:(0,P.jsx)(`span`,{children:`Номер договора`}),value:`KTK-2026-045`}),(0,P.jsx)(A.Item,{label:(0,P.jsx)(`span`,{title:`Без двоеточия для составной метки`,children:`Статус`}),value:`На согласовании`,withColon:!1})]})},args:{children:void 0}},L.parameters={...L.parameters,docs:{...L.parameters?.docs,source:{originalSource:`{
1
+ import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r}from"./iframe-E950Ehp0.js";import{a as i,i as a}from"./utils-tg3ibbzi.js";var o,s,c,l,u,d,f,p,m,h,g,_,v,y,b;function x(){return(x=e((()=>{o=`DyKaN-`,s=`_2Cf0DN`,c=`igyZiV`,l=`lFsl-5`,u=`zQlD1x`,d=`a6oRih`,f=`MYdzIV`,p=`Pxw-eb`,m=`Kz2K6S`,h=`Pbwja7`,g=`_1DseTb`,_=`h3oORx`,v=`gB9Kr4`,y=`V-PlLc`,b={detailList:o,none:s,small:c,normal:l,large:u,detail:d,dt:f,dd:p,textCenter:m,inline:h,start:g,center:_,end:v,noWrap:y}})))()}var S,C;function w(){return(w=e((()=>{S=n(),C=(0,S.createContext)({})})))()}function T({label:e,value:t,withColon:n,required:r}){let{semantic:a,inline:o,noWrap:s,center:c,vertical:l=`center`,withColon:u=!0}=(0,E.useContext)(C),d=i(b.detail,c&&b.textCenter,o&&b.inline,s&&b.noWrap,b[l]),f=(0,D.jsxs)(D.Fragment,{children:[e,r?(0,D.jsxs)(D.Fragment,{children:[(0,D.jsx)(`span`,{className:`statusError`,"aria-hidden":`true`,children:`*`}),(0,D.jsx)(`span`,{className:`visuallyHidden`,children:` (Обязательное поле)`})]}):null,(typeof n==`boolean`?n:u)&&`:`]});switch(a){case`detail`:return(0,D.jsxs)(`div`,{className:d,children:[(0,D.jsx)(`dt`,{className:b.dt,children:f}),(0,D.jsx)(`dd`,{className:b.dd,children:t})]});case`list`:return(0,D.jsxs)(`li`,{className:d,children:[(0,D.jsx)(`div`,{className:b.dt,children:f}),(0,D.jsx)(`div`,{className:b.dd,children:t})]});default:return(0,D.jsxs)(`div`,{className:d,children:[(0,D.jsx)(`div`,{className:b.dt,children:f}),(0,D.jsx)(`div`,{className:b.dd,children:t})]})}}var E,D;function O(){return(O=e((()=>{E=n(),a(),x(),w(),D=r(),T.__docgenInfo={description:``,methods:[],displayName:`DetailItem`,props:{label:{required:!0,tsType:{name:`ReactNode`},description:``},value:{required:!0,tsType:{name:`ReactNode`},description:``},withColon:{required:!1,tsType:{name:`boolean`},description:``},required:{required:!1,tsType:{name:`boolean`},description:``}}}})))()}function k(e){return Number.isFinite(e)?Math.min(5,Math.max(1,Math.trunc(e))):1}function A({children:e,columnCount:t=1,rowGap:n=`none`,semantic:r=`list`,className:a,inline:o,center:s,vertical:c,noWrap:l,withColon:u,...d}){let f=i(b.detailList,b[n],a),p={columnCount:k(t)},m=r===`detail`?(0,j.jsx)(`dl`,{...d,className:f,style:p,children:e}):(0,j.jsx)(`ul`,{...d,className:f,style:p,children:e});return(0,j.jsx)(C.Provider,{value:{semantic:r,inline:o,center:s,vertical:c,noWrap:l,withColon:u},children:m})}var j;function M(){return(M=e((()=>{a(),x(),w(),O(),j=r(),A.Item=T,A.__docgenInfo={description:`Компонент для вывода пар «заголовок-значение» в одну или несколько колонок. Подходит для карточек сущностей, сводок и страниц просмотра.`,methods:[{name:`Item`,docblock:null,modifiers:[`static`],params:[{name:`{ label, value, withColon, required }: DetailItemProps`,optional:!1,type:{name:`DetailItemProps`,alias:`DetailItemProps`}}],returns:null}],displayName:`Detail`,props:{columnCount:{required:!1,tsType:{name:`number`},description:``,defaultValue:{value:`1`,computed:!1}},rowGap:{required:!1,tsType:{name:`union`,raw:`"none" | "small" | "normal" | "large"`,elements:[{name:`literal`,value:`"none"`},{name:`literal`,value:`"small"`},{name:`literal`,value:`"normal"`},{name:`literal`,value:`"large"`}]},description:``,defaultValue:{value:`"none"`,computed:!1}},children:{required:!0,tsType:{name:`ReactNode`},description:``},className:{required:!1,tsType:{name:`string`},description:``},semantic:{required:!1,tsType:{name:`union`,raw:`"detail" | "list"`,elements:[{name:`literal`,value:`"detail"`},{name:`literal`,value:`"list"`}]},description:``,defaultValue:{value:`"list"`,computed:!1}},inline:{required:!1,tsType:{name:`boolean`},description:``},center:{required:!1,tsType:{name:`boolean`},description:``},vertical:{required:!1,tsType:{name:`union`,raw:`"start" | "center" | "end"`,elements:[{name:`literal`,value:`"start"`},{name:`literal`,value:`"center"`},{name:`literal`,value:`"end"`}]},description:``},noWrap:{required:!1,tsType:{name:`boolean`},description:``},withColon:{required:!1,tsType:{name:`boolean`},description:``}},composes:[`AriaAttributes`]}})))()}var N=t({BasicList:()=>L,CustomLabel:()=>B,MultipleColumns:()=>R,SemanticDl:()=>z,__namedExportsOrder:()=>V,default:()=>I}),P,F,I,L,R,z,B,V;function H(){return(H=e((()=>{M(),P=r(),{useArgs:F}=__STORYBOOK_MODULE_PREVIEW_API__,I={title:`UI/Detail`,component:A,args:{columnCount:1,rowGap:`normal`,semantic:`list`,inline:!1,center:!1,vertical:`center`,noWrap:!1},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{columnCount:{description:`Количество колонок (1-5).`,control:`number`},rowGap:{description:`Вертикальные интервалы между строками.`,control:`inline-radio`,options:[`none`,`small`,`normal`,`large`]},semantic:{description:`Семантический режим контейнера списка деталей.`,control:`inline-radio`,options:[`detail`,`list`]},inline:{description:`Размещает метку и значение в одну строку.`,control:`boolean`},center:{description:`Центрирует текст метки и значения.`,control:`boolean`},vertical:{description:`Вертикальное выравнивание внутри строки.`,control:`inline-radio`,options:[`start`,`center`,`end`]},noWrap:{description:`Отключает перенос длинного значения.`,control:`boolean`},withColon:{description:`Добавляет двоеточие после метки.`,control:`boolean`},children:{description:`Набор Detail.Item внутри списка.`,control:!1}}},L={render:function(){let[e]=F();return(0,P.jsxs)(A,{...e,children:[(0,P.jsx)(A.Item,{required:!0,label:`Статус`,value:`Активен`}),(0,P.jsx)(A.Item,{label:`Приоритет`,value:`Высокий`}),(0,P.jsx)(A.Item,{label:`Автор`,value:`Иван Петров`})]})},args:{children:void 0}},R={render:function(){let[e]=F();return(0,P.jsxs)(A,{...e,children:[(0,P.jsx)(A.Item,{label:`ID`,value:`DOC-12345`}),(0,P.jsx)(A.Item,{label:`Дата`,value:`05.03.2026`}),(0,P.jsx)(A.Item,{label:`Версия`,value:`2.7`}),(0,P.jsx)(A.Item,{label:`Подразделение`,value:`Снабжение`}),(0,P.jsx)(A.Item,{label:`Регион`,value:`Урал`}),(0,P.jsx)(A.Item,{label:`Комментарий`,value:`Требуется согласование с бухгалтерией`})]})},args:{columnCount:2,rowGap:`small`,children:void 0}},z={render:function(){let[e]=F();return(0,P.jsxs)(A,{...e,children:[(0,P.jsx)(A.Item,{label:`Клиент`,value:`ООО Вектор`}),(0,P.jsx)(A.Item,{label:`Менеджер`,value:`Анна Смирнова`}),(0,P.jsx)(A.Item,{label:`Сумма`,value:`1 250 000 ₽`})]})},args:{semantic:`detail`,inline:!0,columnCount:1,"aria-label":`Сведения о заказе`,children:void 0}},B={render:function(){let[e]=F();return(0,P.jsxs)(A,{...e,children:[(0,P.jsx)(A.Item,{label:(0,P.jsx)(`span`,{children:`Номер договора`}),value:`KTK-2026-045`}),(0,P.jsx)(A.Item,{label:(0,P.jsx)(`span`,{title:`Без двоеточия для составной метки`,children:`Статус`}),value:`На согласовании`,withColon:!1})]})},args:{children:void 0}},L.parameters={...L.parameters,docs:{...L.parameters?.docs,source:{originalSource:`{
2
2
  render: function Render() {
3
3
  const [args] = useArgs<DetailProps>();
4
4
  return <Detail {...args}>
@@ -1,4 +1,4 @@
1
- import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-CU98mtpe.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-SX-KK9Lg.js";import{a as p,i as m,n as h,o as g,r as _,t as v}from"./Dialog.stories-CUyAMGoD.js";function y(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(s,{of:h,parameters:{docs:{toc:!0}}}),`
1
+ import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-E950Ehp0.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-DGivDYe5.js";import{a as p,i as m,n as h,o as g,r as _,t as v}from"./Dialog.stories-Ds4F0ZoJ.js";function y(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(s,{of:h,parameters:{docs:{toc:!0}}}),`
2
2
  `,(0,x.jsx)(u,{children:`Dialog`}),`
3
3
  `,(0,x.jsx)(o,{children:`Легковесное диалоговое окно для коротких подтверждений и критичных действий`}),`
4
4
  `,(0,x.jsx)(t.p,{children:`Dialog уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
@@ -1 +1 @@
1
- import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n}from"./iframe-CU98mtpe.js";import{t as r}from"./react-dom-BzEl8usk.js";import{a as i,i as a}from"./utils-tg3ibbzi.js";import{a as o,n as s,r as c,t as l}from"./dom-D9_dPJ4G.js";var u,d,f,p,m,h,g,_,v,y;function b(){return(b=e((()=>{u=`CAE3zd`,d=`DFvpTa`,f=`C8ZQm6`,p=`RzJwEj`,m=`zGQoKD`,h=`JUBMwA`,g=`_78tTkb`,_=`ld7oQW`,v=`Uwqgrr`,y={overlay:u,panel:d,sized:f,sm:p,md:m,lg:h,xl:g,xxl:_,inside:v}})))()}function x({title:e,description:t,open:n,onClose:r,size:a,minWidth:c,children:u}){let d=(0,S.useId)(),f=(0,S.useId)(),p={"--dialog-min-width":typeof c==`number`?`${c}px`:c},m=o({active:n,trapFocus:!0,restoreFocus:!0,initialFocus:`container`});if(s({active:n,onDismiss:r,containerRef:m}),!n||typeof document>`u`)return null;let h=l(`dialog-root`);return h?(0,C.createPortal)((0,w.jsx)(`div`,{className:`${y.overlay} surfaceBackdrop`,onMouseDown:e=>e.target===e.currentTarget&&r(),children:(0,w.jsxs)(`div`,{ref:m,role:`dialog`,"aria-modal":`true`,"aria-labelledby":e?d:void 0,"aria-describedby":t?f:void 0,tabIndex:-1,className:i(y.panel,a&&y.sized,a&&y[a],`scrollable overscroll surface0 shadowMd paddingLg radiusMd`),style:p,children:[e&&(0,w.jsx)(`h2`,{id:d,className:`margin0`,children:e}),t&&(0,w.jsx)(`p`,{id:f,children:t}),u]})}),h):null}var S,C,w;function T(){return(T=e((()=>{S=t(),c(),a(),C=r(),b(),w=n()})))()}export{T as n,x as t};
1
+ import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n}from"./iframe-E950Ehp0.js";import{t as r}from"./react-dom-BzEl8usk.js";import{a as i,i as a}from"./utils-tg3ibbzi.js";import{a as o,n as s,r as c,t as l}from"./dom-D9_dPJ4G.js";var u,d,f,p,m,h,g,_,v,y;function b(){return(b=e((()=>{u=`CAE3zd`,d=`DFvpTa`,f=`C8ZQm6`,p=`RzJwEj`,m=`zGQoKD`,h=`JUBMwA`,g=`_78tTkb`,_=`ld7oQW`,v=`Uwqgrr`,y={overlay:u,panel:d,sized:f,sm:p,md:m,lg:h,xl:g,xxl:_,inside:v}})))()}function x({title:e,description:t,open:n,onClose:r,size:a,minWidth:c,children:u}){let d=(0,S.useId)(),f=(0,S.useId)(),p={"--dialog-min-width":typeof c==`number`?`${c}px`:c},m=o({active:n,trapFocus:!0,restoreFocus:!0,initialFocus:`container`});if(s({active:n,onDismiss:r,containerRef:m}),!n||typeof document>`u`)return null;let h=l(`dialog-root`);return h?(0,C.createPortal)((0,w.jsx)(`div`,{className:`${y.overlay} surfaceBackdrop`,onMouseDown:e=>e.target===e.currentTarget&&r(),children:(0,w.jsxs)(`div`,{ref:m,role:`dialog`,"aria-modal":`true`,"aria-labelledby":e?d:void 0,"aria-describedby":t?f:void 0,tabIndex:-1,className:i(y.panel,a&&y.sized,a&&y[a],`scrollable overscroll surface0 shadowMd paddingLg radiusMd`),style:p,children:[e&&(0,w.jsx)(`h2`,{id:d,className:`margin0`,children:e}),t&&(0,w.jsx)(`p`,{id:f,children:t}),u]})}),h):null}var S,C,w;function T(){return(T=e((()=>{S=t(),c(),a(),C=r(),b(),w=n()})))()}export{T as n,x as t};