@ryuzaki13/react-foundation-ui 1.2.3 → 1.2.5

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 (184) hide show
  1. package/dist/disclosure/Disclosure.d.ts +3 -1
  2. package/dist/disclosure/Disclosure.d.ts.map +1 -1
  3. package/dist/disclosure/index.js +23 -15
  4. package/dist/disclosure/index.js.map +1 -1
  5. package/dist/styles.css +1 -1
  6. package/package.json +3 -3
  7. package/storybook-static/assets/{Badge-BIKYTtco.js → Badge-CqIuOb2r.js} +1 -1
  8. package/storybook-static/assets/{Badge.stories-CncojL5C.js → Badge.stories-B1L3oXqA.js} +1 -1
  9. package/storybook-static/assets/{Button-CxnsMm79.js → Button-BRTJwOoL.js} +1 -1
  10. package/storybook-static/assets/{Button-CoI7y0yw.js → Button-DRPsZkpf.js} +1 -1
  11. package/storybook-static/assets/{Button.stories-BQOEmKV6.js → Button.stories-C7BOBqmm.js} +1 -1
  12. package/storybook-static/assets/{CheckBox-AaX4I2tK.js → CheckBox-Dk-oHW3f.js} +1 -1
  13. package/storybook-static/assets/{CheckBox-C9xyHCEm.js → CheckBox-qsd5iiLo.js} +1 -1
  14. package/storybook-static/assets/{CheckBox.stories-Bqc_KJoS.js → CheckBox.stories-BYUwoGFb.js} +1 -1
  15. package/storybook-static/assets/{Color-KMSTOMOX-8EfFozrt.js → Color-KMSTOMOX-95iQg7nH.js} +1 -1
  16. package/storybook-static/assets/{ContextMenu-tRvF17GN.js → ContextMenu-CDrjGSkO.js} +1 -1
  17. package/storybook-static/assets/{ContextMenu.stories-CfPs3YF2.js → ContextMenu.stories-ClLpz2T_.js} +1 -1
  18. package/storybook-static/assets/{DateInput-C1M5fBun.js → DateInput-CcJ6PVFo.js} +1 -1
  19. package/storybook-static/assets/{DateInput-BEX6gS7B.js → DateInput-RqGYR5cy.js} +1 -1
  20. package/storybook-static/assets/{DateInput.stories-B5ik5xR6.js → DateInput.stories-DpOyDhMl.js} +1 -1
  21. package/storybook-static/assets/{DateRangePresetSelect-CfMrQiwF.js → DateRangePresetSelect-B0B1J0PO.js} +1 -1
  22. package/storybook-static/assets/{DateRangePresetSelect-56MmxTDN.js → DateRangePresetSelect-CiTi7MC-.js} +1 -1
  23. package/storybook-static/assets/{DateRangePresetSelect.stories-Bn-kss98.js → DateRangePresetSelect.stories-CDRw5Oq8.js} +1 -1
  24. package/storybook-static/assets/{Detail-BtFR_9Lr.js → Detail-MDSP58Cw.js} +1 -1
  25. package/storybook-static/assets/{Detail.stories-92t-tnA_.js → Detail.stories-CFaEXdnD.js} +1 -1
  26. package/storybook-static/assets/{Dialog-XSnikIme.js → Dialog-lZLFxfrO.js} +1 -1
  27. package/storybook-static/assets/{Dialog.stories-fqipFzyg.js → Dialog.stories-OH7rS0C0.js} +1 -1
  28. package/storybook-static/assets/Disclosure-BngYqiG7.js +32 -0
  29. package/storybook-static/assets/Disclosure-CCmAxXkT.css +1 -0
  30. package/storybook-static/assets/Disclosure.stories-Bdn9UfkS.js +41 -0
  31. package/storybook-static/assets/{DocsRenderer-JROSPFPF-CwkQtr9r.js → DocsRenderer-JROSPFPF-DWgvCgxD.js} +2 -2
  32. package/storybook-static/assets/{DropZone-CdkCN0e2.js → DropZone-D8MZJBRg.js} +1 -1
  33. package/storybook-static/assets/{DropZone.stories-BgZ4qgFG.js → DropZone.stories-DAy7Y7u_.js} +1 -1
  34. package/storybook-static/assets/{DropdownMenu-zFlS97JH.js → DropdownMenu-D297Y1-Q.js} +1 -1
  35. package/storybook-static/assets/{ExpandableActionPanel.stories-B0jfDSj4.js → ExpandableActionPanel.stories-DHfJAMvi.js} +1 -1
  36. package/storybook-static/assets/{Flex-LnWfxePp.js → Flex-Bo_blLLU.js} +1 -1
  37. package/storybook-static/assets/{Flex-C6JDO21X.js → Flex-YdcEUvOb.js} +1 -1
  38. package/storybook-static/assets/{Flex.stories-vGuYo6Ig.js → Flex.stories-BYww9UrF.js} +1 -1
  39. package/storybook-static/assets/{Grid-DZhbrDyP.js → Grid-BKVfVtMQ.js} +1 -1
  40. package/storybook-static/assets/{Grid-CDYAcgQ5.js → Grid-Cm8ed4eJ.js} +1 -1
  41. package/storybook-static/assets/{Grid.stories-B44mFBm1.js → Grid.stories-BA40WGI8.js} +1 -1
  42. package/storybook-static/assets/{ImageCropper.stories-DTRleQTH.js → ImageCropper.stories-BArNzBhJ.js} +1 -1
  43. package/storybook-static/assets/{ImageRenderer-BC_vga6w.js → ImageRenderer-CKbJprSm.js} +1 -1
  44. package/storybook-static/assets/{ImageRenderer.stories-INXwAt3u.js → ImageRenderer.stories-C3tXouxo.js} +1 -1
  45. package/storybook-static/assets/{ImageView.stories-BpdLIN-r.js → ImageView.stories-B0t8arXl.js} +1 -1
  46. package/storybook-static/assets/{ImageViewer.stories-Cw7wfnLa.js → ImageViewer.stories-8SHhA7Zs.js} +2 -2
  47. package/storybook-static/assets/{ImageViewerRuntime-CyAIKnz4.js → ImageViewerRuntime-CQlbrp5B.js} +1 -1
  48. package/storybook-static/assets/{Input-D5mvLxWW.js → Input-7ezq6oei.js} +1 -1
  49. package/storybook-static/assets/{Input-BB3KTZHQ.js → Input-Bhr1VdTL.js} +1 -1
  50. package/storybook-static/assets/{Input.stories-C1w4MjX_.js → Input.stories-BYyUbxVA.js} +1 -1
  51. package/storybook-static/assets/{InputDateTime-B15GrPaF.js → InputDateTime-Y02dGO6t.js} +1 -1
  52. package/storybook-static/assets/{InputDateTime.stories-CxUG6chq.js → InputDateTime.stories-DWHCtWWi.js} +1 -1
  53. package/storybook-static/assets/{InputFile-DbofxZw1.js → InputFile-wGF1JNET.js} +1 -1
  54. package/storybook-static/assets/{InputFile.stories--GtJW-fp.js → InputFile.stories-DNQ2a_np.js} +1 -1
  55. package/storybook-static/assets/{InputFiles-CYpfY5z5.js → InputFiles-BGj3_Dbe.js} +1 -1
  56. package/storybook-static/assets/{InputFiles-DFOP6bqq.js → InputFiles-DlDWOhQe.js} +1 -1
  57. package/storybook-static/assets/{InputFiles.stories-COfPtsSA.js → InputFiles.stories-MXsbr1dt.js} +1 -1
  58. package/storybook-static/assets/{InputImage-BfHuV4-_.js → InputImage-Bmp2YrrC.js} +1 -1
  59. package/storybook-static/assets/{InputImage.stories-DkCbg5QX.js → InputImage.stories-ab8gdHDP.js} +1 -1
  60. package/storybook-static/assets/{LayoutPicker-CHJiw4_N.js → LayoutPicker-DEsjyUr1.js} +1 -1
  61. package/storybook-static/assets/{LayoutPicker.stories-BNQJY7ct.js → LayoutPicker.stories-v5wscYNj.js} +1 -1
  62. package/storybook-static/assets/{Listbox-Ct_C09Jt.js → Listbox-CU-1viZs.js} +1 -1
  63. package/storybook-static/assets/{Listbox.stories-DM4uphxZ.js → Listbox.stories-BctLxJ_A.js} +1 -1
  64. package/storybook-static/assets/{Modal-CRy5Q-IO.js → Modal-DlSdqLEB.js} +1 -1
  65. package/storybook-static/assets/{Modal.stories-BMzL24Va.js → Modal.stories-BX7ncunU.js} +1 -1
  66. package/storybook-static/assets/{MultiSelect-COcKuFiq.js → MultiSelect-DU93SBJu.js} +1 -1
  67. package/storybook-static/assets/{MultiSelect-BY_6axjT.js → MultiSelect-MJWP3AfC.js} +1 -1
  68. package/storybook-static/assets/{MultiSelect.stories-Bfksoi8d.js → MultiSelect.stories-DcnxzURR.js} +1 -1
  69. package/storybook-static/assets/{NotificationsHost-6esXfRHL.js → NotificationsHost-BoxaTZep.js} +1 -1
  70. package/storybook-static/assets/{NotificationsHost.stories-D88sWZTp.js → NotificationsHost.stories-DMHObrVz.js} +1 -1
  71. package/storybook-static/assets/{ODataMultiSelect-D5I110Xb.js → ODataMultiSelect-DaWqibqI.js} +1 -1
  72. package/storybook-static/assets/{ODataMultiSelect-Bkod6dU-.js → ODataMultiSelect-Du-t3u47.js} +1 -1
  73. package/storybook-static/assets/{ODataMultiSelect.stories-uDcGeScJ.js → ODataMultiSelect.stories-BZxf-xqV.js} +1 -1
  74. package/storybook-static/assets/{ODataSelect-CwlzYk3r.js → ODataSelect-D2atjlaZ.js} +1 -1
  75. package/storybook-static/assets/{ODataSelect-D_WEdyYt.js → ODataSelect-Dcti0Nj6.js} +1 -1
  76. package/storybook-static/assets/{ODataSelect.stories-C7v7euCg.js → ODataSelect.stories-KCE8_aDk.js} +1 -1
  77. package/storybook-static/assets/{ODataTreeMultiSelect-CSBS4VEM.js → ODataTreeMultiSelect-DXhaRIJU.js} +1 -1
  78. package/storybook-static/assets/{ODataTreeMultiSelect.stories-CredX_b6.js → ODataTreeMultiSelect.stories-C4diLcsb.js} +1 -1
  79. package/storybook-static/assets/{ODataTreeSelect-DuEXLe7A.js → ODataTreeSelect-BAPh7tTc.js} +1 -1
  80. package/storybook-static/assets/{ODataTreeSelect.stories-Dq1FT9Bn.js → ODataTreeSelect.stories-DcC-kW_1.js} +1 -1
  81. package/storybook-static/assets/{PeriodSelect-DrJErzKP.js → PeriodSelect-BZQddbhn.js} +1 -1
  82. package/storybook-static/assets/{PeriodSelect.stories-CYFk1T1O.js → PeriodSelect.stories-DnX6ylJe.js} +1 -1
  83. package/storybook-static/assets/{Popover-DCfnoXMV.js → Popover-BAOK_JPY.js} +1 -1
  84. package/storybook-static/assets/{Popover.stories-D_ZSUJSj.js → Popover.stories-8BWDl4az.js} +1 -1
  85. package/storybook-static/assets/{PresetRangeDateInput-CpIFfw3O.js → PresetRangeDateInput-B0sgdqTi.js} +1 -1
  86. package/storybook-static/assets/{PresetRangeDateInput.stories-CKoX_ei2.js → PresetRangeDateInput.stories-BuNjCNYz.js} +1 -1
  87. package/storybook-static/assets/{RadioButton-CAlECH22.js → RadioButton-DqwMwsR8.js} +1 -1
  88. package/storybook-static/assets/{RadioButton.stories-BIEtJvoM.js → RadioButton.stories-BFIrfejH.js} +1 -1
  89. package/storybook-static/assets/{RadioGroup-Dn9BiTze.js → RadioGroup-BC5tsT9O.js} +1 -1
  90. package/storybook-static/assets/{RadioGroup-C1pgN3Tl.js → RadioGroup-CFJUxrP8.js} +1 -1
  91. package/storybook-static/assets/{RadioGroup.stories-BQcz94Ou.js → RadioGroup.stories-DWgq1Th7.js} +1 -1
  92. package/storybook-static/assets/{Select-Bcdklx9Y.js → Select-BWys2w0i.js} +1 -1
  93. package/storybook-static/assets/{Select-BSQe4q10.js → Select-DA-IM1n3.js} +1 -1
  94. package/storybook-static/assets/{Select.stories-D2wvcnka.js → Select.stories-DthQYTrb.js} +1 -1
  95. package/storybook-static/assets/{SelectOptionContent-B2i9PYpP.js → SelectOptionContent-BB7mShCy.js} +1 -1
  96. package/storybook-static/assets/{SerializableSelect-B6P4hdhn.js → SerializableSelect-41Xez8fT.js} +1 -1
  97. package/storybook-static/assets/{SerializableSelect-WAyfxEJb.js → SerializableSelect-D1xR7LIw.js} +1 -1
  98. package/storybook-static/assets/{SerializableSelect.stories-Nm4NURui.js → SerializableSelect.stories-Bd4_y3S6.js} +1 -1
  99. package/storybook-static/assets/{SingleDateTimeInput-CEwwfP6n.js → SingleDateTimeInput-DXDU3nkK.js} +1 -1
  100. package/storybook-static/assets/{SingleDateTimeInput.stories-CHB3MzMG.js → SingleDateTimeInput.stories-ezXNXUPL.js} +1 -1
  101. package/storybook-static/assets/{Slider-CxPsFPz5.js → Slider-DbXvcoh4.js} +1 -1
  102. package/storybook-static/assets/{Slider.stories-Br6WEtlZ.js → Slider.stories-zpGfrqG7.js} +1 -1
  103. package/storybook-static/assets/{SliderInput-DOW0sFqI.js → SliderInput-7tsU7EUF.js} +1 -1
  104. package/storybook-static/assets/{SliderInput.stories-B0B7pMUV.js → SliderInput.stories-CL0UUAG-.js} +1 -1
  105. package/storybook-static/assets/{Sortable-BpBzkgoq.js → Sortable-BwQXZgwA.js} +1 -1
  106. package/storybook-static/assets/{Sortable.stories-CIxN4eWq.js → Sortable.stories-C38UqnlC.js} +1 -1
  107. package/storybook-static/assets/{Splitter-B0SUV6R6.js → Splitter-BeT3Idg3.js} +1 -1
  108. package/storybook-static/assets/{Splitter.stories-xoiwS0Dj.js → Splitter.stories-DzbsN93T.js} +1 -1
  109. package/storybook-static/assets/{StateSelect-aYkBGK5g.js → StateSelect-BBa64IHc.js} +1 -1
  110. package/storybook-static/assets/{StateSelect.stories-BmXL9sT7.js → StateSelect.stories-BmKUjwsS.js} +1 -1
  111. package/storybook-static/assets/{Switch-Ck5umwPZ.js → Switch-7nEdELO-.js} +1 -1
  112. package/storybook-static/assets/{Switch.stories-u7aYivBX.js → Switch.stories-Cx4N6i24.js} +1 -1
  113. package/storybook-static/assets/{Table-ByKCf_-J.js → Table-b2icM9U5.js} +1 -1
  114. package/storybook-static/assets/{Table.stories-CHtEQxx6.js → Table.stories-DcnODqKp.js} +1 -1
  115. package/storybook-static/assets/{Tabs-DMIFjHcg.js → Tabs-C9hwEWZr.js} +1 -1
  116. package/storybook-static/assets/{Tabs.stories-CewQXOib.js → Tabs.stories-BOEgVqDz.js} +1 -1
  117. package/storybook-static/assets/{TagInput.stories-8s1cUttc.js → TagInput.stories-D9JNxFUB.js} +1 -1
  118. package/storybook-static/assets/{Textarea-C0MD6syk.js → Textarea-M4I-ydIq.js} +1 -1
  119. package/storybook-static/assets/{Textarea.stories-BgfD4BjE.js → Textarea.stories-DJnxx283.js} +1 -1
  120. package/storybook-static/assets/{TimePanel-EqT2RtLs.js → TimePanel-DjV0Pm-W.js} +1 -1
  121. package/storybook-static/assets/{TimePanel.stories-TquvDyJA.js → TimePanel.stories-BmUbi3HB.js} +1 -1
  122. package/storybook-static/assets/{Toggle-kP7DcMwh.js → Toggle-BZs0T60q.js} +1 -1
  123. package/storybook-static/assets/{Toggle.stories-DWp4QITl.js → Toggle.stories-BFLALD7P.js} +1 -1
  124. package/storybook-static/assets/{TreeMultiSelect-SM8sSK8U.js → TreeMultiSelect-Co0WmQbi.js} +1 -1
  125. package/storybook-static/assets/{TreeMultiSelect-CNe8Clp1.js → TreeMultiSelect-RHN3weN7.js} +1 -1
  126. package/storybook-static/assets/{TreeMultiSelect.stories-BsHWzhgq.js → TreeMultiSelect.stories-Bnp41eie.js} +1 -1
  127. package/storybook-static/assets/{TreePickerBase-C4HDn6rl.js → TreePickerBase-CVg-4CeZ.js} +1 -1
  128. package/storybook-static/assets/{TreeSelect-CdPAYiqJ.js → TreeSelect-7E0WmkFJ.js} +1 -1
  129. package/storybook-static/assets/{TreeSelect-Ph8AS4Pz.js → TreeSelect-BhBfYNF2.js} +1 -1
  130. package/storybook-static/assets/{TreeSelect.stories-CSSIeNDY.js → TreeSelect.stories-Wi6h1o4j.js} +1 -1
  131. package/storybook-static/assets/{TreeTable-BV4eaKVP.js → TreeTable-B9PeXEgl.js} +1 -1
  132. package/storybook-static/assets/{TreeTable.stories-Bqj4u8WT.js → TreeTable.stories-BRr-HMU9.js} +1 -1
  133. package/storybook-static/assets/{WithTooltip-7X4HQR7L-DfkweHgM.js → WithTooltip-7X4HQR7L-CloGe2wz.js} +1 -1
  134. package/storybook-static/assets/{base-table-DR5AGMDH.js → base-table-BaTwpBKJ.js} +1 -1
  135. package/storybook-static/assets/{blocks-Lc8OH6Kn.js → blocks-DqCdcDDe.js} +6 -6
  136. package/storybook-static/assets/{button-BugzrKtF.js → button-DOwq47jG.js} +1 -1
  137. package/storybook-static/assets/{check-box-DIbcopNk.js → check-box-DgM91086.js} +1 -1
  138. package/storybook-static/assets/{chunk-3LY4VQVK-DeznUmkf.js → chunk-3LY4VQVK-BleAdmk6.js} +1 -1
  139. package/storybook-static/assets/{chunk-LITCR56V-CgsluJ-b.js → chunk-LITCR56V-CctdrhmG.js} +1 -1
  140. package/storybook-static/assets/{contextMenu-W5wJLht_.js → contextMenu-RSOEDSky.js} +1 -1
  141. package/storybook-static/assets/{error-C7_wICEB.js → error-DgeBniGS.js} +1 -1
  142. package/storybook-static/assets/{flex-oADhFXFK.js → flex-B8VHKRwJ.js} +1 -1
  143. package/storybook-static/assets/{floating-ui.react-CTnofZZa.js → floating-ui.react-BC7OnjUj.js} +1 -1
  144. package/storybook-static/assets/formatter-L2YTDE3Q-DZtfuMIJ.js +1 -0
  145. package/storybook-static/assets/{formatters-CkLGLcIQ.js → formatters-3QKr_cek.js} +2 -2
  146. package/storybook-static/assets/grid-iUnWuRSk.js +1 -0
  147. package/storybook-static/assets/{hooks-tFsvVXZo.js → hooks-DrCShsc2.js} +1 -1
  148. package/storybook-static/assets/{iframe--uVUQxom.js → iframe-DQGux9DR.js} +3 -3
  149. package/storybook-static/assets/{input-Boc_JTE5.js → input-ba6u8qHs.js} +1 -1
  150. package/storybook-static/assets/{lucide-react-CsbAWn0Z.js → lucide-react-Dl5GLJgA.js} +1 -1
  151. package/storybook-static/assets/{mdx-react-shim-DLwoEMcU.js → mdx-react-shim-OlNc3VgM.js} +1 -1
  152. package/storybook-static/assets/{media-D67bmqBU.js → media-DSub-Zk6.js} +1 -1
  153. package/storybook-static/assets/{misc-wXl6WXKr.js → misc-D-hX2MYF.js} +1 -1
  154. package/storybook-static/assets/{notifications-BpbpUSCJ.js → notifications-D0ON9GtW.js} +1 -1
  155. package/storybook-static/assets/{odata-ClVp9G1V.js → odata-D8dVDtOF.js} +1 -1
  156. package/storybook-static/assets/odata-service-DkVT4DSP.js +1 -0
  157. package/storybook-static/assets/{odataStoryFixtures-BLDb5DL3.js → odataStoryFixtures-Duiq6TnF.js} +1 -1
  158. package/storybook-static/assets/{picker-D6ug2u6l.js → picker-BXXLd1xR.js} +1 -1
  159. package/storybook-static/assets/{popover-C_8XI95k.js → popover-edHT3Rp-.js} +1 -1
  160. package/storybook-static/assets/{preset-select-BIBQkEB0.js → preset-select-BOurZfsi.js} +1 -1
  161. package/storybook-static/assets/{react-18-BG1aXPoV.js → react-18-DtyAdDQE.js} +1 -1
  162. package/storybook-static/assets/{react-BGKtZuf_.js → react-BzCeCmdX.js} +1 -1
  163. package/storybook-static/assets/{react-dom-Bs81e7_0.js → react-dom-CPwl-cAa.js} +1 -1
  164. package/storybook-static/assets/select-BG-LkwIi.js +1 -0
  165. package/storybook-static/assets/{slider-BZ72Q894.js → slider-CWFDfcAi.js} +1 -1
  166. package/storybook-static/assets/{sortable-IKWOgu_t.js → sortable-CRIawl05.js} +1 -1
  167. package/storybook-static/assets/{syntaxhighlighter-RTCFPKCB-DUbCGMD4.js → syntaxhighlighter-RTCFPKCB-D74g_CNj.js} +1 -1
  168. package/storybook-static/assets/{text-DkF4lhBW.js → text-BwGeAOgJ.js} +1 -1
  169. package/storybook-static/assets/{theming-8xkNGFYG.js → theming-D6V7Htkc.js} +1 -1
  170. package/storybook-static/assets/ui-BF54m6fI.js +1 -0
  171. package/storybook-static/assets/{useODataSelectBase-BnB7NIiP.js → useODataSelectBase-DHm6ySvk.js} +1 -1
  172. package/storybook-static/assets/{useODataTreeData-06rMzbgp.js → useODataTreeData-BEECV4Oh.js} +1 -1
  173. package/storybook-static/assets/{utils-KKlP_was.js → utils-Dp9LQ47G.js} +1 -1
  174. package/storybook-static/iframe.html +1 -1
  175. package/storybook-static/index.json +1 -1
  176. package/storybook-static/project.json +1 -1
  177. package/storybook-static/assets/Disclosure-C6AW6Foa.js +0 -29
  178. package/storybook-static/assets/Disclosure-zNgXNDkm.css +0 -1
  179. package/storybook-static/assets/Disclosure.stories-Pkrv7McR.js +0 -35
  180. package/storybook-static/assets/formatter-L2YTDE3Q-Sffy4nfH.js +0 -1
  181. package/storybook-static/assets/grid-CbHiOvd1.js +0 -1
  182. package/storybook-static/assets/odata-service-h8z23YIv.js +0 -1
  183. package/storybook-static/assets/select-ID2qmQtH.js +0 -1
  184. package/storybook-static/assets/ui-Dmzx05-N.js +0 -1
@@ -1,4 +1,4 @@
1
- import{a as e,i as t}from"./preload-helper-B45gAKPr.js";import{t as n}from"./jsx-runtime-BBQGix-2.js";import{J as r,Mt as i,t as a,w as o,wt as s}from"./lucide-react-CsbAWn0Z.js";import{n as c,t as l}from"./Button-CxnsMm79.js";var u=e({Basic:()=>m,ComposableScheme:()=>g,Variants:()=>h,WithIcons:()=>_,__namedExportsOrder:()=>v,default:()=>p}),d,f,p,m,h,g,_,v,y=t((()=>{a(),c(),d=n(),{fn:f}=__STORYBOOK_MODULE_TEST__,p={title:`Shared/UI/Button`,component:l,args:{children:`Действие`,variant:`neutralOutline`,disabled:!1,iconEnd:!1,onClick:f()},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{children:{description:`Текстовое содержимое кнопки.`,control:`text`},variant:{description:"Готовая схема для обратной совместимости. Если заданы `tone` или `appearance`, они имеют приоритет.",control:`select`,options:[`neutral`,`neutralOutline`,`ghost`,`error`,`warning`,`success`,`info`,`errorOutline`,`warningOutline`,`successOutline`,`infoOutline`,`transparent`]},tone:{description:`Семантический тон кнопки.`,control:`inline-radio`,options:[`neutral`,`error`,`warning`,`success`,`info`]},appearance:{description:`Визуальная форма кнопки.`,control:`inline-radio`,options:[`solid`,`outline`,`ghost`,`transparent`]},icon:{description:`Иконка слева или справа от текста.`,control:!1},iconEnd:{description:`Перемещает иконку в конец кнопки.`,control:`boolean`},title:{description:"Текст тултипа и `aria-label` для кнопки.",control:`text`},disabled:{description:`Блокирует нажатие.`,control:`boolean`},onClick:{description:`Вызывается при нажатии на кнопку.`,control:!1},className:{description:`Дополнительный CSS-класс.`,control:`text`}}},m={},h={render:()=>(0,d.jsxs)(`div`,{style:{display:`grid`,gap:12,gridTemplateColumns:`repeat(auto-fit, minmax(180px, 1fr))`},children:[(0,d.jsx)(l,{variant:`neutral`,children:`Neutral Solid`}),(0,d.jsx)(l,{variant:`neutralOutline`,children:`Neutral Outline`}),(0,d.jsx)(l,{variant:`ghost`,children:`Ghost`}),(0,d.jsx)(l,{variant:`info`,children:`Info Solid`}),(0,d.jsx)(l,{variant:`success`,children:`Success Solid`}),(0,d.jsx)(l,{variant:`warning`,children:`Warning Solid`}),(0,d.jsx)(l,{variant:`error`,children:`Error Solid`}),(0,d.jsx)(l,{variant:`infoOutline`,children:`Info Outline`}),(0,d.jsx)(l,{variant:`successOutline`,children:`Success Outline`}),(0,d.jsx)(l,{variant:`warningOutline`,children:`Warning Outline`}),(0,d.jsx)(l,{variant:`errorOutline`,children:`Error Outline`}),(0,d.jsx)(l,{variant:`transparent`,children:`Transparent`})]}),args:{children:`Действие`}},g={render:()=>(0,d.jsxs)(`div`,{style:{display:`grid`,gap:12,gridTemplateColumns:`repeat(auto-fit, minmax(180px, 1fr))`},children:[(0,d.jsx)(l,{tone:`neutral`,appearance:`solid`,children:`Neutral Solid`}),(0,d.jsx)(l,{tone:`neutral`,appearance:`outline`,children:`Neutral Outline`}),(0,d.jsx)(l,{tone:`neutral`,appearance:`ghost`,children:`Neutral Ghost`}),(0,d.jsx)(l,{tone:`info`,appearance:`outline`,children:`Info Outline`}),(0,d.jsx)(l,{tone:`success`,appearance:`solid`,children:`Success Solid`}),(0,d.jsx)(l,{tone:`error`,appearance:`transparent`,children:`Error Transparent`})]})},_={render:()=>(0,d.jsxs)(`div`,{style:{display:`flex`,gap:12,flexWrap:`wrap`},children:[(0,d.jsx)(l,{icon:(0,d.jsx)(r,{}),children:`Скачать`}),(0,d.jsx)(l,{icon:(0,d.jsx)(o,{}),tone:`info`,appearance:`solid`,children:`Создать`}),(0,d.jsx)(l,{icon:(0,d.jsx)(s,{}),iconEnd:!0,tone:`success`,appearance:`solid`,children:`Подтвердить`}),(0,d.jsx)(l,{icon:(0,d.jsx)(i,{}),title:`Уведомления`})]}),args:{children:`Действие`}},m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
1
+ import{a as e,i as t}from"./preload-helper-B45gAKPr.js";import{t as n}from"./jsx-runtime-BBQGix-2.js";import{J as r,Mt as i,t as a,w as o,wt as s}from"./lucide-react-Dl5GLJgA.js";import{n as c,t as l}from"./Button-BRTJwOoL.js";var u=e({Basic:()=>m,ComposableScheme:()=>g,Variants:()=>h,WithIcons:()=>_,__namedExportsOrder:()=>v,default:()=>p}),d,f,p,m,h,g,_,v,y=t((()=>{a(),c(),d=n(),{fn:f}=__STORYBOOK_MODULE_TEST__,p={title:`Shared/UI/Button`,component:l,args:{children:`Действие`,variant:`neutralOutline`,disabled:!1,iconEnd:!1,onClick:f()},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{children:{description:`Текстовое содержимое кнопки.`,control:`text`},variant:{description:"Готовая схема для обратной совместимости. Если заданы `tone` или `appearance`, они имеют приоритет.",control:`select`,options:[`neutral`,`neutralOutline`,`ghost`,`error`,`warning`,`success`,`info`,`errorOutline`,`warningOutline`,`successOutline`,`infoOutline`,`transparent`]},tone:{description:`Семантический тон кнопки.`,control:`inline-radio`,options:[`neutral`,`error`,`warning`,`success`,`info`]},appearance:{description:`Визуальная форма кнопки.`,control:`inline-radio`,options:[`solid`,`outline`,`ghost`,`transparent`]},icon:{description:`Иконка слева или справа от текста.`,control:!1},iconEnd:{description:`Перемещает иконку в конец кнопки.`,control:`boolean`},title:{description:"Текст тултипа и `aria-label` для кнопки.",control:`text`},disabled:{description:`Блокирует нажатие.`,control:`boolean`},onClick:{description:`Вызывается при нажатии на кнопку.`,control:!1},className:{description:`Дополнительный CSS-класс.`,control:`text`}}},m={},h={render:()=>(0,d.jsxs)(`div`,{style:{display:`grid`,gap:12,gridTemplateColumns:`repeat(auto-fit, minmax(180px, 1fr))`},children:[(0,d.jsx)(l,{variant:`neutral`,children:`Neutral Solid`}),(0,d.jsx)(l,{variant:`neutralOutline`,children:`Neutral Outline`}),(0,d.jsx)(l,{variant:`ghost`,children:`Ghost`}),(0,d.jsx)(l,{variant:`info`,children:`Info Solid`}),(0,d.jsx)(l,{variant:`success`,children:`Success Solid`}),(0,d.jsx)(l,{variant:`warning`,children:`Warning Solid`}),(0,d.jsx)(l,{variant:`error`,children:`Error Solid`}),(0,d.jsx)(l,{variant:`infoOutline`,children:`Info Outline`}),(0,d.jsx)(l,{variant:`successOutline`,children:`Success Outline`}),(0,d.jsx)(l,{variant:`warningOutline`,children:`Warning Outline`}),(0,d.jsx)(l,{variant:`errorOutline`,children:`Error Outline`}),(0,d.jsx)(l,{variant:`transparent`,children:`Transparent`})]}),args:{children:`Действие`}},g={render:()=>(0,d.jsxs)(`div`,{style:{display:`grid`,gap:12,gridTemplateColumns:`repeat(auto-fit, minmax(180px, 1fr))`},children:[(0,d.jsx)(l,{tone:`neutral`,appearance:`solid`,children:`Neutral Solid`}),(0,d.jsx)(l,{tone:`neutral`,appearance:`outline`,children:`Neutral Outline`}),(0,d.jsx)(l,{tone:`neutral`,appearance:`ghost`,children:`Neutral Ghost`}),(0,d.jsx)(l,{tone:`info`,appearance:`outline`,children:`Info Outline`}),(0,d.jsx)(l,{tone:`success`,appearance:`solid`,children:`Success Solid`}),(0,d.jsx)(l,{tone:`error`,appearance:`transparent`,children:`Error Transparent`})]})},_={render:()=>(0,d.jsxs)(`div`,{style:{display:`flex`,gap:12,flexWrap:`wrap`},children:[(0,d.jsx)(l,{icon:(0,d.jsx)(r,{}),children:`Скачать`}),(0,d.jsx)(l,{icon:(0,d.jsx)(o,{}),tone:`info`,appearance:`solid`,children:`Создать`}),(0,d.jsx)(l,{icon:(0,d.jsx)(s,{}),iconEnd:!0,tone:`success`,appearance:`solid`,children:`Подтвердить`}),(0,d.jsx)(l,{icon:(0,d.jsx)(i,{}),title:`Уведомления`})]}),args:{children:`Действие`}},m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
2
2
  // play: async function ({ args, canvas, userEvent }) {
3
3
  // const button = canvas.getByRole("button", { name: /button/i });
4
4
  // // 👇 Simulate behavior
@@ -1,2 +1,2 @@
1
- import{c as e,i as t}from"./preload-helper-B45gAKPr.js";import{C as n}from"./iframe--uVUQxom.js";import{t as r}from"./jsx-runtime-BBQGix-2.js";import{a as i,i as a}from"./utils-KKlP_was.js";import{A as o,g as s,t as c}from"./lucide-react-CsbAWn0Z.js";import{n as l,t as u}from"./ui.module-wFHXkJzp.js";import{n as d,r as f}from"./uiClasses-CaHp0EWd.js";import{n as p,t as m}from"./CheckBox.module-ezWPE2pa.js";function h({label:e,description:t,placeholder:n,disabled:r,size:a,className:c,onChange:u,value:f,noWrap:p,id:h,tone:v=`neutral`,indeterminate:y=!1,...b}){let x=(0,g.useId)(),S=h??x,C=t?`${S}-description`:void 0,w=e??n,T=f??!1,E=e=>{e&&(e.indeterminate=y)};return(0,_.jsxs)(`div`,{className:i(l.uiElement,a&&l.uiSizable,a&&l[a],r&&l.disabled,c),"aria-disabled":r||void 0,children:[(0,_.jsxs)(`div`,{className:m.row,children:[(0,_.jsxs)(`div`,{className:i(m.wrapper,d(v)),children:[(0,_.jsx)(`input`,{...b,ref:E,id:S,type:`checkbox`,checked:T,disabled:r,"aria-checked":y?`mixed`:T,"aria-describedby":C,className:i(l.uiSelectionControl,m.input,y&&m.inputIndeterminate),onChange:()=>u?.(!T)}),(0,_.jsx)(`div`,{className:i(l.uiSelectionIcon,m.icon),"aria-hidden":`true`,children:y?(0,_.jsx)(o,{}):(0,_.jsx)(s,{})})]}),w&&(0,_.jsx)(`label`,{htmlFor:S,className:i(l.uiLabelBase,p&&`textNoWrap`),children:w})]}),t&&(0,_.jsx)(`p`,{id:C,className:l.uiDescription,children:t})]})}var g,_,v=t((()=>{g=e(n(),1),a(),c(),u(),f(),p(),_=r(),h.__docgenInfo={description:`Компонент флажка для выбора булевого значения в формах и списках.
1
+ import{c as e,i as t}from"./preload-helper-B45gAKPr.js";import{C as n}from"./iframe-DQGux9DR.js";import{t as r}from"./jsx-runtime-BBQGix-2.js";import{a as i,i as a}from"./utils-Dp9LQ47G.js";import{A as o,g as s,t as c}from"./lucide-react-Dl5GLJgA.js";import{n as l,t as u}from"./ui.module-wFHXkJzp.js";import{n as d,r as f}from"./uiClasses-CaHp0EWd.js";import{n as p,t as m}from"./CheckBox.module-ezWPE2pa.js";function h({label:e,description:t,placeholder:n,disabled:r,size:a,className:c,onChange:u,value:f,noWrap:p,id:h,tone:v=`neutral`,indeterminate:y=!1,...b}){let x=(0,g.useId)(),S=h??x,C=t?`${S}-description`:void 0,w=e??n,T=f??!1,E=e=>{e&&(e.indeterminate=y)};return(0,_.jsxs)(`div`,{className:i(l.uiElement,a&&l.uiSizable,a&&l[a],r&&l.disabled,c),"aria-disabled":r||void 0,children:[(0,_.jsxs)(`div`,{className:m.row,children:[(0,_.jsxs)(`div`,{className:i(m.wrapper,d(v)),children:[(0,_.jsx)(`input`,{...b,ref:E,id:S,type:`checkbox`,checked:T,disabled:r,"aria-checked":y?`mixed`:T,"aria-describedby":C,className:i(l.uiSelectionControl,m.input,y&&m.inputIndeterminate),onChange:()=>u?.(!T)}),(0,_.jsx)(`div`,{className:i(l.uiSelectionIcon,m.icon),"aria-hidden":`true`,children:y?(0,_.jsx)(o,{}):(0,_.jsx)(s,{})})]}),w&&(0,_.jsx)(`label`,{htmlFor:S,className:i(l.uiLabelBase,p&&`textNoWrap`),children:w})]}),t&&(0,_.jsx)(`p`,{id:C,className:l.uiDescription,children:t})]})}var g,_,v=t((()=>{g=e(n(),1),a(),c(),u(),f(),p(),_=r(),h.__docgenInfo={description:`Компонент флажка для выбора булевого значения в формах и списках.
2
2
  Поддерживает tone + appearance и использует общие selection utility-классы из ui.module.scss.`,methods:[],displayName:`CheckBox`,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:``},tone:{required:!1,tsType:{name:`union`,raw:`"neutral" | "error" | "warning" | "success" | "info"`,elements:[{name:`literal`,value:`"neutral"`},{name:`literal`,value:`"error"`},{name:`literal`,value:`"warning"`},{name:`literal`,value:`"success"`},{name:`literal`,value:`"info"`}]},description:``,defaultValue:{value:`"neutral"`,computed:!1}},noWrap:{required:!1,tsType:{name:`boolean`},description:``},indeterminate:{required:!1,tsType:{name:`boolean`},description:'Показывает частично выбранную группу и публикует `aria-checked="mixed"`.',defaultValue:{value:`false`,computed:!1}}},composes:[`Omit`]}}));export{v as n,h as t};
@@ -1,4 +1,4 @@
1
- import{i as e}from"./preload-helper-B45gAKPr.js";import{E as t,a as n,d as r,f as i,l as a,m as o,n as s,p as c,r as l,u}from"./blocks-Lc8OH6Kn.js";import{t as d}from"./jsx-runtime-BBQGix-2.js";import{t as f}from"./mdx-react-shim-DLwoEMcU.js";import{Controlled as p,Disabled as m,Sizes as h,Tones as g,n as _,t as v}from"./CheckBox.stories-Bqc_KJoS.js";function y(e){let o={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...t(),...e.components};return(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(a,{of:v,parameters:{docs:{toc:!0}}}),`
1
+ import{i as e}from"./preload-helper-B45gAKPr.js";import{E as t,a as n,d as r,f as i,l as a,m as o,n as s,p as c,r as l,u}from"./blocks-DqCdcDDe.js";import{t as d}from"./jsx-runtime-BBQGix-2.js";import{t as f}from"./mdx-react-shim-OlNc3VgM.js";import{Controlled as p,Disabled as m,Sizes as h,Tones as g,n as _,t as v}from"./CheckBox.stories-BYUwoGFb.js";function y(e){let o={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...t(),...e.components};return(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(a,{of:v,parameters:{docs:{toc:!0}}}),`
2
2
  `,(0,x.jsx)(c,{children:`CheckBox`}),`
3
3
  `,(0,x.jsx)(i,{children:`Флажок для булевых полей с общими UI-схемами tone и appearance`}),`
4
4
  `,(0,x.jsx)(o.p,{children:`CheckBox уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
@@ -1,4 +1,4 @@
1
- import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{C as r}from"./iframe--uVUQxom.js";import{t as i}from"./jsx-runtime-BBQGix-2.js";import{n as a,t as o}from"./CheckBox-AaX4I2tK.js";var s=e({Controlled:()=>d,Disabled:()=>m,Sizes:()=>p,Tones:()=>f,__namedExportsOrder:()=>h,default:()=>u}),c,l,u,d,f,p,m,h,g=n((()=>{c=t(r(),1),a(),l=i(),u={title:`Shared/UI/CheckBox`,component:o,args:{value:!1,onChange:()=>{}},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Текст основной подписи чекбокса.`,control:`text`},description:{description:`Дополнительное описание под элементом.`,control:`text`},placeholder:{description:"Текст подписи, если `label` не задан.",control:`text`},value:{description:`Текущее состояние чекбокса.`,control:`boolean`},onChange:{description:`Вызывается при изменении состояния.`,control:!1},disabled:{description:`Блокирует взаимодействие с элементом.`,control:`boolean`},size:{description:`Размер визуального контрола и текста.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]},tone:{description:`Семантический тон чекбокса.`,control:`inline-radio`,options:[`neutral`,`error`,`warning`,`success`,`info`]}}},d={render:e=>{let[t,n]=(0,c.useState)(e.value??!1);return(0,l.jsx)(o,{...e,value:t,onChange:n})},args:{label:`Принимать условия`,description:`Подтверждение условий использования сервиса.`,value:!1,size:`md`,disabled:!1,tone:`neutral`}},f={render:()=>{let[e,t]=(0,c.useState)({neutral:!0,info:!0,success:!0,warning:!0,error:!0});return(0,l.jsx)(`div`,{style:{display:`grid`,gap:12},children:[`neutral`,`info`,`success`,`warning`,`error`].map(n=>(0,l.jsx)(o,{tone:n,label:`Тон ${n}`,value:e[n],onChange:e=>t(t=>({...t,[n]:e}))},n))})}},p={render:()=>{let[e,t]=(0,c.useState)({xs:!1,sm:!0,md:!1,lg:!0,xl:!1});return(0,l.jsx)(`div`,{style:{display:`grid`,gap:12},children:[`xs`,`sm`,`md`,`lg`,`xl`].map(n=>(0,l.jsx)(o,{size:n,label:`Размер ${n}`,value:e[n],onChange:e=>t(t=>({...t,[n]:e}))},n))})}},m={args:{label:`Недоступный чекбокс`,description:`Изменение недоступно из-за прав доступа.`,value:!0,disabled:!0,tone:`neutral`}},d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`{
1
+ import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{C as r}from"./iframe-DQGux9DR.js";import{t as i}from"./jsx-runtime-BBQGix-2.js";import{n as a,t as o}from"./CheckBox-Dk-oHW3f.js";var s=e({Controlled:()=>d,Disabled:()=>m,Sizes:()=>p,Tones:()=>f,__namedExportsOrder:()=>h,default:()=>u}),c,l,u,d,f,p,m,h,g=n((()=>{c=t(r(),1),a(),l=i(),u={title:`Shared/UI/CheckBox`,component:o,args:{value:!1,onChange:()=>{}},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Текст основной подписи чекбокса.`,control:`text`},description:{description:`Дополнительное описание под элементом.`,control:`text`},placeholder:{description:"Текст подписи, если `label` не задан.",control:`text`},value:{description:`Текущее состояние чекбокса.`,control:`boolean`},onChange:{description:`Вызывается при изменении состояния.`,control:!1},disabled:{description:`Блокирует взаимодействие с элементом.`,control:`boolean`},size:{description:`Размер визуального контрола и текста.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]},tone:{description:`Семантический тон чекбокса.`,control:`inline-radio`,options:[`neutral`,`error`,`warning`,`success`,`info`]}}},d={render:e=>{let[t,n]=(0,c.useState)(e.value??!1);return(0,l.jsx)(o,{...e,value:t,onChange:n})},args:{label:`Принимать условия`,description:`Подтверждение условий использования сервиса.`,value:!1,size:`md`,disabled:!1,tone:`neutral`}},f={render:()=>{let[e,t]=(0,c.useState)({neutral:!0,info:!0,success:!0,warning:!0,error:!0});return(0,l.jsx)(`div`,{style:{display:`grid`,gap:12},children:[`neutral`,`info`,`success`,`warning`,`error`].map(n=>(0,l.jsx)(o,{tone:n,label:`Тон ${n}`,value:e[n],onChange:e=>t(t=>({...t,[n]:e}))},n))})}},p={render:()=>{let[e,t]=(0,c.useState)({xs:!1,sm:!0,md:!1,lg:!0,xl:!1});return(0,l.jsx)(`div`,{style:{display:`grid`,gap:12},children:[`xs`,`sm`,`md`,`lg`,`xl`].map(n=>(0,l.jsx)(o,{size:n,label:`Размер ${n}`,value:e[n],onChange:e=>t(t=>({...t,[n]:e}))},n))})}},m={args:{label:`Недоступный чекбокс`,description:`Изменение недоступно из-за прав доступа.`,value:!0,disabled:!0,tone:`neutral`}},d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`{
2
2
  render: args => {
3
3
  const [value, setValue] = useState(args.value ?? false);
4
4
  return <CheckBox {...args} value={value} onChange={setValue} />;
@@ -1 +1 @@
1
- import{c as e,i as t}from"./preload-helper-B45gAKPr.js";import{C as n,n as r,r as i,t as a}from"./iframe--uVUQxom.js";import{S as o,_ as s,b as c,g as l,h as u,v as d,x as f,y as p}from"./blocks-Lc8OH6Kn.js";import{a as m,l as h}from"./theming-8xkNGFYG.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(e,...t){return _(e,ae,...t)}function _(e,t,...n){let r=function(...r){let i=0,a=n.slice().map(e=>e===t?r[i++]:e),o=r.slice(i);return e.apply(this,a.concat(o))};return e.prototype&&(r.prototype=Object.create(e.prototype)),r}function te(e,...t){return v(e,E,...t)}function v(e,t,...n){let r=function(...r){let i=n.filter(e=>e===t).length,a=Math.max(r.length-i,0),o=r.slice(0,a),s=a,c=n.slice().map(e=>e===t?r[s++]:e);return e.apply(this,o.concat(c))};return e.prototype&&(r.prototype=Object.create(e.prototype)),r}function y(){return(y=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 b(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 x(e){var t=(0,w.useRef)(e),n=(0,w.useRef)(function(e){t.current&&t.current(e)});return t.current=e,n.current}function S(e,t,n){var r=x(n),i=(0,w.useState)(function(){return e.toHsva(t)}),a=i[0],o=i[1],s=(0,w.useRef)({color:t,hsva:a});return(0,w.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,w.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,w.useCallback)(function(e){o(function(t){return Object.assign({},t,e)})},[])]}var C,w,ne,re,ie,T,ae,E,D,O,k,A,oe,j,M,N,P,se,ce,F,le,ue,de,fe,I,L,R,z,pe,B,me,V,H,U,W,G,he,ge,_e,ve,K,q,ye,be,xe,Se,Ce,we,Te,Ee,De,Oe,ke,Ae,je,Me,Ne,Pe,Fe,Ie,J,Le,Re,ze,Y,Be,Ve,X,He,Ue,We,Ge,Z,Ke,qe,Q,Je,$,Ye;t((()=>{o(),i(),C=e(n(),1),d(),c(),w=e(n(),1),m(),ne=a({"../../../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]}}}),re=a({"../../../node_modules/color-convert/conversions.js"(e,t){var n=ne(),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;break}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]}}}),ie=a({"../../../node_modules/color-convert/route.js"(e,t){var n=re();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(a({"../../../node_modules/color-convert/index.js"(e,t){var n=re(),r=ie(),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}})(),1),ae=Symbol(`partial.placeholder`),g.placeholder=ae,E=Symbol(`partialRight.placeholder`),te.placeholder=E,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)}},oe=function(e){!O(e)&&e.preventDefault()},j=w.memo(function(e){var t=e.onMove,n=e.onKey,r=b(e,[`onMove`,`onKey`]),i=(0,w.useRef)(null),a=x(t),o=x(n),s=(0,w.useRef)(null),c=(0,w.useRef)(!1),l=(0,w.useMemo)(function(){var e=function(e){oe(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&&(oe(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,w.useEffect)(function(){return f},[f]),w.createElement(`div`,y({},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 w.createElement(`div`,{className:a,style:{top:100*i+`%`,left:100*n+`%`}},w.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},se={grad:.9,turn:360,rad:360/(2*Math.PI)},ce=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}},le=function(e,t){return t===void 0&&(t=`deg`),Number(e)*(se[t]||1)},ue=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?de({h:le(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}},de=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}},fe=function(e){return me(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)}},pe=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},me=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=w.memo(function(e){var t=e.hue,n=e.onChange,r=M([`react-colorful__hue`,e.className]);return w.createElement(`div`,{className:r},w.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`},w.createElement(N,{className:`react-colorful__hue-pointer`,left:t/360,color:L({h:t,s:100,v:100,a:1})})))}),U=w.memo(function(e){var t=e.hsva,n=e.onChange,r={backgroundColor:L({h:t.h,s:100,v:100,a:1})};return w.createElement(`div`,{className:`react-colorful__saturation`,style:r},w.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)+`%`},w.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,``)},he=function(e,t){return e.toLowerCase()===t.toLowerCase()||W(F(e),F(t))},_e=typeof window<`u`?w.useLayoutEffect:w.useEffect,ve=function(){return ge||(typeof __webpack_nonce__<`u`?__webpack_nonce__:void 0)},K=new Map,q=function(e){_e(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=ve();r&&n.setAttribute(`nonce`,r),t.head.appendChild(n)}},[])},ye=function(e){var t=e.className,n=e.colorModel,r=e.color,i=r===void 0?n.defaultColor:r,a=e.onChange,o=b(e,[`className`,`colorModel`,`color`,`onChange`]),s=(0,w.useRef)(null);q(s);var c=S(n,i,a),l=c[0],u=c[1],d=M([`react-colorful`,t]);return w.createElement(`div`,y({},o,{ref:s,className:d}),w.createElement(U,{hsva:l,onChange:u}),w.createElement(H,{hue:l.h,onChange:u,className:`react-colorful__last-control`}))},be={defaultColor:`000`,toHsva:ce,fromHsva:function(e){return fe({h:e.h,s:e.s,v:e.v,a:1})},equal:he},xe=function(e){return w.createElement(ye,y({},e,{colorModel:be}))},Se=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 w.createElement(`div`,{className:a},w.createElement(`div`,{className:`react-colorful__alpha-gradient`,style:i}),w.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`},w.createElement(N,{className:`react-colorful__alpha-pointer`,left:n.a,color:R(n)})))},Ce=function(e){var t=e.className,n=e.colorModel,r=e.color,i=r===void 0?n.defaultColor:r,a=e.onChange,o=b(e,[`className`,`colorModel`,`color`,`onChange`]),s=(0,w.useRef)(null);q(s);var c=S(n,i,a),l=c[0],u=c[1],d=M([`react-colorful`,t]);return w.createElement(`div`,y({},o,{ref:s,className:d}),w.createElement(U,{hsva:l,onChange:u}),w.createElement(H,{hue:l.h,onChange:u}),w.createElement(Se,{hsva:l,onChange:u,className:`react-colorful__last-control`}))},we={defaultColor:`hsla(0, 0%, 0%, 1)`,toHsva:ue,fromHsva:R,equal:G},Te=function(e){return w.createElement(Ce,y({},e,{colorModel:we}))},Ee={defaultColor:`rgba(0, 0, 0, 1)`,toHsva:pe,fromHsva:function(e){var t=z(e);return`rgba(`+t.r+`, `+t.g+`, `+t.b+`, `+t.a+`)`},equal:G},De=function(e){return w.createElement(Ce,y({},e,{colorModel:Ee}))},Oe=h.div({position:`relative`,maxWidth:250}),ke=h.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`}}),Ae=h.div({display:`grid`,gridTemplateColumns:`repeat(9, 16px)`,gap:6,padding:3,marginTop:5,width:200}),je=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>')`,Me=h(u)(({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}), ${je(n.base===`dark`)}`}})),Ne=h(l.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`}})),Pe=h(Me)(({disabled:e})=>({position:`absolute`,top:4,left:4,zIndex:1,cursor:e?`not-allowed`:`pointer`})),Fe=h(u)(({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})),Ie=(e=>(e.RGB=`rgb`,e.HSL=`hsl`,e.HEX=`hex`,e))(Ie||{}),J=Object.values(Ie),Le=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,Re=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,ze=/^\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,Be=/^\s*#?([0-9a-f]{3})\s*$/i,Ve={hex:xe,rgb:De,hsl:Te},X={hex:`transparent`,rgb:`rgba(0, 0, 0, 0)`,hsl:`hsla(0, 0%, 0%, 0)`},He=e=>{let t=e?.match(Le);if(!t)return[0,0,0,1];let[,n,r,i,a=1]=t;return[n,r,i,a].map(Number)},Ue=e=>{let[t,n,r,i]=He(e),[a,o,s]=T.default.rgb.hsl([t,n,r])||[0,0,0];return{valid:!0,value:e,keyword:T.default.rgb.keyword([t,n,r]),colorSpace:`rgb`,rgb:e,hsl:`hsla(${a}, ${o}%, ${s}%, ${i})`,hex:`#${T.default.rgb.hex([t,n,r]).toLowerCase()}`}},We=e=>{let[t,n,r,i]=He(e),[a,o,s]=T.default.hsl.rgb([t,n,r])||[0,0,0];return{valid:!0,value:e,keyword:T.default.hsl.keyword([t,n,r]),colorSpace:`hsl`,rgb:`rgba(${a}, ${o}, ${s}, ${i})`,hsl:e,hex:`#${T.default.hsl.hex([t,n,r]).toLowerCase()}`}},Ge=e=>{let t=e.replace(`#`,``),n=T.default.keyword.rgb(t)||T.default.hex.rgb(t),r=T.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{T.default.keyword.hex(i)}catch{a=!1}return{valid:a,value:i,keyword:T.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 Re.test(e)?Ue(e):ze.test(e)?We(e):Ge(e)},Ke=(e,t,n)=>{if(!e||!t?.valid)return X[n];if(n!==`hex`)return t?.[n]||X[n];if(!t.hex.startsWith(`#`))try{return`#${T.default.keyword.hex(t.hex)}`}catch{return X.hex}let r=t.hex.match(Be);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}`},qe=(e,t)=>{let[n,r]=(0,C.useState)(e||``),[i,a]=(0,C.useState)(()=>Z(n)),[o,s]=(0,C.useState)(i?.colorSpace||`hex`);return(0,C.useEffect)(()=>{let t=e||``,n=Z(t);r(t),a(n),s(n?.colorSpace||`hex`)},[e]),{value:n,realValue:(0,C.useMemo)(()=>Ke(n,i,o).toLowerCase(),[n,i,o]),updateValue:(0,C.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,C.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(),Je=(e,t,n,r=27)=>{let[i,a]=(0,C.useState)(t?.valid?[t]:[]);(0,C.useEffect)(()=>{t===void 0&&a([])},[t]);let o=(0,C.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,C.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,value:n,onChange:r,onFocus:i,onBlur:a,presetColors:o,maxPresetColors:c,startOpen:l=!1,argType:u})=>{let{value:d,realValue:m,updateValue:h,color:g,colorSpace:_,cycleColorSpace:te}=qe(n,(0,C.useCallback)(ee(r,200),[r])),{presets:v,addPreset:y}=Je(o??[],g,_,c),b=Ve[_],x=!!u?.table?.readonly,S=f(e,t);return C.createElement(Oe,null,C.createElement(`label`,{htmlFor:S,className:`sb-sr-only`},e),C.createElement(Ne,{id:S,value:d,onChange:e=>h(e.target.value),onFocus:e=>e.target.select(),readOnly:x,placeholder:`Choose color...`}),C.createElement(s,{ariaLabel:`Color picker`,defaultVisible:l,visible:x?!1:void 0,onVisibleChange:()=>g&&y(g),popover:C.createElement(ke,null,C.createElement(b,{color:m===`transparent`?`#000000`:m,onChange:h,onFocus:i,onBlur:a}),v.length>0&&C.createElement(Ae,null,v.map((e,t)=>C.createElement(Me,{key:`${e?.value||t}-${t}`,variant:`ghost`,padding:`small`,size:`small`,ariaLabel:`Pick this color`,tooltip:e?.keyword||e?.value||``,value:e?.value||``,selected:!!(g&&e&&e[_]&&Q(e[_]||``)===Q(g[_])),onClick:()=>e&&h(e.value||``)}))))},C.createElement(Pe,{variant:`ghost`,padding:`small`,size:`small`,ariaLabel:`Open color picker`,value:m,style:{margin:4},disabled:x})),d?C.createElement(Fe,{variant:`ghost`,padding:`small`,size:`small`,ariaLabel:`Cycle through color spaces`,disabled:x,onClick:x?void 0:te},C.createElement(p,null)):null)},Ye=$}))();export{$ as ColorControl,Ye as default};
1
+ import{c as e,i as t}from"./preload-helper-B45gAKPr.js";import{C as n,n as r,r as i,t as a}from"./iframe-DQGux9DR.js";import{S as o,_ as s,b as c,g as l,h as u,v as d,x as f,y as p}from"./blocks-DqCdcDDe.js";import{a as m,l as h}from"./theming-D6V7Htkc.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(e,...t){return _(e,ae,...t)}function _(e,t,...n){let r=function(...r){let i=0,a=n.slice().map(e=>e===t?r[i++]:e),o=r.slice(i);return e.apply(this,a.concat(o))};return e.prototype&&(r.prototype=Object.create(e.prototype)),r}function te(e,...t){return v(e,E,...t)}function v(e,t,...n){let r=function(...r){let i=n.filter(e=>e===t).length,a=Math.max(r.length-i,0),o=r.slice(0,a),s=a,c=n.slice().map(e=>e===t?r[s++]:e);return e.apply(this,o.concat(c))};return e.prototype&&(r.prototype=Object.create(e.prototype)),r}function y(){return(y=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 b(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 x(e){var t=(0,w.useRef)(e),n=(0,w.useRef)(function(e){t.current&&t.current(e)});return t.current=e,n.current}function S(e,t,n){var r=x(n),i=(0,w.useState)(function(){return e.toHsva(t)}),a=i[0],o=i[1],s=(0,w.useRef)({color:t,hsva:a});return(0,w.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,w.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,w.useCallback)(function(e){o(function(t){return Object.assign({},t,e)})},[])]}var C,w,ne,re,ie,T,ae,E,D,O,k,A,oe,j,M,N,P,se,ce,F,le,ue,de,fe,I,L,R,z,pe,B,me,V,H,U,W,G,he,ge,_e,ve,K,q,ye,be,xe,Se,Ce,we,Te,Ee,De,Oe,ke,Ae,je,Me,Ne,Pe,Fe,Ie,J,Le,Re,ze,Y,Be,Ve,X,He,Ue,We,Ge,Z,Ke,qe,Q,Je,$,Ye;t((()=>{o(),i(),C=e(n(),1),d(),c(),w=e(n(),1),m(),ne=a({"../../../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]}}}),re=a({"../../../node_modules/color-convert/conversions.js"(e,t){var n=ne(),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;break}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]}}}),ie=a({"../../../node_modules/color-convert/route.js"(e,t){var n=re();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(a({"../../../node_modules/color-convert/index.js"(e,t){var n=re(),r=ie(),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}})(),1),ae=Symbol(`partial.placeholder`),g.placeholder=ae,E=Symbol(`partialRight.placeholder`),te.placeholder=E,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)}},oe=function(e){!O(e)&&e.preventDefault()},j=w.memo(function(e){var t=e.onMove,n=e.onKey,r=b(e,[`onMove`,`onKey`]),i=(0,w.useRef)(null),a=x(t),o=x(n),s=(0,w.useRef)(null),c=(0,w.useRef)(!1),l=(0,w.useMemo)(function(){var e=function(e){oe(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&&(oe(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,w.useEffect)(function(){return f},[f]),w.createElement(`div`,y({},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 w.createElement(`div`,{className:a,style:{top:100*i+`%`,left:100*n+`%`}},w.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},se={grad:.9,turn:360,rad:360/(2*Math.PI)},ce=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}},le=function(e,t){return t===void 0&&(t=`deg`),Number(e)*(se[t]||1)},ue=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?de({h:le(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}},de=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}},fe=function(e){return me(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)}},pe=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},me=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=w.memo(function(e){var t=e.hue,n=e.onChange,r=M([`react-colorful__hue`,e.className]);return w.createElement(`div`,{className:r},w.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`},w.createElement(N,{className:`react-colorful__hue-pointer`,left:t/360,color:L({h:t,s:100,v:100,a:1})})))}),U=w.memo(function(e){var t=e.hsva,n=e.onChange,r={backgroundColor:L({h:t.h,s:100,v:100,a:1})};return w.createElement(`div`,{className:`react-colorful__saturation`,style:r},w.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)+`%`},w.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,``)},he=function(e,t){return e.toLowerCase()===t.toLowerCase()||W(F(e),F(t))},_e=typeof window<`u`?w.useLayoutEffect:w.useEffect,ve=function(){return ge||(typeof __webpack_nonce__<`u`?__webpack_nonce__:void 0)},K=new Map,q=function(e){_e(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=ve();r&&n.setAttribute(`nonce`,r),t.head.appendChild(n)}},[])},ye=function(e){var t=e.className,n=e.colorModel,r=e.color,i=r===void 0?n.defaultColor:r,a=e.onChange,o=b(e,[`className`,`colorModel`,`color`,`onChange`]),s=(0,w.useRef)(null);q(s);var c=S(n,i,a),l=c[0],u=c[1],d=M([`react-colorful`,t]);return w.createElement(`div`,y({},o,{ref:s,className:d}),w.createElement(U,{hsva:l,onChange:u}),w.createElement(H,{hue:l.h,onChange:u,className:`react-colorful__last-control`}))},be={defaultColor:`000`,toHsva:ce,fromHsva:function(e){return fe({h:e.h,s:e.s,v:e.v,a:1})},equal:he},xe=function(e){return w.createElement(ye,y({},e,{colorModel:be}))},Se=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 w.createElement(`div`,{className:a},w.createElement(`div`,{className:`react-colorful__alpha-gradient`,style:i}),w.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`},w.createElement(N,{className:`react-colorful__alpha-pointer`,left:n.a,color:R(n)})))},Ce=function(e){var t=e.className,n=e.colorModel,r=e.color,i=r===void 0?n.defaultColor:r,a=e.onChange,o=b(e,[`className`,`colorModel`,`color`,`onChange`]),s=(0,w.useRef)(null);q(s);var c=S(n,i,a),l=c[0],u=c[1],d=M([`react-colorful`,t]);return w.createElement(`div`,y({},o,{ref:s,className:d}),w.createElement(U,{hsva:l,onChange:u}),w.createElement(H,{hue:l.h,onChange:u}),w.createElement(Se,{hsva:l,onChange:u,className:`react-colorful__last-control`}))},we={defaultColor:`hsla(0, 0%, 0%, 1)`,toHsva:ue,fromHsva:R,equal:G},Te=function(e){return w.createElement(Ce,y({},e,{colorModel:we}))},Ee={defaultColor:`rgba(0, 0, 0, 1)`,toHsva:pe,fromHsva:function(e){var t=z(e);return`rgba(`+t.r+`, `+t.g+`, `+t.b+`, `+t.a+`)`},equal:G},De=function(e){return w.createElement(Ce,y({},e,{colorModel:Ee}))},Oe=h.div({position:`relative`,maxWidth:250}),ke=h.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`}}),Ae=h.div({display:`grid`,gridTemplateColumns:`repeat(9, 16px)`,gap:6,padding:3,marginTop:5,width:200}),je=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>')`,Me=h(u)(({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}), ${je(n.base===`dark`)}`}})),Ne=h(l.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`}})),Pe=h(Me)(({disabled:e})=>({position:`absolute`,top:4,left:4,zIndex:1,cursor:e?`not-allowed`:`pointer`})),Fe=h(u)(({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})),Ie=(e=>(e.RGB=`rgb`,e.HSL=`hsl`,e.HEX=`hex`,e))(Ie||{}),J=Object.values(Ie),Le=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,Re=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,ze=/^\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,Be=/^\s*#?([0-9a-f]{3})\s*$/i,Ve={hex:xe,rgb:De,hsl:Te},X={hex:`transparent`,rgb:`rgba(0, 0, 0, 0)`,hsl:`hsla(0, 0%, 0%, 0)`},He=e=>{let t=e?.match(Le);if(!t)return[0,0,0,1];let[,n,r,i,a=1]=t;return[n,r,i,a].map(Number)},Ue=e=>{let[t,n,r,i]=He(e),[a,o,s]=T.default.rgb.hsl([t,n,r])||[0,0,0];return{valid:!0,value:e,keyword:T.default.rgb.keyword([t,n,r]),colorSpace:`rgb`,rgb:e,hsl:`hsla(${a}, ${o}%, ${s}%, ${i})`,hex:`#${T.default.rgb.hex([t,n,r]).toLowerCase()}`}},We=e=>{let[t,n,r,i]=He(e),[a,o,s]=T.default.hsl.rgb([t,n,r])||[0,0,0];return{valid:!0,value:e,keyword:T.default.hsl.keyword([t,n,r]),colorSpace:`hsl`,rgb:`rgba(${a}, ${o}, ${s}, ${i})`,hsl:e,hex:`#${T.default.hsl.hex([t,n,r]).toLowerCase()}`}},Ge=e=>{let t=e.replace(`#`,``),n=T.default.keyword.rgb(t)||T.default.hex.rgb(t),r=T.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{T.default.keyword.hex(i)}catch{a=!1}return{valid:a,value:i,keyword:T.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 Re.test(e)?Ue(e):ze.test(e)?We(e):Ge(e)},Ke=(e,t,n)=>{if(!e||!t?.valid)return X[n];if(n!==`hex`)return t?.[n]||X[n];if(!t.hex.startsWith(`#`))try{return`#${T.default.keyword.hex(t.hex)}`}catch{return X.hex}let r=t.hex.match(Be);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}`},qe=(e,t)=>{let[n,r]=(0,C.useState)(e||``),[i,a]=(0,C.useState)(()=>Z(n)),[o,s]=(0,C.useState)(i?.colorSpace||`hex`);return(0,C.useEffect)(()=>{let t=e||``,n=Z(t);r(t),a(n),s(n?.colorSpace||`hex`)},[e]),{value:n,realValue:(0,C.useMemo)(()=>Ke(n,i,o).toLowerCase(),[n,i,o]),updateValue:(0,C.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,C.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(),Je=(e,t,n,r=27)=>{let[i,a]=(0,C.useState)(t?.valid?[t]:[]);(0,C.useEffect)(()=>{t===void 0&&a([])},[t]);let o=(0,C.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,C.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,value:n,onChange:r,onFocus:i,onBlur:a,presetColors:o,maxPresetColors:c,startOpen:l=!1,argType:u})=>{let{value:d,realValue:m,updateValue:h,color:g,colorSpace:_,cycleColorSpace:te}=qe(n,(0,C.useCallback)(ee(r,200),[r])),{presets:v,addPreset:y}=Je(o??[],g,_,c),b=Ve[_],x=!!u?.table?.readonly,S=f(e,t);return C.createElement(Oe,null,C.createElement(`label`,{htmlFor:S,className:`sb-sr-only`},e),C.createElement(Ne,{id:S,value:d,onChange:e=>h(e.target.value),onFocus:e=>e.target.select(),readOnly:x,placeholder:`Choose color...`}),C.createElement(s,{ariaLabel:`Color picker`,defaultVisible:l,visible:x?!1:void 0,onVisibleChange:()=>g&&y(g),popover:C.createElement(ke,null,C.createElement(b,{color:m===`transparent`?`#000000`:m,onChange:h,onFocus:i,onBlur:a}),v.length>0&&C.createElement(Ae,null,v.map((e,t)=>C.createElement(Me,{key:`${e?.value||t}-${t}`,variant:`ghost`,padding:`small`,size:`small`,ariaLabel:`Pick this color`,tooltip:e?.keyword||e?.value||``,value:e?.value||``,selected:!!(g&&e&&e[_]&&Q(e[_]||``)===Q(g[_])),onClick:()=>e&&h(e.value||``)}))))},C.createElement(Pe,{variant:`ghost`,padding:`small`,size:`small`,ariaLabel:`Open color picker`,value:m,style:{margin:4},disabled:x})),d?C.createElement(Fe,{variant:`ghost`,padding:`small`,size:`small`,ariaLabel:`Cycle through color spaces`,disabled:x,onClick:x?void 0:te},C.createElement(p,null)):null)},Ye=$}))();export{$ as ColorControl,Ye as default};
@@ -1,4 +1,4 @@
1
- import{i as e}from"./preload-helper-B45gAKPr.js";import{E as t,a as n,d as r,f as i,l as a,m as o,p as s,r as c,u as l}from"./blocks-Lc8OH6Kn.js";import{t as u}from"./jsx-runtime-BBQGix-2.js";import{t as d}from"./mdx-react-shim-DLwoEMcU.js";import{ContextMenuBasic as f,ControlledDropdown as p,DropdownMenuBasic as m,n as h,t as g}from"./ContextMenu.stories-CfPs3YF2.js";function _(e){let o={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...t(),...e.components};return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(a,{of:g,parameters:{docs:{toc:!0}}}),`
1
+ import{i as e}from"./preload-helper-B45gAKPr.js";import{E as t,a as n,d as r,f as i,l as a,m as o,p as s,r as c,u as l}from"./blocks-DqCdcDDe.js";import{t as u}from"./jsx-runtime-BBQGix-2.js";import{t as d}from"./mdx-react-shim-OlNc3VgM.js";import{ContextMenuBasic as f,ControlledDropdown as p,DropdownMenuBasic as m,n as h,t as g}from"./ContextMenu.stories-ClLpz2T_.js";function _(e){let o={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...t(),...e.components};return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(a,{of:g,parameters:{docs:{toc:!0}}}),`
2
2
  `,(0,y.jsx)(s,{children:`ContextMenu`}),`
3
3
  `,(0,y.jsx)(i,{children:`Контекстные и dropdown-меню для локальных действий в списках, карточках и рабочих областях`}),`
4
4
  `,(0,y.jsx)(o.p,{children:`ContextMenu уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
@@ -1,4 +1,4 @@
1
- import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{C as r}from"./iframe--uVUQxom.js";import{t as i}from"./jsx-runtime-BBQGix-2.js";import{E as a,K as o,O as s,X as c,f as l,t as u,v as d}from"./lucide-react-CsbAWn0Z.js";import{i as f,n as p,r as m,t as h}from"./DropdownMenu-zFlS97JH.js";var g=e({ContextMenuBasic:()=>x,ContextMenuRadial:()=>S,ControlledDropdown:()=>C,DropdownMenuBasic:()=>b,__namedExportsOrder:()=>w,default:()=>y}),_,v,y,b,x,S,C,w,T=n((()=>{_=t(r(),1),u(),f(),p(),v=i(),y={title:`Shared/UI/ContextMenu`,parameters:{atomicCanvas:!0,layout:`centered`}},b={name:`DropdownMenu / Базовый`,render:()=>(0,v.jsxs)(h,{children:[(0,v.jsx)(h.Trigger,{children:(0,v.jsx)(`button`,{type:`button`,children:`Действия`})}),(0,v.jsxs)(h.Content,{children:[(0,v.jsx)(h.GroupLabel,{children:`Файл`}),(0,v.jsx)(h.Item,{icon:(0,v.jsx)(s,{size:14}),hotKey:`Ctrl+E`,children:`Редактировать`}),(0,v.jsx)(h.Item,{icon:(0,v.jsx)(c,{size:14}),hotKey:`Ctrl+C`,children:`Копировать`}),(0,v.jsx)(h.Separator,{}),(0,v.jsx)(h.Item,{icon:(0,v.jsx)(l,{size:14}),hotKey:`Del`,children:`Удалить`})]})]})},x={name:`ContextMenu / По правому клику`,render:()=>(0,v.jsxs)(m,{children:[(0,v.jsx)(m.Trigger,{children:(0,v.jsxs)(`div`,{style:{width:300,height:180,display:`grid`,placeItems:`center`,border:`1px dashed var(--border-1)`,borderRadius:`var(--radius-sm)`,background:`var(--surface-1)`,padding:16,textAlign:`center`},children:[`Нажмите правой кнопкой мыши`,(0,v.jsx)(`br`,{}),`или Shift+F10`]})}),(0,v.jsxs)(m.Content,{children:[(0,v.jsx)(m.Item,{icon:(0,v.jsx)(s,{size:14}),children:`Переименовать`}),(0,v.jsx)(m.Item,{icon:(0,v.jsx)(c,{size:14}),children:`Дублировать`}),(0,v.jsx)(m.Separator,{}),(0,v.jsx)(m.Item,{icon:(0,v.jsx)(l,{size:14}),children:`Переместить в корзину`})]})]})},S={name:`ContextMenu / Радиальное меню`,render:()=>(0,v.jsxs)(m,{children:[(0,v.jsx)(m.Trigger,{children:(0,v.jsxs)(`div`,{style:{width:360,height:220,display:`grid`,placeItems:`center`,border:`1px dashed var(--border-1)`,borderRadius:`var(--radius-sm)`,background:`var(--surface-1)`,padding:16,textAlign:`center`},children:[`Нажмите правой кнопкой мыши`,(0,v.jsx)(`br`,{}),`или Shift+F10`]})}),(0,v.jsxs)(m.RadialContent,{children:[(0,v.jsx)(m.RadialItem,{icon:(0,v.jsx)(s,{}),children:`Править`}),(0,v.jsx)(m.RadialItem,{icon:(0,v.jsx)(c,{}),children:`Копия`}),(0,v.jsx)(m.RadialItem,{icon:(0,v.jsx)(a,{}),children:`Закрепить`}),(0,v.jsx)(m.RadialItem,{icon:(0,v.jsx)(o,{}),children:`Просмотр`}),(0,v.jsx)(m.RadialItem,{icon:(0,v.jsx)(d,{}),children:`Опции`}),(0,v.jsx)(m.RadialItem,{icon:(0,v.jsx)(l,{}),children:`Удалить`})]})]})},C={name:`DropdownMenu / Контролируемый`,render:()=>{let[e,t]=(0,_.useState)(!1);return(0,v.jsxs)(h,{open:e,onOpenChange:t,children:[(0,v.jsx)(h.Trigger,{children:(0,v.jsx)(`button`,{type:`button`,children:e?`Скрыть меню`:`Показать меню`})}),(0,v.jsx)(h.Content,{children:(0,v.jsx)(h.Item,{onSelect:()=>t(!1),children:`Закрыть`})})]})}},b.parameters={...b.parameters,docs:{...b.parameters?.docs,source:{originalSource:`{
1
+ import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{C as r}from"./iframe-DQGux9DR.js";import{t as i}from"./jsx-runtime-BBQGix-2.js";import{E as a,K as o,O as s,X as c,f as l,t as u,v as d}from"./lucide-react-Dl5GLJgA.js";import{i as f,n as p,r as m,t as h}from"./DropdownMenu-D297Y1-Q.js";var g=e({ContextMenuBasic:()=>x,ContextMenuRadial:()=>S,ControlledDropdown:()=>C,DropdownMenuBasic:()=>b,__namedExportsOrder:()=>w,default:()=>y}),_,v,y,b,x,S,C,w,T=n((()=>{_=t(r(),1),u(),f(),p(),v=i(),y={title:`Shared/UI/ContextMenu`,parameters:{atomicCanvas:!0,layout:`centered`}},b={name:`DropdownMenu / Базовый`,render:()=>(0,v.jsxs)(h,{children:[(0,v.jsx)(h.Trigger,{children:(0,v.jsx)(`button`,{type:`button`,children:`Действия`})}),(0,v.jsxs)(h.Content,{children:[(0,v.jsx)(h.GroupLabel,{children:`Файл`}),(0,v.jsx)(h.Item,{icon:(0,v.jsx)(s,{size:14}),hotKey:`Ctrl+E`,children:`Редактировать`}),(0,v.jsx)(h.Item,{icon:(0,v.jsx)(c,{size:14}),hotKey:`Ctrl+C`,children:`Копировать`}),(0,v.jsx)(h.Separator,{}),(0,v.jsx)(h.Item,{icon:(0,v.jsx)(l,{size:14}),hotKey:`Del`,children:`Удалить`})]})]})},x={name:`ContextMenu / По правому клику`,render:()=>(0,v.jsxs)(m,{children:[(0,v.jsx)(m.Trigger,{children:(0,v.jsxs)(`div`,{style:{width:300,height:180,display:`grid`,placeItems:`center`,border:`1px dashed var(--border-1)`,borderRadius:`var(--radius-sm)`,background:`var(--surface-1)`,padding:16,textAlign:`center`},children:[`Нажмите правой кнопкой мыши`,(0,v.jsx)(`br`,{}),`или Shift+F10`]})}),(0,v.jsxs)(m.Content,{children:[(0,v.jsx)(m.Item,{icon:(0,v.jsx)(s,{size:14}),children:`Переименовать`}),(0,v.jsx)(m.Item,{icon:(0,v.jsx)(c,{size:14}),children:`Дублировать`}),(0,v.jsx)(m.Separator,{}),(0,v.jsx)(m.Item,{icon:(0,v.jsx)(l,{size:14}),children:`Переместить в корзину`})]})]})},S={name:`ContextMenu / Радиальное меню`,render:()=>(0,v.jsxs)(m,{children:[(0,v.jsx)(m.Trigger,{children:(0,v.jsxs)(`div`,{style:{width:360,height:220,display:`grid`,placeItems:`center`,border:`1px dashed var(--border-1)`,borderRadius:`var(--radius-sm)`,background:`var(--surface-1)`,padding:16,textAlign:`center`},children:[`Нажмите правой кнопкой мыши`,(0,v.jsx)(`br`,{}),`или Shift+F10`]})}),(0,v.jsxs)(m.RadialContent,{children:[(0,v.jsx)(m.RadialItem,{icon:(0,v.jsx)(s,{}),children:`Править`}),(0,v.jsx)(m.RadialItem,{icon:(0,v.jsx)(c,{}),children:`Копия`}),(0,v.jsx)(m.RadialItem,{icon:(0,v.jsx)(a,{}),children:`Закрепить`}),(0,v.jsx)(m.RadialItem,{icon:(0,v.jsx)(o,{}),children:`Просмотр`}),(0,v.jsx)(m.RadialItem,{icon:(0,v.jsx)(d,{}),children:`Опции`}),(0,v.jsx)(m.RadialItem,{icon:(0,v.jsx)(l,{}),children:`Удалить`})]})]})},C={name:`DropdownMenu / Контролируемый`,render:()=>{let[e,t]=(0,_.useState)(!1);return(0,v.jsxs)(h,{open:e,onOpenChange:t,children:[(0,v.jsx)(h.Trigger,{children:(0,v.jsx)(`button`,{type:`button`,children:e?`Скрыть меню`:`Показать меню`})}),(0,v.jsx)(h.Content,{children:(0,v.jsx)(h.Item,{onSelect:()=>t(!1),children:`Закрыть`})})]})}},b.parameters={...b.parameters,docs:{...b.parameters?.docs,source:{originalSource:`{
2
2
  name: "DropdownMenu / Базовый",
3
3
  render: () => <DropdownMenu>
4
4
  <DropdownMenu.Trigger>
@@ -1,4 +1,4 @@
1
- import{i as e}from"./preload-helper-B45gAKPr.js";import{E as t,a as n,d as r,f as i,l as a,m as o,n as s,p as c,r as l,u}from"./blocks-Lc8OH6Kn.js";import{t as d}from"./jsx-runtime-BBQGix-2.js";import{t as f}from"./mdx-react-shim-DLwoEMcU.js";import{Range as p,Single as m,Sizes as h,WithLimits as g,n as _,t as v}from"./DateInput.stories-B5ik5xR6.js";function y(e){let o={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...t(),...e.components};return(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(a,{of:v,parameters:{docs:{toc:!0}}}),`
1
+ import{i as e}from"./preload-helper-B45gAKPr.js";import{E as t,a as n,d as r,f as i,l as a,m as o,n as s,p as c,r as l,u}from"./blocks-DqCdcDDe.js";import{t as d}from"./jsx-runtime-BBQGix-2.js";import{t as f}from"./mdx-react-shim-OlNc3VgM.js";import{Range as p,Single as m,Sizes as h,WithLimits as g,n as _,t as v}from"./DateInput.stories-DpOyDhMl.js";function y(e){let o={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...t(),...e.components};return(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(a,{of:v,parameters:{docs:{toc:!0}}}),`
2
2
  `,(0,x.jsx)(c,{children:`DateInput`}),`
3
3
  `,(0,x.jsx)(i,{children:`Календарный ввод одной даты или диапазона с ограничениями и различными размерами`}),`
4
4
  `,(0,x.jsx)(o.p,{children:`DateInput уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
@@ -1 +1 @@
1
- import{c as e,i as t}from"./preload-helper-B45gAKPr.js";import{C as n}from"./iframe--uVUQxom.js";import{t as r}from"./jsx-runtime-BBQGix-2.js";import{a as i,i as a}from"./utils-KKlP_was.js";import{At as o,bt as s,t as c,vt as l}from"./lucide-react-CsbAWn0Z.js";import{B as u,C as d,H as f,L as p,S as m,U as h,V as g,W as _,_ as v,b as y,h as b,i as x,q as S,r as C,t as w,u as T,v as E}from"./formatters-CkLGLcIQ.js";import{i as ee,t as D}from"./popover-C_8XI95k.js";import{t as O}from"./Button-CxnsMm79.js";import{t as k}from"./button-BugzrKtF.js";import{a as te}from"./Input-BB3KTZHQ.js";import{t as A}from"./input-Boc_JTE5.js";import{n as j,t as ne}from"./RadioGroup-Dn9BiTze.js";function re(e){return e===`month`?`month`:e===`year`?`year`:`day`}function M(e,t){return oe.indexOf(e)>=oe.indexOf(t)}function ie(e,t){let n=re(e);return M(n,t)?n:t}function N(e,t){return!e||!t?!1:e.start.getTime()===t.start.getTime()&&e.end.getTime()===t.end.getTime()}function ae(e,t,n){if(!e||!t||!n)return!1;let r=Math.min(t.start.getTime(),n.start.getTime()),i=Math.max(t.end.getTime(),n.end.getTime());return e.start.getTime()>=r&&e.end.getTime()<=i}function P({date:e,value:t,hoveredDate:n,selectsRange:r,selectionOptions:i}){let a=T(e,i),o=T(!r&&t instanceof Date?t:null,i);if(!r||!Array.isArray(t))return{selected:x(e,o),range:!1,rangeStart:!1,rangeEnd:!1};let[s,c]=t,l=T(s,i),u=T(c??(s?n:null),i),d=N(a,l),f=N(a,u);return{selected:!1,range:ae(a,l,u)&&!d&&!f,rangeStart:d,rangeEnd:f}}var oe,F,se,ce=t((()=>{w(),oe=[`day`,`month`,`year`],F=[`day`,`week`,`month`,`year`],se=[`friday`,`saturday`,`sunday`]}));function I(e){return e.selectionMode===`day`||e.selectionMode===`week`?`day`:e.selectionMode===`month`||e.selectionMode===`year`?e.selectionMode:e.datePickerLevel??`day`}function L(e){return{selectionMode:e?.selectionMode,weekEndDay:e?.weekEndDay}}function R(e,t){return typeof e==`string`||e===void 0?{datePreset:e,datePickerLevel:t}:t&&e.datePickerLevel===void 0?{...e,datePickerLevel:t}:e}function le(e){let t=S(e,U);return u(t)?t:U}function ue(e){return e.datePreset===void 0?e.dateFormat:le(e.datePreset)}function z(e){return e.datePreset===void 0?h(e.dateFormat,Se):le(e.datePreset)}function de(e,t){return g(e,ue(t),{defaultFormat:U,precision:I(t),referenceDate:t.referenceDate})?.date??null}function B(e,t){return T(e,L(t))?.start??null}function V(e,t){if(!y(e))return null;let[n,r]=e;return[B(n,t),fe(r,t)]}function fe(e,t){return T(e,L(t))?.end??null}function H(e){return e?.getTime()??null}function pe(e,t,n){return H(B(e,n))===H(B(t,n))}function me(e,t,n){let r=V(e,n),i=V(t,n);return H(r?.[0]??null)===H(i?.[0]??null)&&H(r?.[1]??null)===H(i?.[1]??null)}function he(e,t,n){if(!e)return``;let r=R(t,n),i=T(e,L(r));return r.selectionMode===`week`&&i?f(i.start,i.end,z(r),{precision:I(r)}):p(e,z(r),{precision:I(r)})}function ge(e,t,n){if(!y(e))return``;let r=R(t,n),[i,a]=e;return i&&a?f(i,a,z(r),{precision:I(r)}):i?`${p(i,z(r),{precision:I(r)})}${xe}`:``}function _e(e,t,n){return y(e)?ge(e,t,n):he(e,t,n)}function ve(e,t,n){let r=R(t,n);return B(de(r.selectionMode===`week`?e.split(xe)[0]??``:e,r),r)}function ye(e,t,n){let r=R(t,n),[i=``,a=``]=e.split(xe);return[ve(i,r),be(a,r)]}function be(e,t,n){let r=R(t,n);return fe(de(e,r),r)}var U,xe,Se,Ce=t((()=>{w(),U=_.date,xe=` - `,Se=Object.freeze({defaultFormat:U,patternPresetName:`__date_input__`})})),we=t((()=>{})),W=t((()=>{ce(),Ce(),we()})),Te=t((()=>{j()}));function Ee(e){return y(e)?e[0]??e[1]??void 0:e??void 0}var G,De,Oe=t((()=>{G=e(n(),1),w(),W(),De=e=>{let t=(0,G.useMemo)(()=>{let t={selectionMode:e.selectionMode,weekEndDay:e.weekEndDay};return e.selectsRange?V(e.value,t):B(e.value,t)},[e.selectsRange,e.selectionMode,e.value,e.weekEndDay]),[n,r]=(0,G.useState)(t),i=(0,G.useMemo)(()=>({datePreset:e.datePreset,dateFormat:e.dateFormat,datePickerLevel:e.datePickerLevel,selectionMode:e.selectionMode,weekEndDay:e.weekEndDay}),[e.dateFormat,e.datePickerLevel,e.datePreset,e.selectionMode,e.weekEndDay]),[a,o]=(0,G.useState)(()=>_e(t,i)),s=(0,G.useMemo)(()=>{if(e.selectsRange){let t=V(e.value,i);return`${t?.[0]?.getTime()??`null`}:${t?.[1]?.getTime()??`null`}`}let t=B(e.value,i);return String(t?.getTime()??`null`)},[i,e.selectsRange,e.value]),c=e=>_e(e,i),l=(0,G.useEffectEvent)(t=>{if(e.selectsRange){let e=V(t,i),n=c(e);r(t=>{let n=t;return(n?.[0]?.getTime()??null)===(e?.[0]?.getTime()??null)&&(n?.[1]?.getTime()??null)===(e?.[1]?.getTime()??null)?t:e}),o(e=>e===n?e:n);return}let n=B(t,i),a=c(n);r(e=>(e?.getTime()??null)===(n?.getTime()??null)?e:n),o(e=>e===a?e:a)});return(0,G.useEffect)(()=>{l(e.value)},[e.dateFormat,e.datePickerLevel,e.datePreset,e.selectsRange,e.selectionMode,e.value,e.weekEndDay,s]),{inputValue:a,setInputValue:o,selectedDate:n,setSelectedDate:r,handleSelect:t=>{let[n,a]=Array.isArray(t)?t:[t,null];if(e.selectsRange){let t=B(n,i),s=fe(a,i);if(t&&s){if(s<t){let t=[B(a,i),fe(n,i)];r(t),o(c(t)),e.onChange(t)}else{let n=[t,s];r(n),o(c(n)),e.onChange(n)}return!0}let l=[t,null];return r(l),o(c(l)),!1}let s=B(n,i);return r(s),o(c(s)),e.onChange(s),!0},formatDate:c,parseDate:t=>{let r={...i,referenceDate:Ee(n)};return e.selectsRange?ye(t,r):ve(t,r)}}}})),ke=t((()=>{Oe()})),Ae,je,Me,Ne,Pe,Fe,Ie,Le,Re,ze,Be,Ve,He,Ue,We,Ge,K,Ke=t((()=>{Ae=`Dshr-j`,je=`esetVt`,Me=`i-LJYe`,Ne=`XZsnCH`,Pe=`_2KDjTS`,Fe=`o-freG`,Ie=`GcV08-`,Le=`UCrE-I`,Re=`L2V3uq`,ze=`Te9oCq`,Be=`cUF2pQ`,Ve=`d1L5uw`,He=`LU0M9Y`,Ue=`MR3y5p`,We=`VDqDpm`,Ge=`CLR-7m`,K={dayView:Ae,weekdays:je,weekday:Me,daysGrid:Ne,week:Pe,day:Fe,disabled:Ie,outsideMonth:Le,periodSelection:Re,periodPreview:ze,selected:Be,range:Ve,rangeStart:He,rangeEnd:Ue,weekend:We,now:Ge}})),qe,q,Je,Ye,Xe,Ze=t((()=>{qe=e(n(),1),w(),a(),Ke(),q=r(),Je=[`Пн`,`Вт`,`Ср`,`Чт`,`Пт`,`Сб`,`Вс`],Ye=new Intl.DateTimeFormat(`ru-RU`,{weekday:`long`,year:`numeric`,month:`long`,day:`numeric`}),Xe=({now:e,currentDate:t,value:n,onChange:r,minDate:a,maxDate:o,selectsRange:s,selectionMode:c=`day`,weekEndDay:l=`sunday`})=>{let[u,d]=(0,qe.useState)(null),f={selectionMode:c,weekEndDay:l},p=(()=>{let e=t.getFullYear(),n=t.getMonth(),r=E(e,n,1),i=E(e,n+1,0),a=r.getDay()===0?6:r.getDay()-1,o=42-(a+i.getDate()),s=[],c=E(e,n,0).getDate();for(let t=a;t>0;--t)s.push(E(e,n-1,c-t+1));for(let t=1;t<=i.getDate();t+=1)s.push(E(e,n,t));for(let t=1;t<=o;t+=1)s.push(E(e,n+1,t));let l=[];for(let e=0;e<s.length;e+=7)l.push(s.slice(e,e+7));return l})(),h=s&&Array.isArray(n)?n[0]:null,g=s&&Array.isArray(n)?n[1]:null,_=T(s?null:n,f),y=T(u,f),b=g??(h?y?.end??null:null),S=c===`week`,w=S&&(!s||!h),ee=e=>{if(!s||!h||!b)return!1;let t=v(e).getTime(),n=h.getTime(),r=b.getTime();return t>=Math.min(n,r)&&t<=Math.max(n,r)},D=e=>!C(T(e,f),{minDate:a,maxDate:o}),O=(e,t)=>{t||(S&&d(e),!(!s||!h||g)&&(S||d(e)))};return(0,q.jsxs)(`div`,{className:K.dayView,children:[(0,q.jsx)(`div`,{className:K.weekdays,children:Je.map(e=>(0,q.jsx)(`div`,{className:K.weekday,children:e},e))}),(0,q.jsx)(`div`,{className:K.daysGrid,onMouseLeave:()=>{(S||!g)&&d(null)},children:p.map((n,a)=>(0,q.jsx)(`div`,{className:K.week,children:n.map((n,o)=>{let s=n.getMonth()===t.getMonth(),l=x(n,_),u=w&&x(n,y),d=ee(n),f=m(n,h),p=m(n,b),g=m(n,e),v=D(n);return(0,q.jsx)(`button`,{type:`button`,onClick:()=>!v&&r(n),onMouseEnter:()=>O(n,v),disabled:v,"data-ui":`calendar-day-button`,"data-action":`select-calendar-day`,className:i(K.day,{[K.outsideMonth]:!s,[K.periodSelection]:c===`week`,[K.periodPreview]:u&&!l,[K.selected]:l,[K.range]:d&&!f&&!p,[K.rangeStart]:f,[K.rangeEnd]:p,[K.disabled]:v,[K.weekend]:o>4,[K.now]:g}),"aria-label":Ye.format(n),"aria-pressed":l||d||f||p,children:n.getDate()},`${a}-${o}`)})},a))})]})},Xe.__docgenInfo={description:`Отображает сетку дней месяца в календарной семантике без timezone-сдвига.`,methods:[],displayName:`CalendarDayView`,props:{selectionMode:{defaultValue:{value:`"day"`,computed:!1},required:!1},weekEndDay:{defaultValue:{value:`"sunday"`,computed:!1},required:!1}}}})),Qe,$e,et,tt,nt,rt,it,at,J,ot=t((()=>{Qe=`p5pRGW`,$e=`pUHpxD`,et=`lwWv-z`,tt=`_8gn-3z`,nt=`b57d-c`,rt=`nGc5FO`,it=`JLqjri`,at=`UQMYwg`,J={monthView:Qe,monthsGrid:$e,month:et,disabled:tt,range:nt,selected:rt,rangeStart:it,rangeEnd:at}})),st,ct,lt,ut,dt,ft=t((()=>{st=e(n(),1),w(),a(),W(),ot(),ct=r(),lt=new Intl.DateTimeFormat(`ru-RU`,{month:`short`}),ut=new Intl.DateTimeFormat(`ru-RU`,{month:`long`,year:`numeric`}),dt=({currentDate:e,value:t,onChange:n,minDate:r,maxDate:a,selectsRange:o,selectsPeriod:s,selectionMode:c=`day`,weekEndDay:l=`sunday`})=>{let[u,d]=(0,st.useState)(null),f=Array.from({length:12},(e,t)=>t),p=e.getFullYear(),m={selectionMode:c,weekEndDay:l},h=o&&Array.isArray(t)?t[0]:null,g=o&&Array.isArray(t)?t[1]:null,_=e=>lt.format(E(p,e,1)),v=e=>{if(!r&&!a)return!1;let t=E(p,e,1),n=E(p,e+1,0,23,59,59);return s?!C(T(t,m),{minDate:r,maxDate:a}):!!(r&&n<r||a&&t>a)},y=(e,t)=>{!o||!h||g||t||d(e)};return(0,ct.jsx)(`div`,{className:J.monthView,children:(0,ct.jsx)(`div`,{className:J.monthsGrid,onMouseLeave:()=>{g||d(null)},children:f.map(e=>{let r=v(e),a=E(p,e,1),s=P({date:a,value:t,hoveredDate:u,selectsRange:o,selectionOptions:m});return(0,ct.jsx)(`button`,{type:`button`,onClick:()=>!r&&n(a),onMouseEnter:()=>y(a,r),disabled:r,"data-ui":`calendar-month-button`,"data-action":`select-calendar-month`,className:i(J.month,{[J.selected]:s.selected,[J.range]:s.range,[J.rangeStart]:s.rangeStart,[J.rangeEnd]:s.rangeEnd,[J.disabled]:r}),"aria-label":ut.format(a),"aria-pressed":s.selected||s.range||s.rangeStart||s.rangeEnd,children:_(e)},e)})})})},dt.__docgenInfo={description:`Отображает выбор месяца в календарной семантике без timezone-сдвига.`,methods:[],displayName:`CalendarMonthView`,props:{selectionMode:{defaultValue:{value:`"day"`,computed:!1},required:!1},weekEndDay:{defaultValue:{value:`"sunday"`,computed:!1},required:!1}}}})),pt,mt,ht,gt=t((()=>{pt=`E35KE6`,mt=`L14Qef`,ht={calendarView:pt,calendarHeader:mt}})),_t,vt,yt,bt,xt,St,Ct,wt,Y,Tt=t((()=>{_t=`_--xW7O`,vt=`-N-5Jk`,yt=`hhY92S`,bt=`IhX7jj`,xt=`NWNpWj`,St=`d1SfcV`,Ct=`Gkui4r`,wt=`_0dVZLW`,Y={yearView:_t,yearsGrid:vt,year:yt,disabled:bt,range:xt,selected:St,rangeStart:Ct,rangeEnd:wt}})),Et,Dt,Ot,kt=t((()=>{Et=e(n(),1),w(),a(),W(),Tt(),Dt=r(),Ot=({currentDate:e,value:t,onChange:n,minDate:r,maxDate:a,selectsRange:o,selectsPeriod:s,selectionMode:c=`day`,weekEndDay:l=`sunday`})=>{let[u,d]=(0,Et.useState)(null),f=Math.floor(e.getFullYear()/12)*12,p=Array.from({length:12},(e,t)=>f+t),m={selectionMode:c,weekEndDay:l},h=o&&Array.isArray(t)?t[0]:null,g=o&&Array.isArray(t)?t[1]:null,_=e=>{if(!r&&!a)return!1;let t=E(e,0,1),n=E(e,11,31,23,59,59);return s?!C(T(t,m),{minDate:r,maxDate:a}):!!(r&&n<r||a&&t>a)},v=(e,t)=>{!o||!h||g||t||d(e)};return(0,Dt.jsx)(`div`,{className:Y.yearView,children:(0,Dt.jsx)(`div`,{className:Y.yearsGrid,onMouseLeave:()=>{g||d(null)},children:p.map(e=>{let r=_(e),a=E(e,0,1),s=P({date:a,value:t,hoveredDate:u,selectsRange:o,selectionOptions:m});return(0,Dt.jsx)(`button`,{type:`button`,onClick:()=>!r&&n(a),onMouseEnter:()=>v(a,r),disabled:r,"data-ui":`calendar-year-button`,"data-action":`select-calendar-year`,className:i(Y.year,{[Y.selected]:s.selected,[Y.range]:s.range,[Y.rangeStart]:s.rangeStart,[Y.rangeEnd]:s.rangeEnd,[Y.disabled]:r}),"aria-label":e.toString(),"aria-pressed":s.selected||s.range||s.rangeStart||s.rangeEnd,children:e},e)})})})},Ot.__docgenInfo={description:`Отображает выбор года в календарной семантике без timezone-сдвига.`,methods:[],displayName:`CalendarYearView`,props:{selectionMode:{defaultValue:{value:`"day"`,computed:!1},required:!1},weekEndDay:{defaultValue:{value:`"sunday"`,computed:!1},required:!1}}}}));function At({view:e,datePickerLevel:t,selectionMode:n=`day`,weekEndDay:r=`sunday`,onViewChange:i,...a}){let[o]=(0,X.useState)(()=>v(new Date)),[c,u]=(0,X.useState)(()=>a.selectsRange&&y(a.value)&&a.value[0]instanceof Date?a.value[0]:!a.selectsRange&&a.value instanceof Date?a.value:v(new Date)),f=a.currentDate??c,p={selectionMode:n,weekEndDay:r},m=e=>{let t=typeof e==`function`?e(f):e;a.currentDate===void 0&&u(t),a.onCurrentDateChange?.(t)},h=(0,X.useEffectEvent)(e=>{if(a.selectsRange&&Array.isArray(e)&&e[0]instanceof Date){m(e[0]);return}!a.selectsRange&&e instanceof Date&&m(e)});(0,X.useEffect)(()=>{h(a.value)},[a.value]);let g=()=>{if(e===`day`){m(e=>d(e,-1));return}if(e===`month`){m(e=>b(e,-1));return}m(e=>b(e,-12))},_=()=>{if(e===`day`){m(e=>d(e,1));return}if(e===`month`){m(e=>b(e,1));return}m(e=>b(e,12))};return(0,Z.jsxs)(`div`,{className:ht.calendarView,children:[(()=>{let t=``;if(e===`day`)t=f.toLocaleDateString(`ru-RU`,{month:`long`,year:`numeric`});else if(e===`month`)t=f.getFullYear().toString();else{let e=Math.floor(f.getFullYear()/12)*12;t=`${e} - ${e+11}`}return(0,Z.jsxs)(`div`,{className:ht.calendarHeader,children:[(0,Z.jsx)(O,{icon:(0,Z.jsx)(s,{}),onClick:g,variant:`ghost`,"aria-label":`Предыдущий`,"data-action":`calendar-previous`}),(0,Z.jsx)(O,{onClick:()=>{e===`day`?i(`month`):e===`month`&&i(`year`)},variant:`ghost`,className:`flex1`,"data-ui":`calendar-view-switch-button`,"data-action":`calendar-switch-view`,children:t}),(0,Z.jsx)(O,{icon:(0,Z.jsx)(l,{}),onClick:_,variant:`ghost`,"aria-label":`Следующий`,"data-ui":`calendar-next-button`,"data-action":`calendar-next`})]})})(),(()=>{let s=e=>{let t=T(e,p);if(!(!t||!C(t,{minDate:a.minDate,maxDate:a.maxDate}))){if(a.selectsRange){let e=null,n=null;if(Array.isArray(a.value)&&([e,n]=a.value),!e||n){a.onChange([t.start,null]);return}let r=T(e,p);if(!r)return;if(t.start<r.start){a.onChange([t.start,r.end]);return}a.onChange([r.start,t.end]);return}a.onChange(t.start)}},c=e=>{if(m(e),n===`month`||!M(`day`,t)){s(e);return}i(`day`)},l=e=>{if(m(e),n===`year`||!M(`month`,t)){s(e);return}i(`month`)};switch(e){case`day`:return(0,Z.jsx)(Xe,{now:o,currentDate:f,value:a.value,onChange:s,minDate:a.minDate,maxDate:a.maxDate,selectsRange:a.selectsRange,selectionMode:n,weekEndDay:r});case`month`:return(0,Z.jsx)(dt,{currentDate:f,value:a.value,onChange:c,minDate:a.minDate,maxDate:a.maxDate,selectsRange:a.selectsRange,selectsPeriod:n===`month`||!M(`day`,t),selectionMode:n,weekEndDay:r});case`year`:return(0,Z.jsx)(Ot,{currentDate:f,value:a.value,onChange:l,minDate:a.minDate,maxDate:a.maxDate,selectsRange:a.selectsRange,selectsPeriod:n===`year`||!M(`month`,t),selectionMode:n,weekEndDay:r});default:return null}})()]})}var X,Z,jt=t((()=>{X=e(n(),1),w(),c(),k(),W(),Ze(),ft(),gt(),kt(),Z=r(),At.__docgenInfo={description:`Отображает календарь выбора даты в календарной семантике без timezone-сдвига.`,methods:[],displayName:`CalendarView`,props:{view:{required:!0,tsType:{name:`union`,raw:`"day" | "month" | "year"`,elements:[{name:`literal`,value:`"day"`},{name:`literal`,value:`"month"`},{name:`literal`,value:`"year"`}]},description:``},datePickerLevel:{required:!0,tsType:{name:`union`,raw:`"day" | "month" | "year"`,elements:[{name:`literal`,value:`"day"`},{name:`literal`,value:`"month"`},{name:`literal`,value:`"year"`}]},description:``},selectionMode:{required:!1,tsType:{name:`CalendarPeriodSelectionMode`},description:``,defaultValue:{value:`"day"`,computed:!1}},weekEndDay:{required:!1,tsType:{name:`CalendarWeekEndDay`},description:``,defaultValue:{value:`"sunday"`,computed:!1}},onViewChange:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(view: CalendarType) => void`,signature:{arguments:[{type:{name:`union`,raw:`"day" | "month" | "year"`,elements:[{name:`literal`,value:`"day"`},{name:`literal`,value:`"month"`},{name:`literal`,value:`"year"`}]},name:`view`}],return:{name:`void`}}},description:``},selectsRange:{required:!1,tsType:{name:`boolean`},description:``},value:{required:!0,tsType:{name:`union`,raw:`Date | NullableDateRange | null`,elements:[{name:`Date`},{name:`NullableDateRange`},{name:`null`}]},description:``},onChange:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(date: Date | NullableDateRange) => void`,signature:{arguments:[{type:{name:`union`,raw:`Date | NullableDateRange`,elements:[{name:`Date`},{name:`NullableDateRange`}]},name:`date`}],return:{name:`void`}}},description:``},minDate:{required:!1,tsType:{name:`Date`},description:``},maxDate:{required:!1,tsType:{name:`Date`},description:``},currentDate:{required:!1,tsType:{name:`Date`},description:``},onCurrentDateChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(date: Date) => void`,signature:{arguments:[{type:{name:`Date`},name:`date`}],return:{name:`void`}}},description:``}}}})),Mt,Nt,Pt,Ft=t((()=>{Mt=`HR4pgo`,Nt=`-tM-kj`,Pt={calendarButton:Mt,selectionModeControl:Nt}}));function It(e,t){let n=new Set(e?.length?e:F);return n.add(t),F.filter(e=>n.has(e))}function Lt({placeholder:e,disabled:t,error:n,onClearError:r,minDate:i,maxDate:a,datePickerLevel:s,selectionMode:c,weekEndDay:l=`sunday`,allowSelectionModeChange:u,selectionModeOptions:d,onSelectionModeChange:f,...p}){let[m,h]=(0,Q.useState)(!1),[g,_]=(0,Q.useState)(c??`day`),v=c??g,b=s??`day`,x=ie(v,b),[S,C]=(0,Q.useState)(()=>({view:x,selectionMode:v,minDatePickerLevel:b})),w=S.selectionMode===v&&S.minDatePickerLevel===b&&M(S.view,b)?S.view:x,T=(0,Q.useRef)(p.value),E={selectionMode:v,weekEndDay:l},{inputValue:D,setInputValue:k,selectedDate:A,setSelectedDate:j,handleSelect:re,formatDate:N,parseDate:ae}=De({...p,datePickerLevel:b,selectionMode:v,weekEndDay:l}),P=p.selectsRange?p.onChange:void 0,oe=(0,Q.useCallback)(e=>{M(e,b)&&C({view:e,selectionMode:v,minDatePickerLevel:b})},[b,v]);(0,Q.useEffect)(()=>{T.current=p.value},[p.value]);let F=()=>{if(D){let e=ae(D);if(e){if(k(N(e)),p.selectsRange&&y(e)){if(me(e,y(A)?A:null,E))return;j(e),p.onChange(e)}else if(!p.selectsRange&&e instanceof Date){if(pe(e,A instanceof Date?A:null,E))return;j(e),p.onChange(e)}}}},se=e=>{e.key===`Enter`&&(e.preventDefault(),F())},ce=(0,Q.useCallback)(e=>{re(e)&&h(!1)},[re]),I=(0,Q.useCallback)(e=>{c===void 0&&_(e),f?.(e),C({view:ie(e,b),selectionMode:e,minDatePickerLevel:b})},[c,b,f]),L=(0,Q.useCallback)(()=>{if(P){let[,e]=y(A)?A:[null,null];if(!e){let e=T.current,t=Array.isArray(e)?e:null,n=t?.[0]??null,r=t?.[1]??null;if(n&&r){let e=[n,r];j(e),k(N(e)),P(e)}else j([null,null]),k(``),P([null,null])}}},[P,A,j,k,N]),R=It(d,v),le=u&&R.length>1;return(0,$.jsxs)(ee,{open:m,onOpenChange:e=>{h(e),e||L()},children:[(0,$.jsx)(te,{label:p.label,description:p.description,size:p.size,value:D,onChange:k,onBlur:F,onKeyUp:se,placeholder:e,disabled:t,error:n,onClearError:r,endAdornmentWidth:`var(--control-height)`,endAdornment:(0,$.jsx)(ee.Trigger,{children:(0,$.jsx)(O,{variant:`transparent`,disabled:t,className:Pt.calendarButton,icon:(0,$.jsx)(o,{}),"aria-label":`Открыть календарь`})})}),(0,$.jsxs)(ee.Content,{background:`primary`,children:[(0,$.jsx)(At,{view:w,datePickerLevel:b,selectionMode:v,weekEndDay:l,onViewChange:oe,value:A??null,onChange:ce,minDate:i,maxDate:a,selectsRange:!!p.selectsRange}),le&&(0,$.jsx)(`div`,{className:Pt.selectionModeControl,children:(0,$.jsx)(ne,{value:v,onChange:I,noWrap:!0,"aria-label":`Режим выбора даты`,children:R.map(e=>(0,$.jsx)(ne.Option,{value:e,label:Bt[e]},e))})})]})]})}function Rt(e){return(0,$.jsx)(Lt,{...e})}function zt(e){return(0,$.jsx)(Lt,{...e,selectsRange:!0})}var Q,$,Bt,Vt=t((()=>{Q=e(n(),1),w(),c(),k(),A(),D(),Te(),W(),ke(),jt(),Ft(),$=r(),Bt={day:`День`,week:`Неделя`,month:`Месяц`,year:`Год`},Rt.__docgenInfo={description:``,methods:[],displayName:`SingleDateInput`},zt.__docgenInfo={description:``,methods:[],displayName:`RangeDateInput`}}));export{jt as a,se as c,At as i,ce as l,Rt as n,W as o,Vt as r,F as s,zt as t};
1
+ import{c as e,i as t}from"./preload-helper-B45gAKPr.js";import{C as n}from"./iframe-DQGux9DR.js";import{t as r}from"./jsx-runtime-BBQGix-2.js";import{a as i,i as a}from"./utils-Dp9LQ47G.js";import{At as o,bt as s,t as c,vt as l}from"./lucide-react-Dl5GLJgA.js";import{B as u,C as d,H as f,L as p,S as m,U as h,V as g,W as _,_ as v,b as y,h as b,i as x,q as S,r as C,t as w,u as T,v as E}from"./formatters-3QKr_cek.js";import{i as ee,t as D}from"./popover-edHT3Rp-.js";import{t as O}from"./Button-BRTJwOoL.js";import{t as k}from"./button-DOwq47jG.js";import{a as te}from"./Input-Bhr1VdTL.js";import{t as A}from"./input-ba6u8qHs.js";import{n as j,t as ne}from"./RadioGroup-BC5tsT9O.js";function re(e){return e===`month`?`month`:e===`year`?`year`:`day`}function M(e,t){return oe.indexOf(e)>=oe.indexOf(t)}function ie(e,t){let n=re(e);return M(n,t)?n:t}function N(e,t){return!e||!t?!1:e.start.getTime()===t.start.getTime()&&e.end.getTime()===t.end.getTime()}function ae(e,t,n){if(!e||!t||!n)return!1;let r=Math.min(t.start.getTime(),n.start.getTime()),i=Math.max(t.end.getTime(),n.end.getTime());return e.start.getTime()>=r&&e.end.getTime()<=i}function P({date:e,value:t,hoveredDate:n,selectsRange:r,selectionOptions:i}){let a=T(e,i),o=T(!r&&t instanceof Date?t:null,i);if(!r||!Array.isArray(t))return{selected:x(e,o),range:!1,rangeStart:!1,rangeEnd:!1};let[s,c]=t,l=T(s,i),u=T(c??(s?n:null),i),d=N(a,l),f=N(a,u);return{selected:!1,range:ae(a,l,u)&&!d&&!f,rangeStart:d,rangeEnd:f}}var oe,F,se,ce=t((()=>{w(),oe=[`day`,`month`,`year`],F=[`day`,`week`,`month`,`year`],se=[`friday`,`saturday`,`sunday`]}));function I(e){return e.selectionMode===`day`||e.selectionMode===`week`?`day`:e.selectionMode===`month`||e.selectionMode===`year`?e.selectionMode:e.datePickerLevel??`day`}function L(e){return{selectionMode:e?.selectionMode,weekEndDay:e?.weekEndDay}}function R(e,t){return typeof e==`string`||e===void 0?{datePreset:e,datePickerLevel:t}:t&&e.datePickerLevel===void 0?{...e,datePickerLevel:t}:e}function le(e){let t=S(e,U);return u(t)?t:U}function ue(e){return e.datePreset===void 0?e.dateFormat:le(e.datePreset)}function z(e){return e.datePreset===void 0?h(e.dateFormat,Se):le(e.datePreset)}function de(e,t){return g(e,ue(t),{defaultFormat:U,precision:I(t),referenceDate:t.referenceDate})?.date??null}function B(e,t){return T(e,L(t))?.start??null}function V(e,t){if(!y(e))return null;let[n,r]=e;return[B(n,t),fe(r,t)]}function fe(e,t){return T(e,L(t))?.end??null}function H(e){return e?.getTime()??null}function pe(e,t,n){return H(B(e,n))===H(B(t,n))}function me(e,t,n){let r=V(e,n),i=V(t,n);return H(r?.[0]??null)===H(i?.[0]??null)&&H(r?.[1]??null)===H(i?.[1]??null)}function he(e,t,n){if(!e)return``;let r=R(t,n),i=T(e,L(r));return r.selectionMode===`week`&&i?f(i.start,i.end,z(r),{precision:I(r)}):p(e,z(r),{precision:I(r)})}function ge(e,t,n){if(!y(e))return``;let r=R(t,n),[i,a]=e;return i&&a?f(i,a,z(r),{precision:I(r)}):i?`${p(i,z(r),{precision:I(r)})}${xe}`:``}function _e(e,t,n){return y(e)?ge(e,t,n):he(e,t,n)}function ve(e,t,n){let r=R(t,n);return B(de(r.selectionMode===`week`?e.split(xe)[0]??``:e,r),r)}function ye(e,t,n){let r=R(t,n),[i=``,a=``]=e.split(xe);return[ve(i,r),be(a,r)]}function be(e,t,n){let r=R(t,n);return fe(de(e,r),r)}var U,xe,Se,Ce=t((()=>{w(),U=_.date,xe=` - `,Se=Object.freeze({defaultFormat:U,patternPresetName:`__date_input__`})})),we=t((()=>{})),W=t((()=>{ce(),Ce(),we()})),Te=t((()=>{j()}));function Ee(e){return y(e)?e[0]??e[1]??void 0:e??void 0}var G,De,Oe=t((()=>{G=e(n(),1),w(),W(),De=e=>{let t=(0,G.useMemo)(()=>{let t={selectionMode:e.selectionMode,weekEndDay:e.weekEndDay};return e.selectsRange?V(e.value,t):B(e.value,t)},[e.selectsRange,e.selectionMode,e.value,e.weekEndDay]),[n,r]=(0,G.useState)(t),i=(0,G.useMemo)(()=>({datePreset:e.datePreset,dateFormat:e.dateFormat,datePickerLevel:e.datePickerLevel,selectionMode:e.selectionMode,weekEndDay:e.weekEndDay}),[e.dateFormat,e.datePickerLevel,e.datePreset,e.selectionMode,e.weekEndDay]),[a,o]=(0,G.useState)(()=>_e(t,i)),s=(0,G.useMemo)(()=>{if(e.selectsRange){let t=V(e.value,i);return`${t?.[0]?.getTime()??`null`}:${t?.[1]?.getTime()??`null`}`}let t=B(e.value,i);return String(t?.getTime()??`null`)},[i,e.selectsRange,e.value]),c=e=>_e(e,i),l=(0,G.useEffectEvent)(t=>{if(e.selectsRange){let e=V(t,i),n=c(e);r(t=>{let n=t;return(n?.[0]?.getTime()??null)===(e?.[0]?.getTime()??null)&&(n?.[1]?.getTime()??null)===(e?.[1]?.getTime()??null)?t:e}),o(e=>e===n?e:n);return}let n=B(t,i),a=c(n);r(e=>(e?.getTime()??null)===(n?.getTime()??null)?e:n),o(e=>e===a?e:a)});return(0,G.useEffect)(()=>{l(e.value)},[e.dateFormat,e.datePickerLevel,e.datePreset,e.selectsRange,e.selectionMode,e.value,e.weekEndDay,s]),{inputValue:a,setInputValue:o,selectedDate:n,setSelectedDate:r,handleSelect:t=>{let[n,a]=Array.isArray(t)?t:[t,null];if(e.selectsRange){let t=B(n,i),s=fe(a,i);if(t&&s){if(s<t){let t=[B(a,i),fe(n,i)];r(t),o(c(t)),e.onChange(t)}else{let n=[t,s];r(n),o(c(n)),e.onChange(n)}return!0}let l=[t,null];return r(l),o(c(l)),!1}let s=B(n,i);return r(s),o(c(s)),e.onChange(s),!0},formatDate:c,parseDate:t=>{let r={...i,referenceDate:Ee(n)};return e.selectsRange?ye(t,r):ve(t,r)}}}})),ke=t((()=>{Oe()})),Ae,je,Me,Ne,Pe,Fe,Ie,Le,Re,ze,Be,Ve,He,Ue,We,Ge,K,Ke=t((()=>{Ae=`Dshr-j`,je=`esetVt`,Me=`i-LJYe`,Ne=`XZsnCH`,Pe=`_2KDjTS`,Fe=`o-freG`,Ie=`GcV08-`,Le=`UCrE-I`,Re=`L2V3uq`,ze=`Te9oCq`,Be=`cUF2pQ`,Ve=`d1L5uw`,He=`LU0M9Y`,Ue=`MR3y5p`,We=`VDqDpm`,Ge=`CLR-7m`,K={dayView:Ae,weekdays:je,weekday:Me,daysGrid:Ne,week:Pe,day:Fe,disabled:Ie,outsideMonth:Le,periodSelection:Re,periodPreview:ze,selected:Be,range:Ve,rangeStart:He,rangeEnd:Ue,weekend:We,now:Ge}})),qe,q,Je,Ye,Xe,Ze=t((()=>{qe=e(n(),1),w(),a(),Ke(),q=r(),Je=[`Пн`,`Вт`,`Ср`,`Чт`,`Пт`,`Сб`,`Вс`],Ye=new Intl.DateTimeFormat(`ru-RU`,{weekday:`long`,year:`numeric`,month:`long`,day:`numeric`}),Xe=({now:e,currentDate:t,value:n,onChange:r,minDate:a,maxDate:o,selectsRange:s,selectionMode:c=`day`,weekEndDay:l=`sunday`})=>{let[u,d]=(0,qe.useState)(null),f={selectionMode:c,weekEndDay:l},p=(()=>{let e=t.getFullYear(),n=t.getMonth(),r=E(e,n,1),i=E(e,n+1,0),a=r.getDay()===0?6:r.getDay()-1,o=42-(a+i.getDate()),s=[],c=E(e,n,0).getDate();for(let t=a;t>0;--t)s.push(E(e,n-1,c-t+1));for(let t=1;t<=i.getDate();t+=1)s.push(E(e,n,t));for(let t=1;t<=o;t+=1)s.push(E(e,n+1,t));let l=[];for(let e=0;e<s.length;e+=7)l.push(s.slice(e,e+7));return l})(),h=s&&Array.isArray(n)?n[0]:null,g=s&&Array.isArray(n)?n[1]:null,_=T(s?null:n,f),y=T(u,f),b=g??(h?y?.end??null:null),S=c===`week`,w=S&&(!s||!h),ee=e=>{if(!s||!h||!b)return!1;let t=v(e).getTime(),n=h.getTime(),r=b.getTime();return t>=Math.min(n,r)&&t<=Math.max(n,r)},D=e=>!C(T(e,f),{minDate:a,maxDate:o}),O=(e,t)=>{t||(S&&d(e),!(!s||!h||g)&&(S||d(e)))};return(0,q.jsxs)(`div`,{className:K.dayView,children:[(0,q.jsx)(`div`,{className:K.weekdays,children:Je.map(e=>(0,q.jsx)(`div`,{className:K.weekday,children:e},e))}),(0,q.jsx)(`div`,{className:K.daysGrid,onMouseLeave:()=>{(S||!g)&&d(null)},children:p.map((n,a)=>(0,q.jsx)(`div`,{className:K.week,children:n.map((n,o)=>{let s=n.getMonth()===t.getMonth(),l=x(n,_),u=w&&x(n,y),d=ee(n),f=m(n,h),p=m(n,b),g=m(n,e),v=D(n);return(0,q.jsx)(`button`,{type:`button`,onClick:()=>!v&&r(n),onMouseEnter:()=>O(n,v),disabled:v,"data-ui":`calendar-day-button`,"data-action":`select-calendar-day`,className:i(K.day,{[K.outsideMonth]:!s,[K.periodSelection]:c===`week`,[K.periodPreview]:u&&!l,[K.selected]:l,[K.range]:d&&!f&&!p,[K.rangeStart]:f,[K.rangeEnd]:p,[K.disabled]:v,[K.weekend]:o>4,[K.now]:g}),"aria-label":Ye.format(n),"aria-pressed":l||d||f||p,children:n.getDate()},`${a}-${o}`)})},a))})]})},Xe.__docgenInfo={description:`Отображает сетку дней месяца в календарной семантике без timezone-сдвига.`,methods:[],displayName:`CalendarDayView`,props:{selectionMode:{defaultValue:{value:`"day"`,computed:!1},required:!1},weekEndDay:{defaultValue:{value:`"sunday"`,computed:!1},required:!1}}}})),Qe,$e,et,tt,nt,rt,it,at,J,ot=t((()=>{Qe=`p5pRGW`,$e=`pUHpxD`,et=`lwWv-z`,tt=`_8gn-3z`,nt=`b57d-c`,rt=`nGc5FO`,it=`JLqjri`,at=`UQMYwg`,J={monthView:Qe,monthsGrid:$e,month:et,disabled:tt,range:nt,selected:rt,rangeStart:it,rangeEnd:at}})),st,ct,lt,ut,dt,ft=t((()=>{st=e(n(),1),w(),a(),W(),ot(),ct=r(),lt=new Intl.DateTimeFormat(`ru-RU`,{month:`short`}),ut=new Intl.DateTimeFormat(`ru-RU`,{month:`long`,year:`numeric`}),dt=({currentDate:e,value:t,onChange:n,minDate:r,maxDate:a,selectsRange:o,selectsPeriod:s,selectionMode:c=`day`,weekEndDay:l=`sunday`})=>{let[u,d]=(0,st.useState)(null),f=Array.from({length:12},(e,t)=>t),p=e.getFullYear(),m={selectionMode:c,weekEndDay:l},h=o&&Array.isArray(t)?t[0]:null,g=o&&Array.isArray(t)?t[1]:null,_=e=>lt.format(E(p,e,1)),v=e=>{if(!r&&!a)return!1;let t=E(p,e,1),n=E(p,e+1,0,23,59,59);return s?!C(T(t,m),{minDate:r,maxDate:a}):!!(r&&n<r||a&&t>a)},y=(e,t)=>{!o||!h||g||t||d(e)};return(0,ct.jsx)(`div`,{className:J.monthView,children:(0,ct.jsx)(`div`,{className:J.monthsGrid,onMouseLeave:()=>{g||d(null)},children:f.map(e=>{let r=v(e),a=E(p,e,1),s=P({date:a,value:t,hoveredDate:u,selectsRange:o,selectionOptions:m});return(0,ct.jsx)(`button`,{type:`button`,onClick:()=>!r&&n(a),onMouseEnter:()=>y(a,r),disabled:r,"data-ui":`calendar-month-button`,"data-action":`select-calendar-month`,className:i(J.month,{[J.selected]:s.selected,[J.range]:s.range,[J.rangeStart]:s.rangeStart,[J.rangeEnd]:s.rangeEnd,[J.disabled]:r}),"aria-label":ut.format(a),"aria-pressed":s.selected||s.range||s.rangeStart||s.rangeEnd,children:_(e)},e)})})})},dt.__docgenInfo={description:`Отображает выбор месяца в календарной семантике без timezone-сдвига.`,methods:[],displayName:`CalendarMonthView`,props:{selectionMode:{defaultValue:{value:`"day"`,computed:!1},required:!1},weekEndDay:{defaultValue:{value:`"sunday"`,computed:!1},required:!1}}}})),pt,mt,ht,gt=t((()=>{pt=`E35KE6`,mt=`L14Qef`,ht={calendarView:pt,calendarHeader:mt}})),_t,vt,yt,bt,xt,St,Ct,wt,Y,Tt=t((()=>{_t=`_--xW7O`,vt=`-N-5Jk`,yt=`hhY92S`,bt=`IhX7jj`,xt=`NWNpWj`,St=`d1SfcV`,Ct=`Gkui4r`,wt=`_0dVZLW`,Y={yearView:_t,yearsGrid:vt,year:yt,disabled:bt,range:xt,selected:St,rangeStart:Ct,rangeEnd:wt}})),Et,Dt,Ot,kt=t((()=>{Et=e(n(),1),w(),a(),W(),Tt(),Dt=r(),Ot=({currentDate:e,value:t,onChange:n,minDate:r,maxDate:a,selectsRange:o,selectsPeriod:s,selectionMode:c=`day`,weekEndDay:l=`sunday`})=>{let[u,d]=(0,Et.useState)(null),f=Math.floor(e.getFullYear()/12)*12,p=Array.from({length:12},(e,t)=>f+t),m={selectionMode:c,weekEndDay:l},h=o&&Array.isArray(t)?t[0]:null,g=o&&Array.isArray(t)?t[1]:null,_=e=>{if(!r&&!a)return!1;let t=E(e,0,1),n=E(e,11,31,23,59,59);return s?!C(T(t,m),{minDate:r,maxDate:a}):!!(r&&n<r||a&&t>a)},v=(e,t)=>{!o||!h||g||t||d(e)};return(0,Dt.jsx)(`div`,{className:Y.yearView,children:(0,Dt.jsx)(`div`,{className:Y.yearsGrid,onMouseLeave:()=>{g||d(null)},children:p.map(e=>{let r=_(e),a=E(e,0,1),s=P({date:a,value:t,hoveredDate:u,selectsRange:o,selectionOptions:m});return(0,Dt.jsx)(`button`,{type:`button`,onClick:()=>!r&&n(a),onMouseEnter:()=>v(a,r),disabled:r,"data-ui":`calendar-year-button`,"data-action":`select-calendar-year`,className:i(Y.year,{[Y.selected]:s.selected,[Y.range]:s.range,[Y.rangeStart]:s.rangeStart,[Y.rangeEnd]:s.rangeEnd,[Y.disabled]:r}),"aria-label":e.toString(),"aria-pressed":s.selected||s.range||s.rangeStart||s.rangeEnd,children:e},e)})})})},Ot.__docgenInfo={description:`Отображает выбор года в календарной семантике без timezone-сдвига.`,methods:[],displayName:`CalendarYearView`,props:{selectionMode:{defaultValue:{value:`"day"`,computed:!1},required:!1},weekEndDay:{defaultValue:{value:`"sunday"`,computed:!1},required:!1}}}}));function At({view:e,datePickerLevel:t,selectionMode:n=`day`,weekEndDay:r=`sunday`,onViewChange:i,...a}){let[o]=(0,X.useState)(()=>v(new Date)),[c,u]=(0,X.useState)(()=>a.selectsRange&&y(a.value)&&a.value[0]instanceof Date?a.value[0]:!a.selectsRange&&a.value instanceof Date?a.value:v(new Date)),f=a.currentDate??c,p={selectionMode:n,weekEndDay:r},m=e=>{let t=typeof e==`function`?e(f):e;a.currentDate===void 0&&u(t),a.onCurrentDateChange?.(t)},h=(0,X.useEffectEvent)(e=>{if(a.selectsRange&&Array.isArray(e)&&e[0]instanceof Date){m(e[0]);return}!a.selectsRange&&e instanceof Date&&m(e)});(0,X.useEffect)(()=>{h(a.value)},[a.value]);let g=()=>{if(e===`day`){m(e=>d(e,-1));return}if(e===`month`){m(e=>b(e,-1));return}m(e=>b(e,-12))},_=()=>{if(e===`day`){m(e=>d(e,1));return}if(e===`month`){m(e=>b(e,1));return}m(e=>b(e,12))};return(0,Z.jsxs)(`div`,{className:ht.calendarView,children:[(()=>{let t=``;if(e===`day`)t=f.toLocaleDateString(`ru-RU`,{month:`long`,year:`numeric`});else if(e===`month`)t=f.getFullYear().toString();else{let e=Math.floor(f.getFullYear()/12)*12;t=`${e} - ${e+11}`}return(0,Z.jsxs)(`div`,{className:ht.calendarHeader,children:[(0,Z.jsx)(O,{icon:(0,Z.jsx)(s,{}),onClick:g,variant:`ghost`,"aria-label":`Предыдущий`,"data-action":`calendar-previous`}),(0,Z.jsx)(O,{onClick:()=>{e===`day`?i(`month`):e===`month`&&i(`year`)},variant:`ghost`,className:`flex1`,"data-ui":`calendar-view-switch-button`,"data-action":`calendar-switch-view`,children:t}),(0,Z.jsx)(O,{icon:(0,Z.jsx)(l,{}),onClick:_,variant:`ghost`,"aria-label":`Следующий`,"data-ui":`calendar-next-button`,"data-action":`calendar-next`})]})})(),(()=>{let s=e=>{let t=T(e,p);if(!(!t||!C(t,{minDate:a.minDate,maxDate:a.maxDate}))){if(a.selectsRange){let e=null,n=null;if(Array.isArray(a.value)&&([e,n]=a.value),!e||n){a.onChange([t.start,null]);return}let r=T(e,p);if(!r)return;if(t.start<r.start){a.onChange([t.start,r.end]);return}a.onChange([r.start,t.end]);return}a.onChange(t.start)}},c=e=>{if(m(e),n===`month`||!M(`day`,t)){s(e);return}i(`day`)},l=e=>{if(m(e),n===`year`||!M(`month`,t)){s(e);return}i(`month`)};switch(e){case`day`:return(0,Z.jsx)(Xe,{now:o,currentDate:f,value:a.value,onChange:s,minDate:a.minDate,maxDate:a.maxDate,selectsRange:a.selectsRange,selectionMode:n,weekEndDay:r});case`month`:return(0,Z.jsx)(dt,{currentDate:f,value:a.value,onChange:c,minDate:a.minDate,maxDate:a.maxDate,selectsRange:a.selectsRange,selectsPeriod:n===`month`||!M(`day`,t),selectionMode:n,weekEndDay:r});case`year`:return(0,Z.jsx)(Ot,{currentDate:f,value:a.value,onChange:l,minDate:a.minDate,maxDate:a.maxDate,selectsRange:a.selectsRange,selectsPeriod:n===`year`||!M(`month`,t),selectionMode:n,weekEndDay:r});default:return null}})()]})}var X,Z,jt=t((()=>{X=e(n(),1),w(),c(),k(),W(),Ze(),ft(),gt(),kt(),Z=r(),At.__docgenInfo={description:`Отображает календарь выбора даты в календарной семантике без timezone-сдвига.`,methods:[],displayName:`CalendarView`,props:{view:{required:!0,tsType:{name:`union`,raw:`"day" | "month" | "year"`,elements:[{name:`literal`,value:`"day"`},{name:`literal`,value:`"month"`},{name:`literal`,value:`"year"`}]},description:``},datePickerLevel:{required:!0,tsType:{name:`union`,raw:`"day" | "month" | "year"`,elements:[{name:`literal`,value:`"day"`},{name:`literal`,value:`"month"`},{name:`literal`,value:`"year"`}]},description:``},selectionMode:{required:!1,tsType:{name:`CalendarPeriodSelectionMode`},description:``,defaultValue:{value:`"day"`,computed:!1}},weekEndDay:{required:!1,tsType:{name:`CalendarWeekEndDay`},description:``,defaultValue:{value:`"sunday"`,computed:!1}},onViewChange:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(view: CalendarType) => void`,signature:{arguments:[{type:{name:`union`,raw:`"day" | "month" | "year"`,elements:[{name:`literal`,value:`"day"`},{name:`literal`,value:`"month"`},{name:`literal`,value:`"year"`}]},name:`view`}],return:{name:`void`}}},description:``},selectsRange:{required:!1,tsType:{name:`boolean`},description:``},value:{required:!0,tsType:{name:`union`,raw:`Date | NullableDateRange | null`,elements:[{name:`Date`},{name:`NullableDateRange`},{name:`null`}]},description:``},onChange:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(date: Date | NullableDateRange) => void`,signature:{arguments:[{type:{name:`union`,raw:`Date | NullableDateRange`,elements:[{name:`Date`},{name:`NullableDateRange`}]},name:`date`}],return:{name:`void`}}},description:``},minDate:{required:!1,tsType:{name:`Date`},description:``},maxDate:{required:!1,tsType:{name:`Date`},description:``},currentDate:{required:!1,tsType:{name:`Date`},description:``},onCurrentDateChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(date: Date) => void`,signature:{arguments:[{type:{name:`Date`},name:`date`}],return:{name:`void`}}},description:``}}}})),Mt,Nt,Pt,Ft=t((()=>{Mt=`HR4pgo`,Nt=`-tM-kj`,Pt={calendarButton:Mt,selectionModeControl:Nt}}));function It(e,t){let n=new Set(e?.length?e:F);return n.add(t),F.filter(e=>n.has(e))}function Lt({placeholder:e,disabled:t,error:n,onClearError:r,minDate:i,maxDate:a,datePickerLevel:s,selectionMode:c,weekEndDay:l=`sunday`,allowSelectionModeChange:u,selectionModeOptions:d,onSelectionModeChange:f,...p}){let[m,h]=(0,Q.useState)(!1),[g,_]=(0,Q.useState)(c??`day`),v=c??g,b=s??`day`,x=ie(v,b),[S,C]=(0,Q.useState)(()=>({view:x,selectionMode:v,minDatePickerLevel:b})),w=S.selectionMode===v&&S.minDatePickerLevel===b&&M(S.view,b)?S.view:x,T=(0,Q.useRef)(p.value),E={selectionMode:v,weekEndDay:l},{inputValue:D,setInputValue:k,selectedDate:A,setSelectedDate:j,handleSelect:re,formatDate:N,parseDate:ae}=De({...p,datePickerLevel:b,selectionMode:v,weekEndDay:l}),P=p.selectsRange?p.onChange:void 0,oe=(0,Q.useCallback)(e=>{M(e,b)&&C({view:e,selectionMode:v,minDatePickerLevel:b})},[b,v]);(0,Q.useEffect)(()=>{T.current=p.value},[p.value]);let F=()=>{if(D){let e=ae(D);if(e){if(k(N(e)),p.selectsRange&&y(e)){if(me(e,y(A)?A:null,E))return;j(e),p.onChange(e)}else if(!p.selectsRange&&e instanceof Date){if(pe(e,A instanceof Date?A:null,E))return;j(e),p.onChange(e)}}}},se=e=>{e.key===`Enter`&&(e.preventDefault(),F())},ce=(0,Q.useCallback)(e=>{re(e)&&h(!1)},[re]),I=(0,Q.useCallback)(e=>{c===void 0&&_(e),f?.(e),C({view:ie(e,b),selectionMode:e,minDatePickerLevel:b})},[c,b,f]),L=(0,Q.useCallback)(()=>{if(P){let[,e]=y(A)?A:[null,null];if(!e){let e=T.current,t=Array.isArray(e)?e:null,n=t?.[0]??null,r=t?.[1]??null;if(n&&r){let e=[n,r];j(e),k(N(e)),P(e)}else j([null,null]),k(``),P([null,null])}}},[P,A,j,k,N]),R=It(d,v),le=u&&R.length>1;return(0,$.jsxs)(ee,{open:m,onOpenChange:e=>{h(e),e||L()},children:[(0,$.jsx)(te,{label:p.label,description:p.description,size:p.size,value:D,onChange:k,onBlur:F,onKeyUp:se,placeholder:e,disabled:t,error:n,onClearError:r,endAdornmentWidth:`var(--control-height)`,endAdornment:(0,$.jsx)(ee.Trigger,{children:(0,$.jsx)(O,{variant:`transparent`,disabled:t,className:Pt.calendarButton,icon:(0,$.jsx)(o,{}),"aria-label":`Открыть календарь`})})}),(0,$.jsxs)(ee.Content,{background:`primary`,children:[(0,$.jsx)(At,{view:w,datePickerLevel:b,selectionMode:v,weekEndDay:l,onViewChange:oe,value:A??null,onChange:ce,minDate:i,maxDate:a,selectsRange:!!p.selectsRange}),le&&(0,$.jsx)(`div`,{className:Pt.selectionModeControl,children:(0,$.jsx)(ne,{value:v,onChange:I,noWrap:!0,"aria-label":`Режим выбора даты`,children:R.map(e=>(0,$.jsx)(ne.Option,{value:e,label:Bt[e]},e))})})]})]})}function Rt(e){return(0,$.jsx)(Lt,{...e})}function zt(e){return(0,$.jsx)(Lt,{...e,selectsRange:!0})}var Q,$,Bt,Vt=t((()=>{Q=e(n(),1),w(),c(),k(),A(),D(),Te(),W(),ke(),jt(),Ft(),$=r(),Bt={day:`День`,week:`Неделя`,month:`Месяц`,year:`Год`},Rt.__docgenInfo={description:``,methods:[],displayName:`SingleDateInput`},zt.__docgenInfo={description:``,methods:[],displayName:`RangeDateInput`}}));export{jt as a,se as c,At as i,ce as l,Rt as n,W as o,Vt as r,F as s,zt as t};
@@ -1,4 +1,4 @@
1
- import{a as e,i as t}from"./preload-helper-B45gAKPr.js";import{t as n}from"./jsx-runtime-BBQGix-2.js";import{c as r,n as i,o as a,r as o,s,t as c}from"./DateInput-BEX6gS7B.js";var l=e({PickerLevels:()=>v,Range:()=>h,RuntimeSelectionMode:()=>y,Single:()=>m,Sizes:()=>b,WeekSelection:()=>_,WithLimits:()=>g,__namedExportsOrder:()=>x,default:()=>p});function u(e,t,n){e.onSelectionModeChange?.(n),t({selectionMode:n})}var d,f,p,m,h,g,_,v,y,b,x,S=t((()=>{a(),o(),d=n(),{useArgs:f}=__STORYBOOK_MODULE_PREVIEW_API__,p={title:`Shared/UI/DateInput`,component:i,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`},dateFormat:{description:`Deprecated: ручной шаблон форматирования. Используйте datePreset.`,control:`text`},datePickerLevel:{description:`Минимальный уровень календарной навигации. Не определяет размер выбранного периода.`,control:`select`,options:[`day`,`month`,`year`]},selectionMode:{description:`Размер выбранного периода.`,control:`select`,options:s},weekEndDay:{description:`Последний включённый день недели для режима week.`,control:`select`,options:r},allowSelectionModeChange:{description:`Показывает переключатель режима выбора под календарём.`,control:`boolean`},selectionModeOptions:{description:`Ограничивает режимы в runtime-переключателе.`,control:`check`,options:s},onSelectionModeChange:{description:`Вызывается при runtime-смене режима выбора.`,control:!1},error:{description:`Текст ошибки под полем.`,control:`text`},onClearError:{description:`Сброс внешней ошибки при вводе.`,control:!1},size:{description:`Размер поля и подписи.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]},disabled:{description:`Блокирует ввод и открытие календаря.`,control:`boolean`}}},m={render:function(e){let[,t]=f();return(0,d.jsx)(i,{...e,value:e.value??null,onChange:n=>{e.onChange(n),t({value:n})},onSelectionModeChange:n=>u(e,t,n)})},args:{label:`Одиночная дата`,placeholder:`дд.мм.гггг`,value:new Date(2026,2,5,0,0,0)}},h={render:function(e){let[,t]=f();return(0,d.jsx)(c,{...e,value:e.value??null,onChange:n=>{e.onChange(n),t({value:n})},onSelectionModeChange:n=>u(e,t,n)})},args:{label:`Диапазон дат`,placeholder:`дд.мм.гггг - дд.мм.гггг`,value:[new Date(2026,2,5,0,0,0),new Date(2026,2,15,23,59,59)]}},g={render:function(e){let[,t]=f();return(0,d.jsx)(i,{...e,value:e.value??null,onChange:n=>{e.onChange(n),t({value:n})},onSelectionModeChange:n=>u(e,t,n)})},args:{label:`Дата отчёта`,description:`Доступен только март 2026.`,value:new Date(2026,2,10,0,0,0),minDate:new Date(2026,2,1,0,0,0),maxDate:new Date(2026,2,31,23,59,59)}},_={render:function(e){let[,t]=f();return(0,d.jsx)(c,{...e,value:e.value??null,onChange:n=>{e.onChange(n),t({value:n})},onSelectionModeChange:n=>u(e,t,n)})},args:{label:`Недели`,placeholder:`дд.мм.гггг - дд.мм.гггг`,value:[new Date(2026,2,2,0,0,0),new Date(2026,2,13,23,59,59)],selectionMode:`week`,weekEndDay:`friday`}},v={render:function(e){let[,t]=f();return(0,d.jsx)(i,{...e,value:e.value??null,onChange:n=>{e.onChange(n),t({value:n})},onSelectionModeChange:n=>u(e,t,n)})},args:{label:`Месяц`,placeholder:`месяц год`,value:new Date(2026,2,1,0,0,0),datePreset:`date-long`,selectionMode:`month`}},y={render:function(e){let[,t]=f();return(0,d.jsx)(c,{...e,value:e.value??null,onChange:n=>{e.onChange(n),t({value:n})},onSelectionModeChange:n=>u(e,t,n)})},args:{label:`Период`,placeholder:`дд.мм.гггг - дд.мм.гггг`,value:[new Date(2026,2,5,0,0,0),new Date(2026,2,15,23,59,59)],selectionMode:`day`,allowSelectionModeChange:!0}},b={render:function(e){let[,t]=f();return(0,d.jsx)(c,{...e,value:e.value??null,onChange:n=>{e.onChange(n),t({value:n})},onSelectionModeChange:n=>u(e,t,n)})},args:{size:`lg`,label:`Диапазон дат`,placeholder:`дд.мм.гггг - дд.мм.гггг`,value:[new Date(2026,2,5,0,0,0),new Date(2026,2,15,23,59,59)]}},m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
1
+ import{a as e,i as t}from"./preload-helper-B45gAKPr.js";import{t as n}from"./jsx-runtime-BBQGix-2.js";import{c as r,n as i,o as a,r as o,s,t as c}from"./DateInput-RqGYR5cy.js";var l=e({PickerLevels:()=>v,Range:()=>h,RuntimeSelectionMode:()=>y,Single:()=>m,Sizes:()=>b,WeekSelection:()=>_,WithLimits:()=>g,__namedExportsOrder:()=>x,default:()=>p});function u(e,t,n){e.onSelectionModeChange?.(n),t({selectionMode:n})}var d,f,p,m,h,g,_,v,y,b,x,S=t((()=>{a(),o(),d=n(),{useArgs:f}=__STORYBOOK_MODULE_PREVIEW_API__,p={title:`Shared/UI/DateInput`,component:i,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`},dateFormat:{description:`Deprecated: ручной шаблон форматирования. Используйте datePreset.`,control:`text`},datePickerLevel:{description:`Минимальный уровень календарной навигации. Не определяет размер выбранного периода.`,control:`select`,options:[`day`,`month`,`year`]},selectionMode:{description:`Размер выбранного периода.`,control:`select`,options:s},weekEndDay:{description:`Последний включённый день недели для режима week.`,control:`select`,options:r},allowSelectionModeChange:{description:`Показывает переключатель режима выбора под календарём.`,control:`boolean`},selectionModeOptions:{description:`Ограничивает режимы в runtime-переключателе.`,control:`check`,options:s},onSelectionModeChange:{description:`Вызывается при runtime-смене режима выбора.`,control:!1},error:{description:`Текст ошибки под полем.`,control:`text`},onClearError:{description:`Сброс внешней ошибки при вводе.`,control:!1},size:{description:`Размер поля и подписи.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]},disabled:{description:`Блокирует ввод и открытие календаря.`,control:`boolean`}}},m={render:function(e){let[,t]=f();return(0,d.jsx)(i,{...e,value:e.value??null,onChange:n=>{e.onChange(n),t({value:n})},onSelectionModeChange:n=>u(e,t,n)})},args:{label:`Одиночная дата`,placeholder:`дд.мм.гггг`,value:new Date(2026,2,5,0,0,0)}},h={render:function(e){let[,t]=f();return(0,d.jsx)(c,{...e,value:e.value??null,onChange:n=>{e.onChange(n),t({value:n})},onSelectionModeChange:n=>u(e,t,n)})},args:{label:`Диапазон дат`,placeholder:`дд.мм.гггг - дд.мм.гггг`,value:[new Date(2026,2,5,0,0,0),new Date(2026,2,15,23,59,59)]}},g={render:function(e){let[,t]=f();return(0,d.jsx)(i,{...e,value:e.value??null,onChange:n=>{e.onChange(n),t({value:n})},onSelectionModeChange:n=>u(e,t,n)})},args:{label:`Дата отчёта`,description:`Доступен только март 2026.`,value:new Date(2026,2,10,0,0,0),minDate:new Date(2026,2,1,0,0,0),maxDate:new Date(2026,2,31,23,59,59)}},_={render:function(e){let[,t]=f();return(0,d.jsx)(c,{...e,value:e.value??null,onChange:n=>{e.onChange(n),t({value:n})},onSelectionModeChange:n=>u(e,t,n)})},args:{label:`Недели`,placeholder:`дд.мм.гггг - дд.мм.гггг`,value:[new Date(2026,2,2,0,0,0),new Date(2026,2,13,23,59,59)],selectionMode:`week`,weekEndDay:`friday`}},v={render:function(e){let[,t]=f();return(0,d.jsx)(i,{...e,value:e.value??null,onChange:n=>{e.onChange(n),t({value:n})},onSelectionModeChange:n=>u(e,t,n)})},args:{label:`Месяц`,placeholder:`месяц год`,value:new Date(2026,2,1,0,0,0),datePreset:`date-long`,selectionMode:`month`}},y={render:function(e){let[,t]=f();return(0,d.jsx)(c,{...e,value:e.value??null,onChange:n=>{e.onChange(n),t({value:n})},onSelectionModeChange:n=>u(e,t,n)})},args:{label:`Период`,placeholder:`дд.мм.гггг - дд.мм.гггг`,value:[new Date(2026,2,5,0,0,0),new Date(2026,2,15,23,59,59)],selectionMode:`day`,allowSelectionModeChange:!0}},b={render:function(e){let[,t]=f();return(0,d.jsx)(c,{...e,value:e.value??null,onChange:n=>{e.onChange(n),t({value:n})},onSelectionModeChange:n=>u(e,t,n)})},args:{size:`lg`,label:`Диапазон дат`,placeholder:`дд.мм.гггг - дд.мм.гггг`,value:[new Date(2026,2,5,0,0,0),new Date(2026,2,15,23,59,59)]}},m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
2
2
  render: function Render(args) {
3
3
  const [, updateArgs] = useArgs<SingleDateInputStoryArgs>();
4
4
  return <SingleDateInput {...args} value={args.value ?? null} onChange={value => {
@@ -1,4 +1,4 @@
1
- import{i as e}from"./preload-helper-B45gAKPr.js";import{E as t,a as n,d as r,f as i,l as a,m as o,n as s,p as c,r as l,u}from"./blocks-Lc8OH6Kn.js";import{t as d}from"./jsx-runtime-BBQGix-2.js";import{t as f}from"./mdx-react-shim-DLwoEMcU.js";import{Default as p,n as m,t as h}from"./DateRangePresetSelect.stories-Bn-kss98.js";function g(e){let o={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...t(),...e.components};return(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(a,{of:h,parameters:{docs:{toc:!0}}}),`
1
+ import{i as e}from"./preload-helper-B45gAKPr.js";import{E as t,a as n,d as r,f as i,l as a,m as o,n as s,p as c,r as l,u}from"./blocks-DqCdcDDe.js";import{t as d}from"./jsx-runtime-BBQGix-2.js";import{t as f}from"./mdx-react-shim-OlNc3VgM.js";import{Default as p,n as m,t as h}from"./DateRangePresetSelect.stories-CDRw5Oq8.js";function g(e){let o={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...t(),...e.components};return(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(a,{of:h,parameters:{docs:{toc:!0}}}),`
2
2
  `,(0,v.jsx)(c,{children:`DateRangePresetSelect`}),`
3
3
  `,(0,v.jsx)(i,{children:`Выбор готовых диапазонов дат для фильтров, отчетов и быстрых аналитических сценариев`}),`
4
4
  `,(0,v.jsx)(o.p,{children:`DateRangePresetSelect уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
@@ -1,3 +1,3 @@
1
- import{c as e,i as t}from"./preload-helper-B45gAKPr.js";import{C as n}from"./iframe--uVUQxom.js";import{t as r}from"./jsx-runtime-BBQGix-2.js";import{c as i,f as a,m as o,o as s,p as c,t as l}from"./formatters-CkLGLcIQ.js";import{a as u,i as d,n as f,o as p,s as m,t as h}from"./preset-select-BIBQkEB0.js";function g(e){return typeof e==`string`&&w.has(e)}function _(e,t=[]){return d(e,g,t)}function v(e,t=S){return m(e,t)}function y(e,t=T){return p(e,t)}function b(e,t=new Date,n=T){let r=y(e,n);return r?{id:r.id,label:r.label,range:r.resolveRange({referenceDate:t})}:null}function x(e,t=new Date,n=T){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 S,C,w,T,E=t((()=>{l(),u(),S=Object.freeze([{id:`monthStartToYesterday`,label:`С начала месяца по вчера`,resolveRange:s},{id:`monthStartToToday`,label:`С начала месяца по сегодня`,resolveRange:c},{id:`today`,label:`За сегодня`,resolveRange:a},{id:`yesterday`,label:`За вчера`,resolveRange:o},{id:`monthAgo`,label:`Месяц назад`,resolveRange:i}]),C=Object.freeze([`monthStartToYesterday`,`monthStartToToday`,`today`,`yesterday`]),w=new Set(S.map(e=>e.id)),T=Object.freeze(v(C))}));function D(e){if(!e)return`__empty__`;let[t,n]=e.range;return[e.id,t?.getTime()??`null`,n?.getTime()??`null`].join(`|`)}function O({value:e,onChange:t,options:n=T,referenceDate:r,onRangeChange:i,...a}){let[o]=(0,k.useState)(()=>new Date),s=r?.getTime()??o.getTime(),c=!!i,l=(0,k.useRef)(``),u=(0,k.useEffectEvent)(e=>{if(!i)return;let t=b(e,new Date(s),n),r=D(t);r!==l.current&&(l.current=r,i(t))});return(0,k.useEffect)(()=>{u(e)},[c,n,s,e]),(0,A.jsx)(f,{...a,options:n,value:e,onChange:t})}var k,A,j=t((()=>{k=e(n(),1),h(),E(),A=r(),O.__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{c as e,i as t}from"./preload-helper-B45gAKPr.js";import{C as n}from"./iframe-DQGux9DR.js";import{t as r}from"./jsx-runtime-BBQGix-2.js";import{c as i,f as a,m as o,o as s,p as c,t as l}from"./formatters-3QKr_cek.js";import{a as u,i as d,n as f,o as p,s as m,t as h}from"./preset-select-BOurZfsi.js";function g(e){return typeof e==`string`&&w.has(e)}function _(e,t=[]){return d(e,g,t)}function v(e,t=S){return m(e,t)}function y(e,t=T){return p(e,t)}function b(e,t=new Date,n=T){let r=y(e,n);return r?{id:r.id,label:r.label,range:r.resolveRange({referenceDate:t})}:null}function x(e,t=new Date,n=T){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 S,C,w,T,E=t((()=>{l(),u(),S=Object.freeze([{id:`monthStartToYesterday`,label:`С начала месяца по вчера`,resolveRange:s},{id:`monthStartToToday`,label:`С начала месяца по сегодня`,resolveRange:c},{id:`today`,label:`За сегодня`,resolveRange:a},{id:`yesterday`,label:`За вчера`,resolveRange:o},{id:`monthAgo`,label:`Месяц назад`,resolveRange:i}]),C=Object.freeze([`monthStartToYesterday`,`monthStartToToday`,`today`,`yesterday`]),w=new Set(S.map(e=>e.id)),T=Object.freeze(v(C))}));function D(e){if(!e)return`__empty__`;let[t,n]=e.range;return[e.id,t?.getTime()??`null`,n?.getTime()??`null`].join(`|`)}function O({value:e,onChange:t,options:n=T,referenceDate:r,onRangeChange:i,...a}){let[o]=(0,k.useState)(()=>new Date),s=r?.getTime()??o.getTime(),c=!!i,l=(0,k.useRef)(``),u=(0,k.useEffectEvent)(e=>{if(!i)return;let t=b(e,new Date(s),n),r=D(t);r!==l.current&&(l.current=r,i(t))});return(0,k.useEffect)(()=>{u(e)},[c,n,s,e]),(0,A.jsx)(f,{...a,options:n,value:e,onChange:t})}var k,A,j=t((()=>{k=e(n(),1),h(),E(),A=r(),O.__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{_ as a,b as c,E as i,j as n,x as o,C as r,v as s,O as t};
@@ -1,4 +1,4 @@
1
- import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{C as r}from"./iframe--uVUQxom.js";import{t as i}from"./jsx-runtime-BBQGix-2.js";import{t as a}from"./DateInput-BEX6gS7B.js";import{c as o}from"./preset-select-BIBQkEB0.js";import{i as s}from"./Grid-CDYAcgQ5.js";import{t as c}from"./grid-CbHiOvd1.js";import{n as l,t as u}from"./DateRangePresetSelect-56MmxTDN.js";var d=e({Default:()=>h,__namedExportsOrder:()=>g,default:()=>m}),f,p,m,h,g,_=n((()=>{f=t(r(),1),o(),c(),l(),p=i(),m={title:`Shared/UI/DateRangePresetSelect`,component:u,args:{value:`monthStartToToday`,onChange:()=>{}},parameters:{atomicCanvas:!0,layout:`padded`}},h={render:()=>{let[e,t]=(0,f.useState)(`monthStartToToday`),[n,r]=(0,f.useState)([new Date(2026,2,1,0,0,0),new Date(2026,2,10,23,59,59)]);return(0,p.jsxs)(s,{gap:`md`,children:[(0,p.jsx)(u,{label:`Пресет диапазона`,placeholder:`Выберите пресет`,value:e,onChange:t,onRangeChange:e=>r(e?.range??null),referenceDate:new Date(2026,2,10,12,0,0)}),(0,p.jsx)(a,{label:`Диапазон дат`,placeholder:`дд.мм.гггг - дд.мм.гггг`,value:n,onChange:e=>r(e)})]})}},h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
1
+ import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{C as r}from"./iframe-DQGux9DR.js";import{t as i}from"./jsx-runtime-BBQGix-2.js";import{t as a}from"./DateInput-RqGYR5cy.js";import{c as o}from"./preset-select-BOurZfsi.js";import{i as s}from"./Grid-Cm8ed4eJ.js";import{t as c}from"./grid-iUnWuRSk.js";import{n as l,t as u}from"./DateRangePresetSelect-CiTi7MC-.js";var d=e({Default:()=>h,__namedExportsOrder:()=>g,default:()=>m}),f,p,m,h,g,_=n((()=>{f=t(r(),1),o(),c(),l(),p=i(),m={title:`Shared/UI/DateRangePresetSelect`,component:u,args:{value:`monthStartToToday`,onChange:()=>{}},parameters:{atomicCanvas:!0,layout:`padded`}},h={render:()=>{let[e,t]=(0,f.useState)(`monthStartToToday`),[n,r]=(0,f.useState)([new Date(2026,2,1,0,0,0),new Date(2026,2,10,23,59,59)]);return(0,p.jsxs)(s,{gap:`md`,children:[(0,p.jsx)(u,{label:`Пресет диапазона`,placeholder:`Выберите пресет`,value:e,onChange:t,onRangeChange:e=>r(e?.range??null),referenceDate:new Date(2026,2,10,12,0,0)}),(0,p.jsx)(a,{label:`Диапазон дат`,placeholder:`дд.мм.гггг - дд.мм.гггг`,value:n,onChange:e=>r(e)})]})}},h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
2
2
  render: () => {
3
3
  const [presetId, setPresetId] = useState<string | undefined>("monthStartToToday");
4
4
  const [range, setRange] = useState<DateRangePresetChangePayload["range"] | null>([new Date(2026, 2, 1, 0, 0, 0), new Date(2026, 2, 10, 23, 59, 59)]);
@@ -1,4 +1,4 @@
1
- import{i as e}from"./preload-helper-B45gAKPr.js";import{E as t,a as n,d as r,f as i,l as a,m as o,n as s,p as c,r as l,u}from"./blocks-Lc8OH6Kn.js";import{t as d}from"./jsx-runtime-BBQGix-2.js";import{t as f}from"./mdx-react-shim-DLwoEMcU.js";import{BasicList as p,CustomLabel as m,MultipleColumns as h,SemanticDl as g,n as _,t as v}from"./Detail.stories-92t-tnA_.js";function y(e){let o={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...t(),...e.components};return(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(a,{of:v,parameters:{docs:{toc:!0}}}),`
1
+ import{i as e}from"./preload-helper-B45gAKPr.js";import{E as t,a as n,d as r,f as i,l as a,m as o,n as s,p as c,r as l,u}from"./blocks-DqCdcDDe.js";import{t as d}from"./jsx-runtime-BBQGix-2.js";import{t as f}from"./mdx-react-shim-OlNc3VgM.js";import{BasicList as p,CustomLabel as m,MultipleColumns as h,SemanticDl as g,n as _,t as v}from"./Detail.stories-CFaEXdnD.js";function y(e){let o={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...t(),...e.components};return(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(a,{of:v,parameters:{docs:{toc:!0}}}),`
2
2
  `,(0,x.jsx)(c,{children:`Detail`}),`
3
3
  `,(0,x.jsx)(i,{children:`Компонент для вывода пар «заголовок-значение» в карточках, сводках и просмотре сущностей`}),`
4
4
  `,(0,x.jsx)(o.p,{children:`Detail уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
@@ -1,4 +1,4 @@
1
- import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{C as r}from"./iframe--uVUQxom.js";import{t as i}from"./jsx-runtime-BBQGix-2.js";import{a,i as o}from"./utils-KKlP_was.js";var s,c,l,u,d,f,p,m,h,g,_,v,y,b,x,S=n((()=>{s=`DyKaN-`,c=`_2Cf0DN`,l=`igyZiV`,u=`lFsl-5`,d=`zQlD1x`,f=`a6oRih`,p=`MYdzIV`,m=`Pxw-eb`,h=`Kz2K6S`,g=`Pbwja7`,_=`_1DseTb`,v=`h3oORx`,y=`gB9Kr4`,b=`V-PlLc`,x={detailList:s,none:c,small:l,normal:u,large:d,detail:f,dt:p,dd:m,textCenter:h,inline:g,start:_,center:v,end:y,noWrap:b}}));function C({label:e,value:t,withColon:n,required:r}){let{semantic:i,inline:o,noWrap:s,center:c,vertical:l=`center`,withColon:u=!0}=(0,w.useContext)(E),d=a(x.detail,c&&x.textCenter,o&&x.inline,s&&x.noWrap,x[l]),f=(0,T.jsxs)(T.Fragment,{children:[e,r&&(0,T.jsx)(`span`,{className:`statusError`,children:`*`}),(typeof n==`boolean`?n:u)&&`:`]});switch(i){case`detail`:return(0,T.jsxs)(`div`,{className:d,children:[(0,T.jsx)(`dt`,{className:x.dt,children:f}),(0,T.jsx)(`dd`,{className:x.dd,children:t})]});case`list`:return(0,T.jsxs)(`li`,{className:d,children:[(0,T.jsx)(`div`,{className:x.dt,children:f}),(0,T.jsx)(`div`,{className:x.dd,children:t})]});default:return(0,T.jsxs)(`div`,{className:d,children:[(0,T.jsx)(`div`,{className:x.dt,children:f}),(0,T.jsx)(`div`,{className:x.dd,children:t})]})}}var w,T,E,D,O=n((()=>{w=t(r(),1),o(),S(),T=i(),E=(0,w.createContext)({}),D=({children:e,columnCount:t=1,rowGap:n=`none`,semantic:r=`list`,className:i,...o})=>{let s=a(x.detailList,x[n],i),c={columnCount:Math.min(5,Math.max(1,t))},l=r===`detail`?(0,T.jsx)(`dl`,{className:s,style:c,children:e}):(0,T.jsx)(`ul`,{className:s,style:c,children:e});return(0,T.jsx)(E.Provider,{value:{...o,semantic:r},children:l})},D.Item=C,D.__docgenInfo={description:`Компонент для вывода пар «заголовок-значение» в одну или несколько колонок. Подходит для карточек сущностей, сводок и страниц просмотра.`,methods:[{name:`Item`,docblock:null,modifiers:[`static`],params:[{name:`{ label, value, withColon, required }: DetailItemProps`,optional:!1,type:{name:`DetailItemProps`,alias:`DetailItemProps`}}],returns:null}],displayName:`Detail`,props:{columnCount:{defaultValue:{value:`1`,computed:!1},required:!1},rowGap:{defaultValue:{value:`"none"`,computed:!1},required:!1},semantic:{defaultValue:{value:`"list"`,computed:!1},required:!1}}}})),k=e({BasicList:()=>M,CustomLabel:()=>F,MultipleColumns:()=>N,SemanticDl:()=>P,__namedExportsOrder:()=>I,default:()=>j}),A,j,M,N,P,F,I,L=n((()=>{O(),A=i(),j={title:`Shared/UI/Detail`,component:D,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`},className:{description:`Дополнительный CSS-класс списка.`,control:`text`}}},M={render:e=>(0,A.jsxs)(D,{...e,children:[(0,A.jsx)(D.Item,{required:!0,label:`Статус`,value:`Активен`}),(0,A.jsx)(D.Item,{label:`Приоритет`,value:`Высокий`}),(0,A.jsx)(D.Item,{label:`Автор`,value:`Иван Петров`})]}),args:{children:void 0}},N={render:e=>(0,A.jsxs)(D,{...e,children:[(0,A.jsx)(D.Item,{label:`ID`,value:`DOC-12345`}),(0,A.jsx)(D.Item,{label:`Дата`,value:`05.03.2026`}),(0,A.jsx)(D.Item,{label:`Версия`,value:`2.7`}),(0,A.jsx)(D.Item,{label:`Подразделение`,value:`Снабжение`}),(0,A.jsx)(D.Item,{label:`Регион`,value:`Урал`}),(0,A.jsx)(D.Item,{label:`Комментарий`,value:`Требуется согласование с бухгалтерией`})]}),args:{columnCount:2,rowGap:`small`,children:void 0}},P={render:e=>(0,A.jsxs)(D,{...e,children:[(0,A.jsx)(D.Item,{label:`Клиент`,value:`ООО Вектор`}),(0,A.jsx)(D.Item,{label:`Менеджер`,value:`Анна Смирнова`}),(0,A.jsx)(D.Item,{label:`Сумма`,value:`1 250 000 ₽`})]}),args:{semantic:`detail`,inline:!0,columnCount:1,children:void 0}},F={render:e=>(0,A.jsxs)(D,{...e,children:[(0,A.jsx)(D.Item,{label:(0,A.jsx)(`span`,{children:`Номер договора`}),value:`KTK-2026-045`}),(0,A.jsx)(D.Item,{label:(0,A.jsx)(`span`,{title:`Без двоеточия для составной метки`,children:`Статус`}),value:`На согласовании`,withColon:!1})]}),args:{children:void 0}},M.parameters={...M.parameters,docs:{...M.parameters?.docs,source:{originalSource:`{
1
+ import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{C as r}from"./iframe-DQGux9DR.js";import{t as i}from"./jsx-runtime-BBQGix-2.js";import{a,i as o}from"./utils-Dp9LQ47G.js";var s,c,l,u,d,f,p,m,h,g,_,v,y,b,x,S=n((()=>{s=`DyKaN-`,c=`_2Cf0DN`,l=`igyZiV`,u=`lFsl-5`,d=`zQlD1x`,f=`a6oRih`,p=`MYdzIV`,m=`Pxw-eb`,h=`Kz2K6S`,g=`Pbwja7`,_=`_1DseTb`,v=`h3oORx`,y=`gB9Kr4`,b=`V-PlLc`,x={detailList:s,none:c,small:l,normal:u,large:d,detail:f,dt:p,dd:m,textCenter:h,inline:g,start:_,center:v,end:y,noWrap:b}}));function C({label:e,value:t,withColon:n,required:r}){let{semantic:i,inline:o,noWrap:s,center:c,vertical:l=`center`,withColon:u=!0}=(0,w.useContext)(E),d=a(x.detail,c&&x.textCenter,o&&x.inline,s&&x.noWrap,x[l]),f=(0,T.jsxs)(T.Fragment,{children:[e,r&&(0,T.jsx)(`span`,{className:`statusError`,children:`*`}),(typeof n==`boolean`?n:u)&&`:`]});switch(i){case`detail`:return(0,T.jsxs)(`div`,{className:d,children:[(0,T.jsx)(`dt`,{className:x.dt,children:f}),(0,T.jsx)(`dd`,{className:x.dd,children:t})]});case`list`:return(0,T.jsxs)(`li`,{className:d,children:[(0,T.jsx)(`div`,{className:x.dt,children:f}),(0,T.jsx)(`div`,{className:x.dd,children:t})]});default:return(0,T.jsxs)(`div`,{className:d,children:[(0,T.jsx)(`div`,{className:x.dt,children:f}),(0,T.jsx)(`div`,{className:x.dd,children:t})]})}}var w,T,E,D,O=n((()=>{w=t(r(),1),o(),S(),T=i(),E=(0,w.createContext)({}),D=({children:e,columnCount:t=1,rowGap:n=`none`,semantic:r=`list`,className:i,...o})=>{let s=a(x.detailList,x[n],i),c={columnCount:Math.min(5,Math.max(1,t))},l=r===`detail`?(0,T.jsx)(`dl`,{className:s,style:c,children:e}):(0,T.jsx)(`ul`,{className:s,style:c,children:e});return(0,T.jsx)(E.Provider,{value:{...o,semantic:r},children:l})},D.Item=C,D.__docgenInfo={description:`Компонент для вывода пар «заголовок-значение» в одну или несколько колонок. Подходит для карточек сущностей, сводок и страниц просмотра.`,methods:[{name:`Item`,docblock:null,modifiers:[`static`],params:[{name:`{ label, value, withColon, required }: DetailItemProps`,optional:!1,type:{name:`DetailItemProps`,alias:`DetailItemProps`}}],returns:null}],displayName:`Detail`,props:{columnCount:{defaultValue:{value:`1`,computed:!1},required:!1},rowGap:{defaultValue:{value:`"none"`,computed:!1},required:!1},semantic:{defaultValue:{value:`"list"`,computed:!1},required:!1}}}})),k=e({BasicList:()=>M,CustomLabel:()=>F,MultipleColumns:()=>N,SemanticDl:()=>P,__namedExportsOrder:()=>I,default:()=>j}),A,j,M,N,P,F,I,L=n((()=>{O(),A=i(),j={title:`Shared/UI/Detail`,component:D,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`},className:{description:`Дополнительный CSS-класс списка.`,control:`text`}}},M={render:e=>(0,A.jsxs)(D,{...e,children:[(0,A.jsx)(D.Item,{required:!0,label:`Статус`,value:`Активен`}),(0,A.jsx)(D.Item,{label:`Приоритет`,value:`Высокий`}),(0,A.jsx)(D.Item,{label:`Автор`,value:`Иван Петров`})]}),args:{children:void 0}},N={render:e=>(0,A.jsxs)(D,{...e,children:[(0,A.jsx)(D.Item,{label:`ID`,value:`DOC-12345`}),(0,A.jsx)(D.Item,{label:`Дата`,value:`05.03.2026`}),(0,A.jsx)(D.Item,{label:`Версия`,value:`2.7`}),(0,A.jsx)(D.Item,{label:`Подразделение`,value:`Снабжение`}),(0,A.jsx)(D.Item,{label:`Регион`,value:`Урал`}),(0,A.jsx)(D.Item,{label:`Комментарий`,value:`Требуется согласование с бухгалтерией`})]}),args:{columnCount:2,rowGap:`small`,children:void 0}},P={render:e=>(0,A.jsxs)(D,{...e,children:[(0,A.jsx)(D.Item,{label:`Клиент`,value:`ООО Вектор`}),(0,A.jsx)(D.Item,{label:`Менеджер`,value:`Анна Смирнова`}),(0,A.jsx)(D.Item,{label:`Сумма`,value:`1 250 000 ₽`})]}),args:{semantic:`detail`,inline:!0,columnCount:1,children:void 0}},F={render:e=>(0,A.jsxs)(D,{...e,children:[(0,A.jsx)(D.Item,{label:(0,A.jsx)(`span`,{children:`Номер договора`}),value:`KTK-2026-045`}),(0,A.jsx)(D.Item,{label:(0,A.jsx)(`span`,{title:`Без двоеточия для составной метки`,children:`Статус`}),value:`На согласовании`,withColon:!1})]}),args:{children:void 0}},M.parameters={...M.parameters,docs:{...M.parameters?.docs,source:{originalSource:`{
2
2
  render: args => <Detail {...args}>
3
3
  <Detail.Item required label="Статус" value="Активен" />
4
4
  <Detail.Item label="Приоритет" value="Высокий" />
@@ -1,4 +1,4 @@
1
- import{i as e}from"./preload-helper-B45gAKPr.js";import{E as t,a as n,d as r,f as i,l as a,m as o,n as s,p as c,r as l,u}from"./blocks-Lc8OH6Kn.js";import{t as d}from"./jsx-runtime-BBQGix-2.js";import{t as f}from"./mdx-react-shim-DLwoEMcU.js";import{Controlled as p,Opened as m,n as h,t as g}from"./Dialog.stories-fqipFzyg.js";function _(e){let o={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...t(),...e.components};return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(a,{of:g,parameters:{docs:{toc:!0}}}),`
1
+ import{i as e}from"./preload-helper-B45gAKPr.js";import{E as t,a as n,d as r,f as i,l as a,m as o,n as s,p as c,r as l,u}from"./blocks-DqCdcDDe.js";import{t as d}from"./jsx-runtime-BBQGix-2.js";import{t as f}from"./mdx-react-shim-OlNc3VgM.js";import{Controlled as p,Opened as m,n as h,t as g}from"./Dialog.stories-OH7rS0C0.js";function _(e){let o={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...t(),...e.components};return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(a,{of:g,parameters:{docs:{toc:!0}}}),`
2
2
  `,(0,y.jsx)(c,{children:`Dialog`}),`
3
3
  `,(0,y.jsx)(i,{children:`Легковесное диалоговое окно для коротких подтверждений и критичных действий`}),`
4
4
  `,(0,y.jsx)(o.p,{children:`Dialog уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
@@ -1,4 +1,4 @@
1
- import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{C as r}from"./iframe--uVUQxom.js";import{t as i}from"./react-dom-Bs81e7_0.js";import{t as a}from"./jsx-runtime-BBQGix-2.js";import{a as o,i as s,r as c,s as l}from"./error-C7_wICEB.js";import{t as u}from"./Button-CxnsMm79.js";import{t as d}from"./button-BugzrKtF.js";function f({title:e,description:t,open:n,onClose:r,minWidth:i,children:a}){let o=(0,p.useId)(),u=(0,p.useId)(),d=l({active:n,trapFocus:!0,restoreFocus:!0,initialFocus:`auto`});if(s({active:n,onDismiss:r,containerRef:d}),!n||typeof document>`u`)return null;let f=c(`dialog-root`);return f?(0,m.createPortal)((0,h.jsx)(`div`,{className:`fixed inset0 flexCenter surfaceBackdrop`,style:{zIndex:`var(--z-dialog)`},onMouseDown:e=>e.target===e.currentTarget&&r(),children:(0,h.jsxs)(`div`,{ref:d,role:`dialog`,"aria-modal":`true`,"aria-labelledby":e?o:void 0,"aria-describedby":t?u:void 0,tabIndex:-1,className:`surface0 shadowMd paddingLg radiusSm`,style:{minWidth:i},children:[e&&(0,h.jsx)(`h2`,{id:o,className:`margin0`,children:e}),t&&(0,h.jsx)(`p`,{id:u,children:t}),a]})}),f):null}var p,m,h,g=n((()=>{p=t(r(),1),o(),m=t(i(),1),h=a()})),_=e({Controlled:()=>x,Opened:()=>S,__namedExportsOrder:()=>C,default:()=>b}),v,y,b,x,S,C,w=n((()=>{v=t(r(),1),d(),g(),y=a(),b={title:`Shared/UI/Dialog`,component:f,args:{title:`Подтверждение операции`,description:`Проверьте параметры перед выполнением действия.`,open:!1,onClose:()=>{},minWidth:360,children:(0,y.jsx)(`div`,{children:`Содержимое диалога`})},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{title:{description:`Заголовок диалогового окна.`,control:`text`},description:{description:`Описание под заголовком.`,control:`text`},open:{description:`Управляет видимостью диалога.`,control:`boolean`},onClose:{description:`Вызывается при закрытии диалога.`,control:!1},minWidth:{description:`Минимальная ширина контейнера окна.`,control:`text`},children:{description:`Контент внутри диалогового окна.`,control:!1}}},x={render:e=>{let[t,n]=(0,v.useState)(!1);return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(u,{onClick:()=>n(!0),children:`Открыть диалог`}),(0,y.jsx)(f,{...e,open:t,onClose:()=>n(!1),children:(0,y.jsxs)(`div`,{children:[(0,y.jsx)(`p`,{children:`Подтвердите выполнение действия.`}),(0,y.jsxs)(`div`,{style:{display:`flex`,gap:8,justifyContent:`flex-end`},children:[(0,y.jsx)(u,{variant:`transparent`,onClick:()=>n(!1),children:`Отмена`}),(0,y.jsx)(u,{variant:`success`,onClick:()=>n(!1),children:`Подтвердить`})]})]})})]})}},S={render:e=>{let[t,n]=(0,v.useState)(!0);return(0,y.jsx)(f,{...e,open:t,onClose:()=>n(!1),children:(0,y.jsx)(`div`,{children:`Диалог изначально открыт для демонстрации верстки.`})})},args:{open:!0}},x.parameters={...x.parameters,docs:{...x.parameters?.docs,source:{originalSource:`{
1
+ import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{C as r}from"./iframe-DQGux9DR.js";import{t as i}from"./react-dom-CPwl-cAa.js";import{t as a}from"./jsx-runtime-BBQGix-2.js";import{a as o,i as s,r as c,s as l}from"./error-DgeBniGS.js";import{t as u}from"./Button-BRTJwOoL.js";import{t as d}from"./button-DOwq47jG.js";function f({title:e,description:t,open:n,onClose:r,minWidth:i,children:a}){let o=(0,p.useId)(),u=(0,p.useId)(),d=l({active:n,trapFocus:!0,restoreFocus:!0,initialFocus:`auto`});if(s({active:n,onDismiss:r,containerRef:d}),!n||typeof document>`u`)return null;let f=c(`dialog-root`);return f?(0,m.createPortal)((0,h.jsx)(`div`,{className:`fixed inset0 flexCenter surfaceBackdrop`,style:{zIndex:`var(--z-dialog)`},onMouseDown:e=>e.target===e.currentTarget&&r(),children:(0,h.jsxs)(`div`,{ref:d,role:`dialog`,"aria-modal":`true`,"aria-labelledby":e?o:void 0,"aria-describedby":t?u:void 0,tabIndex:-1,className:`surface0 shadowMd paddingLg radiusSm`,style:{minWidth:i},children:[e&&(0,h.jsx)(`h2`,{id:o,className:`margin0`,children:e}),t&&(0,h.jsx)(`p`,{id:u,children:t}),a]})}),f):null}var p,m,h,g=n((()=>{p=t(r(),1),o(),m=t(i(),1),h=a()})),_=e({Controlled:()=>x,Opened:()=>S,__namedExportsOrder:()=>C,default:()=>b}),v,y,b,x,S,C,w=n((()=>{v=t(r(),1),d(),g(),y=a(),b={title:`Shared/UI/Dialog`,component:f,args:{title:`Подтверждение операции`,description:`Проверьте параметры перед выполнением действия.`,open:!1,onClose:()=>{},minWidth:360,children:(0,y.jsx)(`div`,{children:`Содержимое диалога`})},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{title:{description:`Заголовок диалогового окна.`,control:`text`},description:{description:`Описание под заголовком.`,control:`text`},open:{description:`Управляет видимостью диалога.`,control:`boolean`},onClose:{description:`Вызывается при закрытии диалога.`,control:!1},minWidth:{description:`Минимальная ширина контейнера окна.`,control:`text`},children:{description:`Контент внутри диалогового окна.`,control:!1}}},x={render:e=>{let[t,n]=(0,v.useState)(!1);return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(u,{onClick:()=>n(!0),children:`Открыть диалог`}),(0,y.jsx)(f,{...e,open:t,onClose:()=>n(!1),children:(0,y.jsxs)(`div`,{children:[(0,y.jsx)(`p`,{children:`Подтвердите выполнение действия.`}),(0,y.jsxs)(`div`,{style:{display:`flex`,gap:8,justifyContent:`flex-end`},children:[(0,y.jsx)(u,{variant:`transparent`,onClick:()=>n(!1),children:`Отмена`}),(0,y.jsx)(u,{variant:`success`,onClick:()=>n(!1),children:`Подтвердить`})]})]})})]})}},S={render:e=>{let[t,n]=(0,v.useState)(!0);return(0,y.jsx)(f,{...e,open:t,onClose:()=>n(!1),children:(0,y.jsx)(`div`,{children:`Диалог изначально открыт для демонстрации верстки.`})})},args:{open:!0}},x.parameters={...x.parameters,docs:{...x.parameters?.docs,source:{originalSource:`{
2
2
  render: args => {
3
3
  const [open, setOpen] = useState(false);
4
4
  return <>
@@ -0,0 +1,32 @@
1
+ import{i as e}from"./preload-helper-B45gAKPr.js";import{E as t,a as n,d as r,f as i,l as a,m as o,n as s,p as c,r as l,u}from"./blocks-DqCdcDDe.js";import{t as d}from"./jsx-runtime-BBQGix-2.js";import{t as f}from"./mdx-react-shim-OlNc3VgM.js";import{Basic as p,Group as m,HeaderActions as h,n as g,t as _}from"./Disclosure.stories-Bdn9UfkS.js";function v(e){let o={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...t(),...e.components};return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(a,{of:_,parameters:{docs:{toc:!0}}}),`
2
+ `,(0,b.jsx)(c,{children:`Disclosure`}),`
3
+ `,(0,b.jsx)(i,{children:`Практическая документация по компоненту Disclosure и его сценариям использования`}),`
4
+ `,(0,b.jsx)(o.p,{children:`Disclosure уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
5
+ Ниже можно быстро проверить базовый сценарий, а затем перейти к отдельным режимам использования и состояниям компонента.`}),`
6
+ `,(0,b.jsx)(o.h2,{id:`основной-сценарий`,children:`Основной сценарий`}),`
7
+ `,(0,b.jsx)(u,{}),`
8
+ `,(0,b.jsx)(n,{of:p}),`
9
+ `,(0,b.jsx)(o.pre,{children:(0,b.jsx)(o.code,{className:`language-tsx`,children:`import { Disclosure } from "@/shared/ui";
10
+
11
+ export function Example() {
12
+ return <Disclosure />;
13
+ }
14
+ `})}),`
15
+ `,(0,b.jsx)(o.h2,{id:`практические-рекомендации`,children:`Практические рекомендации`}),`
16
+ `,(0,b.jsxs)(o.ul,{children:[`
17
+ `,(0,b.jsx)(o.li,{children:`Начните с базового сценария ниже, а затем проверьте в stories те состояния, которые реально используются в вашем экране.`}),`
18
+ `]}),`
19
+ `,(0,b.jsx)(o.h2,{id:`сценарии-использования`,children:`Сценарии использования`}),`
20
+ `,(0,b.jsx)(o.h3,{id:`базовый-сценарий-без-дополнительной-логики`,children:`Базовый сценарий без дополнительной логики`}),`
21
+ `,(0,b.jsx)(o.p,{children:`Базовый сценарий без дополнительной логики.`}),`
22
+ `,(0,b.jsx)(l,{of:p}),`
23
+ `,(0,b.jsx)(o.h3,{id:`работа-группы-взаимосвязанных-элементов`,children:`Работа группы взаимосвязанных элементов`}),`
24
+ `,(0,b.jsx)(o.p,{children:`Работа группы взаимосвязанных элементов.`}),`
25
+ `,(0,b.jsx)(l,{of:m}),`
26
+ `,(0,b.jsx)(o.h3,{id:`независимые-действия-в-заголовке`,children:`Независимые действия в заголовке`}),`
27
+ `,(0,b.jsxs)(o.p,{children:[(0,b.jsx)(o.code,{children:`headerActions`}),` размещает кнопки справа от toggle-кнопки. Действия получают собственный focus и не изменяют состояние раскрытия.`]}),`
28
+ `,(0,b.jsx)(l,{of:h}),`
29
+ `,(0,b.jsx)(o.h2,{id:`api`,children:`API`}),`
30
+ `,(0,b.jsx)(s,{of:_}),`
31
+ `,(0,b.jsx)(o.h2,{id:`все-сторисы`,children:`Все сторисы`}),`
32
+ `,(0,b.jsx)(r,{includePrimary:!1})]})}function y(e={}){let{wrapper:n}={...t(),...e.components};return n?(0,b.jsx)(n,{...e,children:(0,b.jsx)(v,{...e})}):v(e)}var b;e((()=>{b=d(),f(),o(),g()}))();export{y as default};
@@ -0,0 +1 @@
1
+ .O-da-N{--ui-panel-background:var(--surface-2);box-shadow:none}.P-rCx1{align-items:center;display:flex}._9yjaDf{flex:auto;justify-content:flex-start;align-items:center;min-width:0;display:flex}._9yjaDf:hover{color:var(--content-accent)}.izVkky{flex:none;align-items:center;padding-inline-end:var(--space-sm);display:flex}.KAIPfW>.O-da-N{border-radius:0}.KAIPfW>.O-da-N:not(:first-child){border-top:none}.KAIPfW>.O-da-N:first-child{border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm)}.KAIPfW>.O-da-N:last-child{border-bottom-left-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}