@ryuzaki13/react-foundation-ui 1.2.7 → 1.2.8

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 (286) hide show
  1. package/package.json +5 -1
  2. package/storybook-static/addon-visual-tests-assets/visual-test-illustration.mp4 +0 -0
  3. package/storybook-static/assets/Badge-BqGrcxAM.js +139 -0
  4. package/storybook-static/assets/Badge.stories-D-4FPPMr.js +51 -0
  5. package/storybook-static/assets/Button-Dk2YMZua.js +12 -0
  6. package/storybook-static/assets/{Button-R2ebF86Y.js → Button-iCkwBEDP.js} +47 -47
  7. package/storybook-static/assets/Button.stories-BkV_xVnD.js +75 -0
  8. package/storybook-static/assets/{CheckBox-CaI3XPfw.js → CheckBox-BQhsynyB.js} +1 -1
  9. package/storybook-static/assets/{CheckBox-jIOKCtKS.js → CheckBox-C-f5AsCI.js} +31 -31
  10. package/storybook-static/assets/CheckBox.stories-7V9WkaKi.js +60 -0
  11. package/storybook-static/assets/Color-KMSTOMOX-CYcFidZH.js +1 -0
  12. package/storybook-static/assets/ContextMenu-DinzhWx_.js +40 -0
  13. package/storybook-static/assets/{ContextMenu.stories-DuHhaMZG.js → ContextMenu.stories-B9O_FkLB.js} +1 -1
  14. package/storybook-static/assets/DateInput-BT_5pRV0.js +40 -0
  15. package/storybook-static/assets/DateInput-CvJvdtwa.js +1 -0
  16. package/storybook-static/assets/{DateInput.stories-DA4m_bt-.js → DateInput.stories-BDKMX9K3.js} +1 -1
  17. package/storybook-static/assets/DateRangePresetSelect-Bck3ITZr.js +30 -0
  18. package/storybook-static/assets/DateRangePresetSelect-CPZ6FKGz.js +3 -0
  19. package/storybook-static/assets/DateRangePresetSelect.stories-D5fRZmWy.js +11 -0
  20. package/storybook-static/assets/Detail-DBH4WUCF.js +40 -0
  21. package/storybook-static/assets/Detail.stories-Kvnqo8Un.js +44 -0
  22. package/storybook-static/assets/{Dialog-DRwO9iJS.js → Dialog-Cv_od09Q.js} +22 -22
  23. package/storybook-static/assets/Dialog.stories-CY8mr-2o.js +31 -0
  24. package/storybook-static/assets/Disclosure-BVz61VJq.js +32 -0
  25. package/storybook-static/assets/{Disclosure.stories-Bu_i_1U_.js → Disclosure.stories-CufTvUiK.js} +2 -2
  26. package/storybook-static/assets/DocsRenderer-JROSPFPF-BJw82UhU.js +2 -0
  27. package/storybook-static/assets/DropZone-DOvkWmBD.js +36 -0
  28. package/storybook-static/assets/{DropZone.stories-DlaN01G9.js → DropZone.stories-K1bqdB2U.js} +2 -2
  29. package/storybook-static/assets/DropdownMenu-Cx08nIaY.js +1 -0
  30. package/storybook-static/assets/{ExpandableActionPanel.stories-DzfL1phg.js → ExpandableActionPanel.stories-BZ3P24ES.js} +2 -2
  31. package/storybook-static/assets/Flex-Brzvr0YX.js +3 -0
  32. package/storybook-static/assets/Flex-CVjyrD9i.js +61 -0
  33. package/storybook-static/assets/{Flex.stories-BYls_CQf.js → Flex.stories-B9dkwuh5.js} +1 -1
  34. package/storybook-static/assets/{Grid-C-xko03k.js → Grid-DhASlspp.js} +1 -1
  35. package/storybook-static/assets/Grid-blnYLgOs.js +61 -0
  36. package/storybook-static/assets/{Grid.stories-D_D0IapG.js → Grid.stories-DafgjrQm.js} +1 -1
  37. package/storybook-static/assets/{ImageCropper.stories-CswLqd0C.js → ImageCropper.stories-638pLg4D.js} +1 -1
  38. package/storybook-static/assets/ImageRenderer-C6DwGwQl.js +2 -0
  39. package/storybook-static/assets/{ImageRenderer.stories-Bw_FhRQS.js → ImageRenderer.stories-DJJiqQFU.js} +1 -1
  40. package/storybook-static/assets/{ImageView.stories-W43xyxSy.js → ImageView.stories-DVeX-CzY.js} +1 -1
  41. package/storybook-static/assets/{ImageViewer.stories-p81pm72u.js → ImageViewer.stories-NqiR5Eyj.js} +2 -2
  42. package/storybook-static/assets/{ImageViewerRuntime-DkG2C2vh.js → ImageViewerRuntime-C0uGYGQl.js} +2 -2
  43. package/storybook-static/assets/Input-4QsBT-dh.js +39 -0
  44. package/storybook-static/assets/Input-CjJUuLEX.js +3 -0
  45. package/storybook-static/assets/Input.stories-DX8FX7AI.js +38 -0
  46. package/storybook-static/assets/InputDateTime-C6cR1WP9.js +39 -0
  47. package/storybook-static/assets/InputDateTime.stories-DPK8Y5p2.js +35 -0
  48. package/storybook-static/assets/{InputFile-ZiotxlMe.js → InputFile-BwI_udQQ.js} +26 -26
  49. package/storybook-static/assets/InputFile.stories-BdWP2iBM.js +36 -0
  50. package/storybook-static/assets/InputFiles-CPY6AJQJ.js +1 -0
  51. package/storybook-static/assets/{InputFiles-DWUxFStB.js → InputFiles-CfmNIDk_.js} +26 -26
  52. package/storybook-static/assets/InputFiles.stories-DnXD0hgD.js +33 -0
  53. package/storybook-static/assets/{InputImage-DmGIfR7v.js → InputImage-CgjrjJiq.js} +26 -26
  54. package/storybook-static/assets/{InputImage.stories-BD6OuYSL.js → InputImage.stories-CFHzEXGv.js} +1 -1
  55. package/storybook-static/assets/LayoutPicker-BfwRb9HQ.js +66 -0
  56. package/storybook-static/assets/{LayoutPicker.stories-CHQeF27J.js → LayoutPicker.stories-C9sMcU1k.js} +3 -3
  57. package/storybook-static/assets/Listbox-B2FoYInE.js +38 -0
  58. package/storybook-static/assets/Listbox.stories-BnGRDEMg.js +47 -0
  59. package/storybook-static/assets/{Modal-Cu6UplI8.js → Modal-Bd8v3vU8.js} +32 -32
  60. package/storybook-static/assets/Modal.stories-CmYJeAAz.js +180 -0
  61. package/storybook-static/assets/MultiSelect-BeRfLM-g.js +2 -0
  62. package/storybook-static/assets/MultiSelect-Bswj23vq.js +56 -0
  63. package/storybook-static/assets/MultiSelect.stories-iKlesibJ.js +29 -0
  64. package/storybook-static/assets/{NotificationsHost-CzBey-gZ.js → NotificationsHost-Cf0puFJk.js} +22 -22
  65. package/storybook-static/assets/NotificationsHost.stories-DX1niytc.js +25 -0
  66. package/storybook-static/assets/ODataMultiSelect-BvFXZlGZ.js +53 -0
  67. package/storybook-static/assets/ODataMultiSelect-CiZ3aEy3.js +1 -0
  68. package/storybook-static/assets/ODataMultiSelect.stories-BcRrzHnf.js +73 -0
  69. package/storybook-static/assets/ODataSelect-Bo0yPtod.js +1 -0
  70. package/storybook-static/assets/{ODataSelect-BTue1iaA.js → ODataSelect-DgH5G-C_.js} +32 -32
  71. package/storybook-static/assets/ODataSelect.stories-DEOly20_.js +73 -0
  72. package/storybook-static/assets/ODataTreeMultiSelect-IKfvxL7p.js +17 -0
  73. package/storybook-static/assets/ODataTreeMultiSelect.stories-uPDVAyMu.js +28 -0
  74. package/storybook-static/assets/ODataTreeSelect-BujgjSkl.js +16 -0
  75. package/storybook-static/assets/ODataTreeSelect.stories-BzlUExoW.js +21 -0
  76. package/storybook-static/assets/{PeriodSelect-BMZas-k8.js → PeriodSelect-BJIPDLq1.js} +31 -31
  77. package/storybook-static/assets/{PeriodSelect.stories-3w66x0Wx.js → PeriodSelect.stories-D12q6-YO.js} +1 -1
  78. package/storybook-static/assets/{Popover-Cp69zYWt.js → Popover-D25DhaiJ.js} +29 -29
  79. package/storybook-static/assets/{Popover.stories-Dm2olc8x.js → Popover.stories-CF3zUe0j.js} +1 -1
  80. package/storybook-static/assets/{PresetRangeDateInput-7DV2qzpJ.js → PresetRangeDateInput-CDw6HtWA.js} +19 -19
  81. package/storybook-static/assets/PresetRangeDateInput.stories-BQZI6HOn.js +15 -0
  82. package/storybook-static/assets/{RadioButton-CZgaZarn.js → RadioButton-BgEBxZJi.js} +27 -27
  83. package/storybook-static/assets/{RadioButton.stories-DRGhwy-6.js → RadioButton.stories-BkFGEJXb.js} +2 -2
  84. package/storybook-static/assets/{RadioGroup-B9pw-kxR.js → RadioGroup-C-K84fCC.js} +26 -26
  85. package/storybook-static/assets/RadioGroup-Jq-lWcgE.js +1 -0
  86. package/storybook-static/assets/RadioGroup.stories-DyuW8DaF.js +42 -0
  87. package/storybook-static/assets/Select-BrRZA3Up.js +12 -0
  88. package/storybook-static/assets/{Select-DcRA8coi.js → Select-ChYAdfkx.js} +35 -35
  89. package/storybook-static/assets/Select.stories-D-onxXmT.js +46 -0
  90. package/storybook-static/assets/SelectOptionContent-Cwd0p14r.js +1 -0
  91. package/storybook-static/assets/SerializableSelect-CcBh49iS.js +4 -0
  92. package/storybook-static/assets/{SerializableSelect-BFMP4RoU.js → SerializableSelect-D9BlCZ4x.js} +32 -32
  93. package/storybook-static/assets/SerializableSelect.stories-BXMFTNDx.js +43 -0
  94. package/storybook-static/assets/SingleDateTimeInput-cHIGelrz.js +53 -0
  95. package/storybook-static/assets/SingleDateTimeInput.stories-BdPyEPUr.js +78 -0
  96. package/storybook-static/assets/Slider-Cb_nb9P2.js +63 -0
  97. package/storybook-static/assets/Slider.stories-CoKGxwRT.js +77 -0
  98. package/storybook-static/assets/SliderInput-DyxDl1Mo.js +58 -0
  99. package/storybook-static/assets/{SliderInput.stories-CDS4YS_3.js → SliderInput.stories-DgbBm38V.js} +1 -1
  100. package/storybook-static/assets/Sortable-DC3bPcbn.js +72 -0
  101. package/storybook-static/assets/{Sortable.stories--yPzhn7U.js → Sortable.stories-B_IhqW5F.js} +1 -1
  102. package/storybook-static/assets/{Splitter-6_oQu3c4.js → Splitter-CGw6p5-z.js} +39 -39
  103. package/storybook-static/assets/Splitter.stories-DNlOAJY9.js +22 -0
  104. package/storybook-static/assets/{StateSelect-ClrBKHfD.js → StateSelect-cU_bLcpU.js} +25 -25
  105. package/storybook-static/assets/{StateSelect.stories-DtpIwsdv.js → StateSelect.stories-D0Z05ltu.js} +2 -2
  106. package/storybook-static/assets/Switch-C-3mRPBf.js +36 -0
  107. package/storybook-static/assets/Switch.stories-Csqx8bKj.js +26 -0
  108. package/storybook-static/assets/Table-4x8XIQpa.js +197 -0
  109. package/storybook-static/assets/{Table.stories-BZOmuXFd.js → Table.stories-DLsx7_5W.js} +1 -1
  110. package/storybook-static/assets/Tabs-BYxa2MdO.js +72 -0
  111. package/storybook-static/assets/{Tabs.stories-p59QJ2Tc.js → Tabs.stories-Bs2uE5X2.js} +1 -1
  112. package/storybook-static/assets/TagInput.stories-8_Uk7z4a.js +18 -0
  113. package/storybook-static/assets/{Textarea-DtmMCSxT.js → Textarea-C9do4TkE.js} +26 -26
  114. package/storybook-static/assets/Textarea.stories-khYPBnjL.js +27 -0
  115. package/storybook-static/assets/TimePanel-DAQw6BvJ.js +1 -0
  116. package/storybook-static/assets/{TimePanel.stories-D2scop0x.js → TimePanel.stories-D8uZoVpL.js} +1 -1
  117. package/storybook-static/assets/{Toggle-C9Yg9JE_.js → Toggle-C4pQIuyy.js} +26 -26
  118. package/storybook-static/assets/Toggle.stories-DhF17j-W.js +30 -0
  119. package/storybook-static/assets/TreeMultiSelect-B6_6vRxE.js +15 -0
  120. package/storybook-static/assets/TreeMultiSelect-Drs35VVA.js +1 -0
  121. package/storybook-static/assets/TreeMultiSelect.stories-D6YSwiei.js +31 -0
  122. package/storybook-static/assets/{TreePickerBase-p_zyJtun.js → TreePickerBase-DCognf3p.js} +2 -2
  123. package/storybook-static/assets/TreeSelect-CAAu7_OB.js +15 -0
  124. package/storybook-static/assets/TreeSelect-DxdqUuJ6.js +1 -0
  125. package/storybook-static/assets/TreeSelect.stories-BqF-qAB9.js +16 -0
  126. package/storybook-static/assets/TreeTable-TKNA-uIN.js +175 -0
  127. package/storybook-static/assets/{TreeTable.stories-BZLmxdzp.js → TreeTable.stories-yeAD18Zw.js} +2 -2
  128. package/storybook-static/assets/WithTooltip-7X4HQR7L-CxfB6hD8.js +9 -0
  129. package/storybook-static/assets/{base-table-C7bVdENP.js → base-table-ByITBr1J.js} +1 -1
  130. package/storybook-static/assets/blocks-0RiOsxIK.js +285 -0
  131. package/storybook-static/assets/button-B1ZGqKIL.js +1 -0
  132. package/storybook-static/assets/{check-box-B71d1lgw.js → check-box-NnScD6BH.js} +1 -1
  133. package/storybook-static/assets/chunk-3LY4VQVK-DprWWQ6L.js +6 -0
  134. package/storybook-static/assets/{chunk-LITCR56V-kr_6KJh-.js → chunk-LITCR56V-CsoWERay.js} +2 -2
  135. package/storybook-static/assets/contextMenu-B7OY9AUe.js +2 -0
  136. package/storybook-static/assets/error-B-BZQLMk.js +1 -0
  137. package/storybook-static/assets/flex-DjZzX5cW.js +1 -0
  138. package/storybook-static/assets/floating-ui.react-6aWiJn-w.js +1 -0
  139. package/storybook-static/assets/formatter-L2YTDE3Q-Bhbxmhyr.js +1 -0
  140. package/storybook-static/assets/{formatters-Br290Dmy.js → formatters-3Nbt_zpw.js} +1 -1
  141. package/storybook-static/assets/grid-CXx-3eN4.js +1 -0
  142. package/storybook-static/assets/{hooks-DzbwAWAd.js → hooks-cOC2wx_S.js} +1 -1
  143. package/storybook-static/assets/{iframe-B1Ua6ocI.js → iframe-GmIo3IOR.js} +199 -197
  144. package/storybook-static/assets/input-BZoBzauA.js +1 -0
  145. package/storybook-static/assets/{mdx-react-shim-DHWnLJR9.js → mdx-react-shim-DQ40dZsI.js} +1 -1
  146. package/storybook-static/assets/media-CaNRzUMK.js +1 -0
  147. package/storybook-static/assets/misc-DSZ85X5k.js +5 -0
  148. package/storybook-static/assets/notifications-dwTsOfAG.js +1 -0
  149. package/storybook-static/assets/odata-BXYPW5TY.js +1 -0
  150. package/storybook-static/assets/odata-service-CdmjwNQZ.js +1 -0
  151. package/storybook-static/assets/{odataStoryFixtures-DS1zYaZm.js → odataStoryFixtures-qHROzCso.js} +1 -1
  152. package/storybook-static/assets/picker-Ly9fNo5I.js +2 -0
  153. package/storybook-static/assets/popover-hHS3Q1Eb.js +2 -0
  154. package/storybook-static/assets/preset-select-DSUOhzZJ.js +5 -0
  155. package/storybook-static/assets/{react-18-D4G2zUNp.js → react-18-C8dLShAR.js} +1 -1
  156. package/storybook-static/assets/react-CufbfMTd.js +9 -0
  157. package/storybook-static/assets/react-dom-B1EOrd4K.js +1 -0
  158. package/storybook-static/assets/select-CjW1dQXg.js +1 -0
  159. package/storybook-static/assets/slider-CKtA1jkD.js +2 -0
  160. package/storybook-static/assets/sortable-C7z1FJM0.js +1 -0
  161. package/storybook-static/assets/{syntaxhighlighter-RTCFPKCB-D-6cX_EQ.js → syntaxhighlighter-RTCFPKCB-DUS1jW_J.js} +2 -2
  162. package/storybook-static/assets/text-Cw7Vu082.js +4 -0
  163. package/storybook-static/assets/theming-Ce0TAFtT.js +39 -0
  164. package/storybook-static/assets/ui-Dlg5NgOB.js +1 -0
  165. package/storybook-static/assets/useODataSelectBase-BE8nJXZo.js +1 -0
  166. package/storybook-static/assets/useODataTreeData-Dli9NQVP.js +1 -0
  167. package/storybook-static/assets/utils-B73_kE2n.js +1 -0
  168. package/storybook-static/iframe.html +2 -2
  169. package/storybook-static/index.html +16 -6
  170. package/storybook-static/index.json +1 -1
  171. package/storybook-static/project.json +1 -1
  172. package/storybook-static/sb-addons/chromatic-com-storybook-1/manager-bundle.js +352 -0
  173. package/storybook-static/sb-addons/chromatic-com-storybook-1/manager-bundle.js.LEGAL.txt +31 -0
  174. package/storybook-static/sb-addons/vitest-4/manager-bundle.js +3 -0
  175. package/storybook-static/assets/Badge-BNG4jaAG.js +0 -139
  176. package/storybook-static/assets/Badge.stories-DBR_TCrU.js +0 -51
  177. package/storybook-static/assets/Button-CV6qRYrS.js +0 -12
  178. package/storybook-static/assets/Button.stories-BxQyR9Jj.js +0 -75
  179. package/storybook-static/assets/CheckBox.stories-B53ABl5i.js +0 -60
  180. package/storybook-static/assets/Color-KMSTOMOX-Cyl8cJgb.js +0 -1
  181. package/storybook-static/assets/ContextMenu-BwtAOupO.js +0 -40
  182. package/storybook-static/assets/DateInput-BdC-rKjp.js +0 -40
  183. package/storybook-static/assets/DateInput-Bn8ERC92.js +0 -1
  184. package/storybook-static/assets/DateRangePresetSelect-9x2PXji2.js +0 -3
  185. package/storybook-static/assets/DateRangePresetSelect-BAxLf-sI.js +0 -30
  186. package/storybook-static/assets/DateRangePresetSelect.stories-Cpm9i1Gs.js +0 -11
  187. package/storybook-static/assets/Detail-jSNmxeK-.js +0 -40
  188. package/storybook-static/assets/Detail.stories-CnI5n5T5.js +0 -44
  189. package/storybook-static/assets/Dialog.stories-BzFqMgrU.js +0 -31
  190. package/storybook-static/assets/Disclosure-BbjuwgPN.js +0 -32
  191. package/storybook-static/assets/DocsRenderer-JROSPFPF-BijI6psg.js +0 -2
  192. package/storybook-static/assets/DropZone-8RM16_68.js +0 -36
  193. package/storybook-static/assets/DropdownMenu-COmcfMmT.js +0 -1
  194. package/storybook-static/assets/Flex-BQBzh4Tr.js +0 -3
  195. package/storybook-static/assets/Flex-CHaV6K7m.js +0 -61
  196. package/storybook-static/assets/Grid-DloPlrCB.js +0 -61
  197. package/storybook-static/assets/ImageRenderer-DbFiaYXn.js +0 -2
  198. package/storybook-static/assets/Input--cNyU-Ag.js +0 -3
  199. package/storybook-static/assets/Input-ZH34LSnz.js +0 -39
  200. package/storybook-static/assets/Input.stories-DM-fUL_7.js +0 -38
  201. package/storybook-static/assets/InputDateTime-BZGJSifI.js +0 -39
  202. package/storybook-static/assets/InputDateTime.stories-BVdDIO_9.js +0 -35
  203. package/storybook-static/assets/InputFile.stories-CU0wd7SJ.js +0 -36
  204. package/storybook-static/assets/InputFiles-B3vHz3jd.js +0 -1
  205. package/storybook-static/assets/InputFiles.stories-DfzkzBu8.js +0 -33
  206. package/storybook-static/assets/LayoutPicker-DO0Hq5wg.js +0 -66
  207. package/storybook-static/assets/Listbox-BoBf1VYa.js +0 -38
  208. package/storybook-static/assets/Listbox.stories-Cs6ABkXs.js +0 -47
  209. package/storybook-static/assets/Modal.stories-DDHOCfX1.js +0 -180
  210. package/storybook-static/assets/MultiSelect-BVATOh-_.js +0 -2
  211. package/storybook-static/assets/MultiSelect-Dkv3SI5J.js +0 -56
  212. package/storybook-static/assets/MultiSelect.stories-CPNipIbC.js +0 -29
  213. package/storybook-static/assets/NotificationsHost.stories-CeRXDmBa.js +0 -25
  214. package/storybook-static/assets/ODataMultiSelect-BIDgmui6.js +0 -53
  215. package/storybook-static/assets/ODataMultiSelect-U8WlXc3y.js +0 -1
  216. package/storybook-static/assets/ODataMultiSelect.stories-DmeX7-ss.js +0 -73
  217. package/storybook-static/assets/ODataSelect-BO4av_hn.js +0 -1
  218. package/storybook-static/assets/ODataSelect.stories-DpQp77ZX.js +0 -73
  219. package/storybook-static/assets/ODataTreeMultiSelect-tcWnebHq.js +0 -17
  220. package/storybook-static/assets/ODataTreeMultiSelect.stories-C6of8u9F.js +0 -28
  221. package/storybook-static/assets/ODataTreeSelect-B88XSjq4.js +0 -16
  222. package/storybook-static/assets/ODataTreeSelect.stories-CXN2zOja.js +0 -21
  223. package/storybook-static/assets/PresetRangeDateInput.stories-CWwkINdd.js +0 -15
  224. package/storybook-static/assets/RadioGroup-DPNg9UXg.js +0 -1
  225. package/storybook-static/assets/RadioGroup.stories-D_nQ2UMX.js +0 -42
  226. package/storybook-static/assets/Select-C5DH0hMi.js +0 -12
  227. package/storybook-static/assets/Select.stories-BxlItwVq.js +0 -46
  228. package/storybook-static/assets/SelectOptionContent-RFIk8-W0.js +0 -1
  229. package/storybook-static/assets/SerializableSelect-CJtC_MVh.js +0 -4
  230. package/storybook-static/assets/SerializableSelect.stories-Cwk9kf8V.js +0 -43
  231. package/storybook-static/assets/SingleDateTimeInput-BM_emntS.js +0 -53
  232. package/storybook-static/assets/SingleDateTimeInput.stories-DK0JJ19r.js +0 -78
  233. package/storybook-static/assets/Slider-BjAGWnmv.js +0 -63
  234. package/storybook-static/assets/Slider.stories-AFZ3sK6N.js +0 -77
  235. package/storybook-static/assets/SliderInput-CEmHsnm3.js +0 -58
  236. package/storybook-static/assets/Sortable-BwTtVBVt.js +0 -72
  237. package/storybook-static/assets/Splitter.stories-BLDqjnbb.js +0 -22
  238. package/storybook-static/assets/Switch-cwvSIlOe.js +0 -36
  239. package/storybook-static/assets/Switch.stories-BNMmFr3z.js +0 -26
  240. package/storybook-static/assets/Table-BScnaCwl.js +0 -197
  241. package/storybook-static/assets/Tabs-WCUd456k.js +0 -72
  242. package/storybook-static/assets/TagInput.stories-UojVk_Jy.js +0 -18
  243. package/storybook-static/assets/Textarea.stories-Db3Pigr7.js +0 -27
  244. package/storybook-static/assets/TimePanel-Bjn51Vi_.js +0 -1
  245. package/storybook-static/assets/Toggle.stories-Ok2NhICE.js +0 -30
  246. package/storybook-static/assets/TreeMultiSelect-DJzqY2Hd.js +0 -1
  247. package/storybook-static/assets/TreeMultiSelect-DxFQkzpN.js +0 -15
  248. package/storybook-static/assets/TreeMultiSelect.stories-BOgyH5ny.js +0 -31
  249. package/storybook-static/assets/TreeSelect-C2_2A0_N.js +0 -15
  250. package/storybook-static/assets/TreeSelect-CejsBEz8.js +0 -1
  251. package/storybook-static/assets/TreeSelect.stories-DerIIWQL.js +0 -16
  252. package/storybook-static/assets/TreeTable-3l5conv1.js +0 -175
  253. package/storybook-static/assets/WithTooltip-7X4HQR7L-C39XELKG.js +0 -9
  254. package/storybook-static/assets/blocks-DBWaa853.js +0 -285
  255. package/storybook-static/assets/button-DhCvGY9d.js +0 -1
  256. package/storybook-static/assets/chunk-3LY4VQVK-Cy15UFby.js +0 -6
  257. package/storybook-static/assets/contextMenu-P53ulGd4.js +0 -2
  258. package/storybook-static/assets/error-BF58nufO.js +0 -1
  259. package/storybook-static/assets/flex-OzI2qdBD.js +0 -1
  260. package/storybook-static/assets/floating-ui.react-BCZnZKor.js +0 -1
  261. package/storybook-static/assets/formatter-L2YTDE3Q-Bu16EJYG.js +0 -1
  262. package/storybook-static/assets/grid-BRIKMdnO.js +0 -1
  263. package/storybook-static/assets/input-CKW6wgYr.js +0 -1
  264. package/storybook-static/assets/jsx-runtime-BBQGix-2.js +0 -1
  265. package/storybook-static/assets/lucide-react-DiTL2FZl.js +0 -1
  266. package/storybook-static/assets/media-CP09Ak2C.js +0 -1
  267. package/storybook-static/assets/misc-CI386biM.js +0 -5
  268. package/storybook-static/assets/notifications-El-91bgG.js +0 -1
  269. package/storybook-static/assets/odata-jXHOPHLv.js +0 -1
  270. package/storybook-static/assets/odata-service-DMzLjWr8.js +0 -1
  271. package/storybook-static/assets/picker-DhufeWWq.js +0 -2
  272. package/storybook-static/assets/popover-DCygDZB4.js +0 -2
  273. package/storybook-static/assets/preset-select-C0o8oMRZ.js +0 -5
  274. package/storybook-static/assets/react-DXmRDR8e.js +0 -9
  275. package/storybook-static/assets/react-dom-DaUZFAdI.js +0 -1
  276. package/storybook-static/assets/select-Dcb4X2qB.js +0 -1
  277. package/storybook-static/assets/slider-D7YUv9lW.js +0 -2
  278. package/storybook-static/assets/sortable-_Ry8I9Yk.js +0 -1
  279. package/storybook-static/assets/text-DpidzPjQ.js +0 -4
  280. package/storybook-static/assets/theming-BWpdH-US.js +0 -39
  281. package/storybook-static/assets/ui-wilQ6cnk.js +0 -1
  282. package/storybook-static/assets/useODataSelectBase-8RpFkVBi.js +0 -1
  283. package/storybook-static/assets/useODataTreeData-Bc19nm97.js +0 -1
  284. package/storybook-static/assets/utils-DKOsD-4R.js +0 -1
  285. /package/storybook-static/sb-addons/{a11y-2 → a11y-3}/manager-bundle.js +0 -0
  286. /package/storybook-static/sb-addons/{docs-1 → docs-2}/manager-bundle.js +0 -0
@@ -0,0 +1,31 @@
1
+ Bundled license information:
2
+
3
+ @chromatic-com/storybook/dist/manager.mjs:
4
+ /*! Bundled license information:
5
+
6
+ popper.js/dist/esm/popper.js:
7
+ (**!
8
+ * @fileOverview Kickass library to create and place poppers near their reference elements.
9
+ * @version 1.16.1
10
+ * @license
11
+ * Copyright (c) 2016 Federico Zivolo and contributors
12
+ *
13
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
14
+ * of this software and associated documentation files (the "Software"), to deal
15
+ * in the Software without restriction, including without limitation the rights
16
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
17
+ * copies of the Software, and to permit persons to whom the Software is
18
+ * furnished to do so, subject to the following conditions:
19
+ *
20
+ * The above copyright notice and this permission notice shall be included in all
21
+ * copies or substantial portions of the Software.
22
+ *
23
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
24
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
25
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
26
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
27
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
28
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
29
+ * SOFTWARE.
30
+ *)
31
+ */
@@ -0,0 +1,3 @@
1
+ try{
2
+ (()=>{var Ye="storybook/interactions",Y=`${Ye}/panel`,Ke="writing-tests/integrations/vitest-addon",qt=`${Ke}#what-happens-when-there-are-different-test-results-in-multiple-environments`,T="storybook/a11y",K=`${T}/panel`,Vt=`${T}/ui`,Zt=`${T}/result`,Qt=`${T}/request`,Jt=`${T}/running`,Xt=`${T}/error`,en=`${T}/manual`,tn=`${T}/select`,We="writing-tests/accessibility-testing",nn=`${We}#why-are-my-tests-failing-in-different-environments`,v="storybook/test",ae=`${v}/test-provider`,le=`${v}/channel`,ze="writing-tests/integrations/vitest-addon",se=`${ze}#what-happens-if-vitest-itself-has-an-error`,W={id:v,initialState:{config:{coverage:!1,a11y:!1},watching:!1,cancelling:!1,fatalError:void 0,index:{entries:{},v:5},previewAnnotations:[],currentRun:{triggeredBy:void 0,config:{coverage:!1,a11y:!1},componentTestStatuses:[],a11yStatuses:[],a11yReports:{},reports:{},componentTestCount:{success:0,error:0},a11yCount:{success:0,warning:0,error:0},storyIds:void 0,totalTestCount:void 0,startedAt:void 0,finishedAt:void 0,unhandledErrors:[],coverageSummary:void 0}}},ie=["global","run-all"],on=`UNIVERSAL_STORE:${W.id}`,z="storybook/component-test",q="storybook/a11y";var rn=`${v}/trigger-test-run-request`,an=`${v}/trigger-test-run-response`;var n=__REACT__,{Children:dn,Component:gn,Fragment:pn,Profiler:mn,PureComponent:In,StrictMode:hn,Suspense:fn,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:En,act:Tn,cloneElement:vn,createContext:Sn,createElement:bn,createFactory:_n,createRef:yn,forwardRef:Cn,isValidElement:An,lazy:On,memo:Rn,startTransition:wn,unstable_act:Ln,useCallback:V,useContext:ce,useDebugValue:Nn,useDeferredValue:Pn,useEffect:O,useId:Dn,useImperativeHandle:xn,useInsertionEffect:Bn,useLayoutEffect:kn,useMemo:ue,useReducer:Un,useRef:U,useState:R,useSyncExternalStore:Mn,useTransition:$n,version:jn}=__REACT__;var Kn=__STORYBOOK_TYPES__,{Addon_TypesEnum:de,CHANGE_DETECTION_STATUS_TYPE_ID:Wn,CoreWebpackCompiler:zn,Feature:qn,SupportedBuilder:ge,SupportedFramework:Vn,SupportedLanguage:Zn,SupportedRenderer:Qn}=__STORYBOOK_TYPES__;var no=__STORYBOOK_API__,{ActiveTabs:oo,Consumer:ro,ManagerContext:ao,Provider:lo,RequestResponseError:so,Tag:pe,addons:D,combineParameters:io,controlOrMetaKey:co,controlOrMetaSymbol:uo,eventMatchesShortcut:go,eventToShortcut:po,experimental_MockUniversalStore:mo,experimental_UniversalStore:me,experimental_getStatusStore:Z,experimental_getTestProviderStore:Ie,experimental_requestResponse:Io,experimental_useStatusStore:Q,experimental_useTestProviderStore:he,experimental_useUniversalStore:fe,internal_checklistStore:ho,internal_fullStatusStore:fo,internal_fullTestProviderStore:Eo,internal_universalChecklistStore:To,internal_universalStatusStore:vo,internal_universalTestProviderStore:So,isMacLike:bo,isShortcutTaken:_o,keyToSymbol:yo,merge:Co,mockChannel:Ao,optionOrAltSymbol:Oo,shortcutMatchesShortcut:Ro,shortcutToAriaKeyshortcuts:wo,shortcutToHumanString:Lo,types:No,useAddonState:Po,useArgTypes:Do,useArgs:xo,useChannel:Bo,useGlobalTypes:ko,useGlobals:Uo,useParameter:Mo,useSharedState:$o,useStoryPrepared:jo,useStorybookApi:Ee,useStorybookState:Go}=__STORYBOOK_API__;var Wo=__STORYBOOK_COMPONENTS__,{A:zo,AbstractToolbar:qo,ActionBar:Vo,ActionList:p,AddonPanel:Zo,Badge:Qo,Bar:Jo,Blockquote:Xo,Button:w,Card:er,ClipboardCode:tr,Code:nr,Collapsible:or,DL:rr,Div:ar,DocumentWrapper:lr,EmptyTabContent:sr,ErrorFormatter:ir,FlexBar:cr,Form:M,H1:ur,H2:dr,H3:gr,H4:pr,H5:mr,H6:Ir,HR:hr,IconButton:fr,Img:Er,LI:Tr,Link:J,ListItem:vr,Loader:Sr,Modal:$,ModalDecorator:br,OL:_r,P:yr,Placeholder:Cr,Popover:Ar,PopoverProvider:Or,Pre:Rr,ProgressSpinner:Te,ResetWrapper:wr,ScrollArea:Lr,Select:Nr,Separator:Pr,Spaced:Dr,Span:xr,StatelessTab:Br,StatelessTabList:kr,StatelessTabPanel:Ur,StatelessTabsView:Mr,StorybookIcon:$r,StorybookLogo:jr,SyntaxHighlighter:Gr,TT:Hr,TabBar:Fr,TabButton:Yr,TabList:Kr,TabPanel:Wr,TabWrapper:zr,Table:qr,Tabs:Vr,TabsState:Zr,TabsView:Qr,ToggleButton:ve,Toolbar:Jr,Tooltip:Xr,TooltipLinkList:ea,TooltipMessage:ta,TooltipNote:na,TooltipProvider:oa,UL:ra,WithTooltip:aa,WithTooltipPure:la,Zoom:sa,codeCommon:ia,components:ca,convertToReactAriaPlacement:ua,createCopyToClipboardFunction:da,getStoryHref:ga,interleaveSeparators:pa,nameSpaceClassNames:ma,resetComponents:Ia,useTabsState:ha,withReset:fa}=__STORYBOOK_COMPONENTS__;var ba=__STORYBOOK_ICONS__,{AccessibilityAltIcon:_a,AccessibilityIcon:ya,AccessibilityIgnoredIcon:Ca,AddIcon:Aa,AdminIcon:Oa,AlertAltIcon:Ra,AlertIcon:wa,AlignLeftIcon:La,AlignRightIcon:Na,AppleIcon:Pa,ArrowBottomLeftIcon:Da,ArrowBottomRightIcon:xa,ArrowDownIcon:Ba,ArrowLeftIcon:ka,ArrowRightIcon:Ua,ArrowSolidDownIcon:Ma,ArrowSolidLeftIcon:$a,ArrowSolidRightIcon:ja,ArrowSolidUpIcon:Ga,ArrowTopLeftIcon:Ha,ArrowTopRightIcon:Fa,ArrowUpIcon:Ya,AzureDevOpsIcon:Ka,BackIcon:Wa,BasketIcon:za,BatchAcceptIcon:qa,BatchDenyIcon:Va,BeakerIcon:Za,BellIcon:Qa,BitbucketIcon:Ja,BoldIcon:Xa,BookIcon:el,BookmarkHollowIcon:tl,BookmarkIcon:nl,BottomBarIcon:ol,BottomBarToggleIcon:rl,BoxIcon:al,BranchIcon:ll,BrowserIcon:sl,BugIcon:il,ButtonIcon:cl,CPUIcon:ul,CalendarIcon:dl,CameraIcon:gl,CameraStabilizeIcon:pl,CategoryIcon:ml,CertificateIcon:Il,ChangedIcon:hl,ChatIcon:fl,CheckIcon:El,ChecklistIcon:Tl,ChevronDownIcon:vl,ChevronLeftIcon:Sl,ChevronRightIcon:bl,ChevronSmallDownIcon:_l,ChevronSmallLeftIcon:yl,ChevronSmallRightIcon:Cl,ChevronSmallUpIcon:Al,ChevronUpIcon:Ol,ChromaticIcon:Rl,ChromeIcon:wl,CircleHollowIcon:Ll,CircleIcon:Nl,ClearIcon:Pl,CloseAltIcon:Dl,CloseIcon:xl,CloudHollowIcon:Bl,CloudIcon:kl,CogIcon:Ul,CollapseIcon:Ml,CommandIcon:$l,CommentAddIcon:jl,CommentIcon:Gl,CommentsIcon:Hl,CommitIcon:Fl,CompassIcon:Yl,ComponentDrivenIcon:Kl,ComponentIcon:Wl,ContrastIcon:zl,ContrastIgnoredIcon:ql,ControlsIcon:Vl,CopyIcon:Zl,CreditIcon:Ql,CrossIcon:Jl,DashboardIcon:Xl,DatabaseIcon:es,DeleteIcon:ts,DiamondIcon:ns,DirectionIcon:os,DiscordIcon:rs,DocChartIcon:as,DocListIcon:ls,DocumentIcon:ss,DownloadIcon:is,DragIcon:cs,EditIcon:us,EditorIcon:ds,EllipsisIcon:gs,EmailIcon:ps,ExpandAltIcon:ms,ExpandIcon:Is,EyeCloseIcon:hs,EyeIcon:Se,FaceHappyIcon:fs,FaceNeutralIcon:Es,FaceSadIcon:Ts,FacebookIcon:vs,FailedIcon:Ss,FastForwardIcon:bs,FigmaIcon:_s,FilesIcon:ys,FilterIcon:Cs,FlagIcon:As,FolderIcon:Os,FormIcon:Rs,GDriveIcon:ws,GiftIcon:Ls,GithubIcon:Ns,GitlabIcon:Ps,GlobeIcon:Ds,GoogleIcon:xs,GraphBarIcon:Bs,GraphLineIcon:ks,GraphqlIcon:Us,GridAltIcon:Ms,GridIcon:$s,GrowIcon:js,HeartHollowIcon:Gs,HeartIcon:Hs,HomeIcon:Fs,HourglassIcon:Ys,InfoIcon:be,ItalicIcon:Ks,JumpToIcon:Ws,KeyIcon:zs,LightningIcon:qs,LightningOffIcon:Vs,LinkBrokenIcon:Zs,LinkIcon:Qs,LinkedinIcon:Js,LinuxIcon:Xs,ListOrderedIcon:ei,ListUnorderedIcon:ti,LocationIcon:ni,LockIcon:oi,MarkdownIcon:ri,MarkupIcon:ai,MediumIcon:li,MemoryIcon:si,MenuIcon:ii,MergeIcon:ci,MirrorIcon:ui,MobileIcon:di,MoonIcon:gi,NutIcon:pi,OutboxIcon:mi,OutlineIcon:Ii,PaintBrushAltIcon:hi,PaintBrushIcon:fi,PaperClipIcon:Ei,ParagraphIcon:Ti,PassedIcon:vi,PhoneIcon:Si,PhotoDragIcon:bi,PhotoIcon:_i,PhotoStabilizeIcon:yi,PinAltIcon:Ci,PinIcon:Ai,PlayAllHollowIcon:Oi,PlayBackIcon:Ri,PlayHollowIcon:_e,PlayIcon:wi,PlayNextIcon:Li,PlusIcon:Ni,PointerDefaultIcon:Pi,PointerHandIcon:Di,PopOutIcon:xi,PowerIcon:Bi,PrintIcon:ki,ProceedIcon:Ui,ProfileIcon:Mi,PullRequestIcon:$i,QuestionIcon:ji,RSSIcon:Gi,RedirectIcon:Hi,ReduxIcon:Fi,RefreshIcon:Yi,ReplyIcon:Ki,RepoIcon:Wi,RequestChangeIcon:zi,RewindIcon:qi,RulerIcon:Vi,SaveIcon:Zi,SearchIcon:Qi,ShareAltIcon:Ji,ShareIcon:Xi,ShieldIcon:ec,SideBySideIcon:tc,SidebarAltIcon:nc,SidebarAltToggleIcon:oc,SidebarIcon:rc,SidebarToggleIcon:ac,SortDownIcon:lc,SortUpIcon:sc,SpeakerIcon:ic,StackedIcon:cc,StarHollowIcon:uc,StarIcon:dc,StatusFailIcon:gc,StatusIcon:pc,StatusNewIcon:mc,StatusPassIcon:Ic,StatusWarnIcon:hc,StickerIcon:fc,StopAltHollowIcon:Ec,StopAltIcon:ye,StopIcon:Tc,StorybookIcon:vc,StructureIcon:Sc,SubtractIcon:bc,SunIcon:_c,SupportIcon:yc,SweepIcon:Cc,SwitchAltIcon:Ac,SyncIcon:Ce,TabletIcon:Oc,ThumbsUpIcon:Rc,TimeIcon:wc,TimerIcon:Lc,TransferIcon:Nc,TrashIcon:Pc,TwitterIcon:Dc,TypeIcon:xc,UbuntuIcon:Bc,UndoIcon:kc,UnfoldIcon:Uc,UnlockIcon:Mc,UnpinIcon:$c,UploadIcon:jc,UserAddIcon:Gc,UserAltIcon:Hc,UserIcon:Fc,UsersIcon:Yc,VSCodeIcon:Kc,VerifiedIcon:Wc,VideoIcon:zc,WandIcon:qc,WatchIcon:Vc,WindowsIcon:Zc,WrenchIcon:Qc,XIcon:Jc,YoutubeIcon:Xc,ZoomIcon:eu,ZoomOutIcon:tu,ZoomResetIcon:nu,iconList:ou}=__STORYBOOK_ICONS__;var iu=__STORYBOOK_THEMING__,{CacheProvider:cu,ClassNames:uu,Global:du,ThemeProvider:gu,background:pu,color:mu,convert:Iu,create:hu,createCache:fu,createGlobal:Eu,createReset:Tu,css:vu,darken:Su,ensure:bu,getPreferredColorScheme:_u,ignoreSsrWarning:yu,isPropValid:Cu,jsx:Au,keyframes:Ou,lighten:Ru,srOnlyStyles:wu,styled:m,themes:Lu,tokens:Nu,typography:Pu,useTheme:Du,withTheme:xu}=__STORYBOOK_THEMING__;var y=me.create({...W,leader:globalThis.CONFIG_TYPE==="PRODUCTION"}),Ae=Z(z),Oe=Z(q),Be=Ie(v),qe=m.div({display:"flex",justifyContent:"space-between",alignItems:"center",padding:"6px 6px 6px 20px"}),Ve=m.div({display:"flex",justifyContent:"space-between",alignItems:"center"}),Ze=m($.Title)(({theme:{typography:e}})=>({fontSize:e.size.s2,fontWeight:e.weight.bold})),Qe=m.pre(({theme:e})=>({whiteSpace:"pre-wrap",wordWrap:"break-word",userSelect:"text",overflow:"auto",maxHeight:"60vh",margin:0,padding:"20px",fontFamily:e.typography.fonts.mono,fontSize:"12px",borderTop:`1px solid ${e.appBorderColor}`,borderRadius:0})),Je=m.a(({theme:e})=>({color:e.color.defaultText})),ne=n.createContext({isModalOpen:!1,setModalOpen:void 0});function te({error:e}){return e?n.createElement("div",null,n.createElement("h4",null,"Caused by: ",e.name||"Error",": ",e.message),e.stack&&n.createElement("pre",null,e.stack),e.cause&&n.createElement(te,{error:e.cause})):null}function Xe({onRerun:e,storeState:t}){let o=Ee(),{isModalOpen:l,setModalOpen:i}=ce(ne),r=o.getDocsUrl({subpath:se,versioned:!0,renderer:!0}),{fatalError:a,currentRun:{unhandledErrors:d}}=t,c=a?n.createElement(n.Fragment,null,n.createElement("p",null,a.error.name||"Error"),a.message&&n.createElement("p",null,a.message),a.error.message&&n.createElement("p",null,a.error.message),a.error.stack&&n.createElement("p",null,a.error.stack),a.error.cause&&n.createElement(te,{error:a.error.cause})):d.length>0?n.createElement("ol",null,d.map(s=>n.createElement("li",{key:s.name+s.message},n.createElement("p",null,s.name,": ",s.message),s.VITEST_TEST_PATH&&n.createElement("p",null,'This error originated in "',n.createElement("b",null,s.VITEST_TEST_PATH),`". It doesn't mean the error was thrown inside the file itself, but while it was running.`),s.VITEST_TEST_NAME&&n.createElement(n.Fragment,null,n.createElement("p",null,`The latest test that might've caused the error is "`,n.createElement("b",null,s.VITEST_TEST_NAME),'". It might mean one of the following:'),n.createElement("ul",null,n.createElement("li",null,"The error was thrown, while Vitest was running this test."),n.createElement("li",null,"If the error occurred after the test had been completed, this was the last documented test before it was thrown."))),s.stacks&&n.createElement(n.Fragment,null,n.createElement("p",null,n.createElement("b",null,"Stacks:")),n.createElement("ul",null,s.stacks.map(u=>n.createElement("li",{key:u.file+u.line+u.column},u.file,":",u.line,":",u.column," - ",u.method||"unknown method")))),s.stack&&n.createElement("p",null,s.stack),s.cause?n.createElement(te,{error:s.cause}):null))):null;return n.createElement($,{ariaLabel:"Storybook Test Error Details",onOpenChange:i,open:l},n.createElement(qe,null,n.createElement(Ze,null,"Storybook Test Error Details"),n.createElement(Ve,null,n.createElement(w,{onClick:e,variant:"ghost",ariaLabel:!1},n.createElement(Ce,null),"Rerun"),n.createElement(w,{variant:"ghost",ariaLabel:!1,asChild:!0},n.createElement("a",{target:"_blank",href:r,rel:"noreferrer"},"Troubleshoot")),n.createElement($.Close,null))),n.createElement(Qe,null,c,n.createElement("br",null),n.createElement("br",null),"Troubleshoot:"," ",n.createElement(Je,{target:"_blank",href:r},r)))}function Re(e){if(!e||typeof e!="object")return!1;let t=Object.getPrototypeOf(e);return t===null||t===Object.prototype||Object.getPrototypeOf(t)===null?Object.prototype.toString.call(e)==="[object Object]":!1}function we(e){return Object.getOwnPropertySymbols(e).filter(t=>Object.prototype.propertyIsEnumerable.call(e,t))}function Le(e){return e==null?e===void 0?"[object Undefined]":"[object Null]":Object.prototype.toString.call(e)}var et="[object RegExp]",tt="[object String]",nt="[object Number]",ot="[object Boolean]",Ne="[object Arguments]",rt="[object Symbol]",at="[object Date]",lt="[object Map]",st="[object Set]",it="[object Array]",ct="[object Function]",ut="[object ArrayBuffer]",X="[object Object]",dt="[object Error]",gt="[object DataView]",pt="[object Uint8Array]",mt="[object Uint8ClampedArray]",It="[object Uint16Array]",ht="[object Uint32Array]",ft="[object BigUint64Array]",Et="[object Int8Array]",Tt="[object Int16Array]",vt="[object Int32Array]",St="[object BigInt64Array]",bt="[object Float32Array]",_t="[object Float64Array]";function yt(e,t){return e===t||Number.isNaN(e)&&Number.isNaN(t)}function Ct(e,t,o){return x(e,t,void 0,void 0,void 0,void 0,o)}function x(e,t,o,l,i,r,a){let d=a(e,t,o,l,i,r);if(d!==void 0)return d;if(typeof e==typeof t)switch(typeof e){case"bigint":case"string":case"boolean":case"symbol":case"undefined":return e===t;case"number":return e===t||Object.is(e,t);case"function":return e===t;case"object":return B(e,t,r,a)}return B(e,t,r,a)}function B(e,t,o,l){if(Object.is(e,t))return!0;let i=Le(e),r=Le(t);if(i===Ne&&(i=X),r===Ne&&(r=X),i!==r)return!1;switch(i){case tt:return e.toString()===t.toString();case nt:{let c=e.valueOf(),s=t.valueOf();return yt(c,s)}case ot:case at:case rt:return Object.is(e.valueOf(),t.valueOf());case et:return e.source===t.source&&e.flags===t.flags;case ct:return e===t}o=o??new Map;let a=o.get(e),d=o.get(t);if(a!=null&&d!=null)return a===t;o.set(e,t),o.set(t,e);try{switch(i){case lt:{if(e.size!==t.size)return!1;for(let[c,s]of e.entries())if(!t.has(c)||!x(s,t.get(c),c,e,t,o,l))return!1;return!0}case st:{if(e.size!==t.size)return!1;let c=Array.from(e.values()),s=Array.from(t.values());for(let u=0;u<c.length;u++){let I=c[u],g=s.findIndex(h=>x(I,h,void 0,e,t,o,l));if(g===-1)return!1;s.splice(g,1)}return!0}case it:case pt:case mt:case It:case ht:case ft:case Et:case Tt:case vt:case St:case bt:case _t:{if(typeof Buffer<"u"&&Buffer.isBuffer(e)!==Buffer.isBuffer(t)||e.length!==t.length)return!1;for(let c=0;c<e.length;c++)if(!x(e[c],t[c],c,e,t,o,l))return!1;return!0}case ut:return e.byteLength!==t.byteLength?!1:B(new Uint8Array(e),new Uint8Array(t),o,l);case gt:return e.byteLength!==t.byteLength||e.byteOffset!==t.byteOffset?!1:B(new Uint8Array(e),new Uint8Array(t),o,l);case dt:return e.name===t.name&&e.message===t.message;case X:{if(!(B(e.constructor,t.constructor,o,l)||Re(e)&&Re(t)))return!1;let c=[...Object.keys(e),...we(e)],s=[...Object.keys(t),...we(t)];if(c.length!==s.length)return!1;for(let u=0;u<c.length;u++){let I=c[u],g=e[I];if(!Object.hasOwn(t,I))return!1;let h=t[I];if(!x(g,h,I,e,t,o,l))return!1}return!0}default:return!1}}finally{o.delete(e),o.delete(t)}}function At(){}function Ot(e,t){return Ct(e,t,At)}var Pe=(e,t,o)=>{let l={"status-value:pending":[],"status-value:success":[],"status-value:error":[],"status-value:warning":[],"status-value:unknown":[]};return(o?o.map(i=>e[i]).filter(Boolean):Object.values(e)).forEach(i=>{let r=i[t];r&&l[r.value].push(r.storyId)}),l},ke=(e,t)=>{let o=he(h=>h[v]),[l,i]=fe(y),[r,a]=R(!1),d=U();O(()=>{let h=y.onStateChange((N,A)=>{Ot(N.config,A.config)||(Be.settingsChanged(),a(!0),clearTimeout(d.current),d.current=setTimeout(()=>{a(!1)},1e3))});return()=>{h(),clearTimeout(d.current)}},[]);let c=ue(()=>t?e.findAllLeafStoryIds(t):void 0,[t,e]),s=V(h=>Pe(h,z,c),[c]),u=Q(s),I=V(h=>Pe(h,q,c),[c]),g=Q(I);return{storeState:l,setStoreState:i,testProviderState:o,componentTestStatusValueToStoryIds:u,a11yStatusValueToStoryIds:g,isSettingsUpdated:r}},L=null;function ee(e,t="assertive",o=7e3){L?L.announce(e,t,o):(L=new Rt,(typeof IS_REACT_ACT_ENVIRONMENT=="boolean"?IS_REACT_ACT_ENVIRONMENT:typeof jest<"u")?L.announce(e,t,o):setTimeout(()=>{L?.isAttached()&&L?.announce(e,t,o)},100))}var Rt=class{isAttached(){var e;return(e=this.node)===null||e===void 0?void 0:e.isConnected}createLog(e){let t=document.createElement("div");return t.setAttribute("role","log"),t.setAttribute("aria-live",e),t.setAttribute("aria-relevant","additions"),t}destroy(){this.node&&(document.body.removeChild(this.node),this.node=null)}announce(e,t="assertive",o=7e3){var l,i;if(!this.node)return;let r=document.createElement("div");typeof e=="object"?(r.setAttribute("role","img"),r.setAttribute("aria-labelledby",e["aria-labelledby"])):r.textContent=e,t==="assertive"?(l=this.assertiveLog)===null||l===void 0||l.appendChild(r):(i=this.politeLog)===null||i===void 0||i.appendChild(r),e!==""&&setTimeout(()=>{r.remove()},o)}clear(e){this.node&&((!e||e==="assertive")&&this.assertiveLog&&(this.assertiveLog.innerHTML=""),(!e||e==="polite")&&this.politeLog&&(this.politeLog.innerHTML=""))}constructor(){this.node=null,this.assertiveLog=null,this.politeLog=null,typeof document<"u"&&(this.node=document.createElement("div"),this.node.dataset.liveAnnouncer="true",Object.assign(this.node.style,{border:0,clip:"rect(0 0 0 0)",clipPath:"inset(50%)",height:"1px",margin:"-1px",overflow:"hidden",padding:0,position:"absolute",width:"1px",whiteSpace:"nowrap"}),this.assertiveLog=this.createLog("assertive"),this.node.appendChild(this.assertiveLog),this.politeLog=this.createLog("polite"),this.node.appendChild(this.politeLog),document.body.prepend(this.node))}},wt=({timestamp:e})=>{let[t,o]=R(null);if(O(()=>{if(e){o(Date.now()-e);let d=setInterval(()=>o(Date.now()-e),1e4);return()=>clearInterval(d)}},[e]),t===null)return null;let l=Math.round(t/1e3);if(l<60)return"just now";let i=Math.floor(l/60);if(i<60)return i===1?"a minute ago":`${i} minutes ago`;let r=Math.floor(i/60);if(r<24)return r===1?"an hour ago":`${r} hours ago`;let a=Math.floor(r/24);return a===1?"yesterday":`${a} days ago`},Lt=m.div(({theme:e})=>({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",fontSize:e.typography.size.s1,color:e.textMutedColor})),Nt=m.span(({theme:e})=>({color:e.color.positiveText}));function Pt({entryId:e,storeState:t,testProviderState:o,isSettingsUpdated:l,...i}){let{setModalOpen:r}=n.useContext(ne),{componentTestCount:a,totalTestCount:d,unhandledErrors:c,finishedAt:s}=t.currentRun,u=a.success+a.error,I="Not run";if(!e&&l)I=n.createElement(Nt,null,"Settings updated");else if(o==="test-provider-state:running")I=(u??0)===0?"Starting...":`Testing... ${u}/${d}`;else if(!e&&o==="test-provider-state:crashed")I=r?n.createElement(J,{onClick:()=>r(!0)},"View full error"):"Crashed";else if(!e&&c.length>0){let g=`View ${c.length} unhandled error${c?.length>1?"s":""}`;I=r?n.createElement(J,{onClick:()=>r(!0)},g):g}else e&&d?I=`Ran ${d} ${d===1?"test":"tests"}`:s?I=n.createElement(n.Fragment,null,"Ran ",d," ",d===1?"test":"tests"," ",n.createElement(wt,{timestamp:s})):t.watching&&(I="Watching for file changes");return n.createElement(Lt,{...i},I)}var j=m.div(({percentage:e})=>({width:e?12:6,height:e?12:6,margin:e?1:4,background:e?`conic-gradient(var(--status-color) ${e}%, var(--status-background) ${e+1}%)`:"var(--status-color)",borderRadius:"50%"}),({isRunning:e,theme:t})=>e&&{animation:`${t.animation.glow} 1.5s ease-in-out infinite`},({status:e,theme:t})=>e==="positive"&&{"--status-color":t.color.positive,"--status-background":`${t.color.positive}66`},({status:e,theme:t})=>e==="warning"&&{"--status-color":t.color.gold,"--status-background":`${t.color.gold}66`},({status:e,theme:t})=>e==="negative"&&{"--status-color":t.color.negative,"--status-background":`${t.color.negative}66`},({status:e,theme:t})=>e==="critical"&&{"--status-color":t.color.defaultText,"--status-background":`${t.color.defaultText}66`},({status:e,theme:t})=>e==="unknown"&&{"--status-color":t.textMutedColor,"--status-background":`${t.textMutedColor}66`}),Dt=m.div(({inContextMenu:e})=>({display:"flex",flexDirection:"column",paddingBottom:e?0:1})),xt=m.div({display:"flex",justifyContent:"space-between",padding:"8px 0",gap:12}),Bt=m.div({display:"flex",flexDirection:"column",marginLeft:8,minWidth:0}),De=m.div(({crashed:e,theme:t})=>({fontSize:t.typography.size.s1,fontWeight:e?"bold":"normal",color:e?t.color.negativeText:t.color.defaultText})),kt=m.div({display:"flex",gap:4}),Ut=m(p)({padding:0}),Mt=m.span(({theme:e})=>({color:e.textMutedColor})),$t=m(Te)({margin:4}),jt=m(ye)({width:10}),xe=({api:e,panelId:t,entryId:o})=>{let l=o?e.findAllLeafStoryIds(o)[0]:void 0;l&&e.selectStory(l),e.setSelectedPanel(t),e.togglePanel(!0)},Ue=({api:e,entry:t,testProviderState:o,storeState:l,setStoreState:i,componentTestStatusValueToStoryIds:r,a11yStatusValueToStoryIds:a,isSettingsUpdated:d,...c})=>{let{config:s,watching:u,cancelling:I,currentRun:g,fatalError:h}=l,N=g.componentTestCount.success+g.componentTestCount.error,A=D.experimental_getRegisteredAddons().includes(T),f=o==="test-provider-state:running",Me=f&&N===0,[$e,oe]=h?["critical","Component tests crashed"]:r["status-value:error"].length>0?["negative","Component tests failed"]:f?["unknown","Testing in progress"]:r["status-value:success"].length>0?["positive","Component tests passed"]:["unknown","Run tests to see results"],[je,Ge]=h?["critical","Component tests crashed"]:a["status-value:error"].length>0?["negative","Accessibility tests failed"]:a["status-value:warning"].length>0?["warning","Accessibility tests failed"]:f?["unknown","Testing in progress"]:a["status-value:success"].length>0?["positive","Accessibility tests passed"]:["unknown","Run tests to see accessibility results"],re=U(o);return O(()=>{let E=re.current;if(re.current=o,E!==o){if(o==="test-provider-state:running")ee("Test run started.","polite");else if(o==="test-provider-state:crashed")ee("Test run crashed.","assertive");else if(o==="test-provider-state:succeeded"&&E==="test-provider-state:running"){let C=[],k=r["status-value:error"].length,G=r["status-value:warning"].length,H=r["status-value:success"].length;k>0&&C.push(`${k} ${k===1?"component":"components"} errored`),G>0&&C.push(`${G} ${G===1?"component":"components"} with warnings`),H>0&&C.push(`${H} ${H===1?"component":"components"} passed`);let P=0;if(A){P=a["status-value:error"].length;let F=a["status-value:warning"].length;P>0&&C.push(`${P} accessibility ${P===1?"error":"errors"}`),F>0&&C.push(`${F} accessibility ${F===1?"warning":"warnings"}`)}let He=C.length>0?`Test run finished. ${C.join(", ")}.`:"Test run finished. No results.",Fe=k>0||A&&P>0;ee(He,Fe?"assertive":"polite")}}},[o,r,a,A]),n.createElement(Dt,{...c,inContextMenu:!!t},n.createElement(xt,null,n.createElement(Bt,null,t?n.createElement(De,{id:"testing-module-title"},"Run component tests"):n.createElement(De,{id:"testing-module-title",crashed:o==="test-provider-state:crashed"||h!==void 0||g.unhandledErrors.length>0},g.unhandledErrors.length===1?"Component tests completed with an error":g.unhandledErrors.length>1?"Component tests completed with errors":h?"Component tests didn\u2019t complete":"Run component tests"),n.createElement(Pt,{id:"testing-module-description",storeState:l,testProviderState:o,entryId:t?.id,isSettingsUpdated:d})),n.createElement(kt,null,!t&&n.createElement(ve,{ariaLabel:f?"Watch mode (cannot toggle while running)":"Watch mode",tooltip:f?"Watch mode unavailable while running":`Watch mode is ${u?"enabled":"disabled"}`,padding:"small",size:"medium",variant:"ghost",pressed:u,onClick:()=>y.send({type:"TOGGLE_WATCHING",payload:{to:!u}}),disabled:f},n.createElement(Se,null)),f?n.createElement(w,{ariaLabel:I?"Stop test run (already stopping...)":"Stop test run",padding:"none",size:"medium",variant:"ghost",onClick:()=>y.send({type:"CANCEL_RUN"}),disabled:I||Me},n.createElement($t,{percentage:N&&l.currentRun.totalTestCount?N/l.currentRun.totalTestCount*100:void 0},n.createElement(jt,null))):n.createElement(w,{ariaLabel:"Start test run",padding:"small",size:"medium",variant:"ghost",onClick:()=>{let E;t&&(E=t.type==="story"?[t.id]:e.findAllLeafStoryIds(t.id)),y.send({type:"TRIGGER_RUN",payload:{storyIds:E,triggeredBy:t?.type??"global"}})}},n.createElement(_e,null)))),n.createElement(Ut,null,n.createElement(p.Item,null,t?n.createElement(p.Text,null,"Interactions"):n.createElement(p.Action,{as:"label",readOnly:!0},n.createElement(p.Icon,null,n.createElement(M.Checkbox,{name:"Interactions",checked:!0,disabled:!0})),n.createElement(p.Text,null,"Interactions")),n.createElement(p.Button,{ariaLabel:`${oe}${r["status-value:error"].length+r["status-value:warning"].length>0?` (${r["status-value:error"].length+r["status-value:warning"].length} errors or warnings so far)`:""}`,tooltip:oe,disabled:r["status-value:error"].length===0&&r["status-value:warning"].length===0&&r["status-value:success"].length===0,onClick:()=>{xe({api:e,panelId:Y,entryId:r["status-value:error"][0]??r["status-value:warning"][0]??r["status-value:success"][0]??t?.id})}},r["status-value:error"].length+r["status-value:warning"].length||null,n.createElement(j,{status:$e,isRunning:f}))),!t&&n.createElement(p.Item,null,n.createElement(p.Action,{as:"label",readOnly:f,ariaLabel:!1},n.createElement(p.Icon,null,n.createElement(M.Checkbox,{name:"Coverage",checked:s.coverage,disabled:f,onChange:()=>i(E=>({...E,config:{...E.config,coverage:!s.coverage}}))})),n.createElement(p.Text,null,u?n.createElement(Mt,null,"Coverage (unavailable)"):"Coverage")),u||g.triggeredBy&&!ie.includes(g.triggeredBy)?n.createElement(p.Button,{disabled:!0,ariaLabel:u?"Coverage unavailable in watch mode":"Coverage only available after running all tests"},n.createElement(be,null)):g.coverageSummary?n.createElement(p.Button,{asChild:!0,ariaLabel:f?"Open coverage report (testing still in progress)":`Open coverage report (${g.coverageSummary.percentage}% coverage)`},n.createElement("a",{href:"/coverage/index.html",target:"_blank"},g.coverageSummary.percentage,"%",n.createElement(j,{isRunning:f,percentage:g.coverageSummary.percentage,status:g.coverageSummary.status}))):n.createElement(p.Button,{disabled:!0,ariaLabel:f?"Coverage unavailable, testing still in progress":h?"Coverage unavailable, component tests crashed":"Coverage unavailable, run tests first"},n.createElement(j,{isRunning:f,status:h?"critical":"unknown"}))),A&&n.createElement(p.Item,null,t?n.createElement(p.Text,null,"Accessibility"):n.createElement(p.Action,{as:"label",readOnly:f,ariaLabel:!1},n.createElement(p.Icon,null,n.createElement(M.Checkbox,{name:"Accessibility",checked:s.a11y,disabled:f,onChange:()=>i(E=>({...E,config:{...E.config,a11y:!s.a11y}}))})),n.createElement(p.Text,null,"Accessibility")),n.createElement(p.Button,{ariaLabel:Ge,disabled:a["status-value:error"].length===0&&a["status-value:warning"].length===0&&a["status-value:success"].length===0,onClick:()=>{xe({api:e,entryId:a["status-value:error"][0]??a["status-value:warning"][0]??a["status-value:success"][0]??t?.id,panelId:K})}},a["status-value:error"].length+a["status-value:warning"].length||null,n.createElement(j,{status:je,isRunning:f})))))},Gt=({context:e,api:t})=>{let{testProviderState:o,componentTestStatusValueToStoryIds:l,a11yStatusValueToStoryIds:i,storeState:r,setStoreState:a}=ke(t,e.id);return n.createElement(Ue,{api:t,entry:e,style:{minWidth:240},testProviderState:o,componentTestStatusValueToStoryIds:l,a11yStatusValueToStoryIds:i,storeState:r,setStoreState:a,isSettingsUpdated:!1})};D.register(v,e=>{if(globalThis.STORYBOOK_BUILDER===ge.VITE){let t=o=>{e.setSelectedPanel(o),e.togglePanel(!0)};Ae.onSelect(()=>{t(Y)}),Oe.onSelect(()=>{t(K)}),Be.onRunAll(()=>{y.send({type:"TRIGGER_RUN",payload:{triggeredBy:"run-all"}})}),y.subscribe("TEST_RUN_COMPLETED",({payload:o})=>{e.emit(le,{type:"test-run-completed",payload:o})}),D.add(ae,{type:de.experimental_TEST_PROVIDER,clear:()=>{Ae.unset(),Oe.unset()},render:()=>{let[o,l]=R(!1),{storeState:i,setStoreState:r,testProviderState:a,componentTestStatusValueToStoryIds:d,a11yStatusValueToStoryIds:c,isSettingsUpdated:s}=ke(e);return n.createElement(ne.Provider,{value:{isModalOpen:o,setModalOpen:l}},n.createElement(Ue,{api:e,storeState:i,setStoreState:r,isSettingsUpdated:s,testProviderState:a,componentTestStatusValueToStoryIds:d,a11yStatusValueToStoryIds:c}),n.createElement(Xe,{storeState:i,onRerun:()=>{l(!1),y.send({type:"TRIGGER_RUN",payload:{triggeredBy:"global"}})}}))},sidebarContextMenu:({context:o})=>o.type==="docs"||o.type==="story"&&!o.tags.includes(pe.TEST)?null:n.createElement(Gt,{context:o,api:e})})}});})();
3
+ }catch(e){ console.error("[Storybook] One of your manager-entries failed: " + import.meta.url, e); }
@@ -1,139 +0,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-DBWaa853.js";import{t as d}from"./jsx-runtime-BBQGix-2.js";import{t as f}from"./mdx-react-shim-DHWnLJR9.js";import{Appearances as p,Basic as m,RemovableList as h,Sizes as g,Tones as _,n as v,t as y}from"./Badge.stories-DBR_TCrU.js";function b(e){let o={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...t(),...e.components};return(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(a,{of:y,parameters:{atomicCanvas:!0,layout:`padded`,docs:{toc:!0}}}),`
2
- `,(0,S.jsx)(c,{children:`Badge`}),`
3
- `,(0,S.jsx)(i,{children:`Компактная текстовая метка для статусов, категорий, фильтров и коротких служебных пометок`}),`
4
- `,(0,S.jsx)(o.p,{children:`Badge подходит для коротких подписей, которые должны быстро читаться и не перегружать интерфейс:`}),`
5
- `,(0,S.jsxs)(o.ul,{children:[`
6
- `,(0,S.jsx)(o.li,{children:`статусы и состояния записи;`}),`
7
- `,(0,S.jsx)(o.li,{children:`выбранные фильтры и теги;`}),`
8
- `,(0,S.jsx)(o.li,{children:`служебные пометки рядом с полями, карточками и строками таблиц;`}),`
9
- `,(0,S.jsx)(o.li,{children:`компактные списки значений с возможностью удаления.`}),`
10
- `]}),`
11
- `,(0,S.jsxs)(o.p,{children:[`Компонент принимает только строковый `,(0,S.jsx)(o.code,{children:`children`}),`. Длинный текст автоматически ограничивается по ширине и сокращается через `,(0,S.jsx)(o.code,{children:`TextOverflow`}),`, поэтому Badge лучше использовать для коротких и однозначных формулировок.`]}),`
12
- `,(0,S.jsx)(o.h2,{id:`основной-сценарий`,children:`Основной сценарий`}),`
13
- `,(0,S.jsx)(u,{}),`
14
- `,(0,S.jsx)(o.pre,{children:(0,S.jsx)(o.code,{className:`language-tsx`,children:`import { Badge } from "@/shared/ui";
15
-
16
- export function Example() {
17
- return (
18
- <Badge tone="info" appearance="solid">
19
- Новый
20
- </Badge>
21
- );
22
- }
23
- `})}),`
24
- `,(0,S.jsx)(n,{of:m}),`
25
- `,(0,S.jsx)(o.h2,{id:`визуальная-схема`,children:`Визуальная схема`}),`
26
- `,(0,S.jsx)(o.p,{children:`В компоненте есть два уровня настройки:`}),`
27
- `,(0,S.jsxs)(o.ul,{children:[`
28
- `,(0,S.jsxs)(o.li,{children:[(0,S.jsx)(o.code,{children:`tone`}),` задает семантику: `,(0,S.jsx)(o.code,{children:`neutral`}),`, `,(0,S.jsx)(o.code,{children:`success`}),`, `,(0,S.jsx)(o.code,{children:`warning`}),`, `,(0,S.jsx)(o.code,{children:`error`}),`, `,(0,S.jsx)(o.code,{children:`info`}),`;`]}),`
29
- `,(0,S.jsxs)(o.li,{children:[(0,S.jsx)(o.code,{children:`appearance`}),` задает форму отображения: `,(0,S.jsx)(o.code,{children:`solid`}),`, `,(0,S.jsx)(o.code,{children:`outline`}),`, `,(0,S.jsx)(o.code,{children:`ghost`}),`, `,(0,S.jsx)(o.code,{children:`transparent`}),`.`]}),`
30
- `]}),`
31
- `,(0,S.jsx)(o.p,{children:`Если схема не передана полностью, компонент достраивает ее сам:`}),`
32
- `,(0,S.jsxs)(o.ul,{children:[`
33
- `,(0,S.jsxs)(o.li,{children:[`без пропсов будет использован `,(0,S.jsx)(o.code,{children:`neutral + outline`}),`;`]}),`
34
- `,(0,S.jsxs)(o.li,{children:[`если задан цветной `,(0,S.jsx)(o.code,{children:`tone`}),`, но не задан `,(0,S.jsx)(o.code,{children:`appearance`}),`, по умолчанию используется `,(0,S.jsx)(o.code,{children:`solid`}),`;`]}),`
35
- `,(0,S.jsxs)(o.li,{children:[`проп `,(0,S.jsx)(o.code,{children:`color`}),` поддерживается только для обратной совместимости и считается устаревшим.`]}),`
36
- `]}),`
37
- `,(0,S.jsx)(o.h3,{id:`тоны`,children:`Тоны`}),`
38
- `,(0,S.jsx)(l,{of:_}),`
39
- `,(0,S.jsx)(o.pre,{children:(0,S.jsx)(o.code,{className:`language-tsx`,children:`import { Badge, BadgeList } from "@/shared/ui";
40
-
41
- export function StatusBadges() {
42
- return (
43
- <BadgeList>
44
- <Badge tone="neutral" appearance="outline">
45
- Черновик
46
- </Badge>
47
- <Badge tone="success" appearance="solid">
48
- Успешно
49
- </Badge>
50
- <Badge tone="warning" appearance="solid">
51
- Внимание
52
- </Badge>
53
- <Badge tone="error" appearance="solid">
54
- Ошибка
55
- </Badge>
56
- <Badge tone="info" appearance="solid">
57
- Информация
58
- </Badge>
59
- </BadgeList>
60
- );
61
- }
62
- `})}),`
63
- `,(0,S.jsx)(o.h3,{id:`варианты-отображения`,children:`Варианты отображения`}),`
64
- `,(0,S.jsx)(l,{of:p}),`
65
- `,(0,S.jsx)(o.pre,{children:(0,S.jsx)(o.code,{className:`language-tsx`,children:`import { Badge, BadgeList } from "@/shared/ui";
66
-
67
- export function AppearanceBadges() {
68
- return (
69
- <BadgeList>
70
- <Badge tone="neutral" appearance="solid">
71
- Solid
72
- </Badge>
73
- <Badge tone="neutral" appearance="outline">
74
- Outline
75
- </Badge>
76
- <Badge tone="info" appearance="ghost">
77
- Ghost
78
- </Badge>
79
- <Badge tone="warning" appearance="transparent">
80
- Transparent
81
- </Badge>
82
- </BadgeList>
83
- );
84
- }
85
- `})}),`
86
- `,(0,S.jsx)(o.h2,{id:`размеры`,children:`Размеры`}),`
87
- `,(0,S.jsxs)(o.p,{children:[`Badge поддерживает размеры от `,(0,S.jsx)(o.code,{children:`xs`}),` до `,(0,S.jsx)(o.code,{children:`xl`}),`. На практике чаще всего используются `,(0,S.jsx)(o.code,{children:`sm`}),` и `,(0,S.jsx)(o.code,{children:`md`}),`: они лучше всего подходят для строк таблиц, панелей фильтрации и карточек.`]}),`
88
- `,(0,S.jsx)(l,{of:g}),`
89
- `,(0,S.jsx)(o.pre,{children:(0,S.jsx)(o.code,{className:`language-tsx`,children:`import { Badge, BadgeList } from "@/shared/ui";
90
-
91
- export function SizeBadges() {
92
- return (
93
- <BadgeList>
94
- <Badge size="xs">XS</Badge>
95
- <Badge size="sm">SM</Badge>
96
- <Badge size="md">MD</Badge>
97
- <Badge size="lg">LG</Badge>
98
- <Badge size="xl">XL</Badge>
99
- </BadgeList>
100
- );
101
- }
102
- `})}),`
103
- `,(0,S.jsx)(o.h2,{id:`списки-фильтров-и-выбранных-значений`,children:`Списки фильтров и выбранных значений`}),`
104
- `,(0,S.jsxs)(o.p,{children:[`Для набора бейджей в одну строку или в несколько переносимых строк есть вспомогательный контейнер `,(0,S.jsx)(o.code,{children:`BadgeList`}),`. Это самый частый сценарий в проекте: выбранные фильтры, категории, теги и активные параметры поиска.`]}),`
105
- `,(0,S.jsx)(l,{of:h}),`
106
- `,(0,S.jsx)(o.pre,{children:(0,S.jsx)(o.code,{className:`language-tsx`,children:`import { useState } from "react";
107
-
108
- import { Badge, BadgeList } from "@/shared/ui";
109
-
110
- export function SelectedFilters() {
111
- const [items, setItems] = useState(["Фильтр A", "Фильтр B", "Фильтр C"]);
112
-
113
- return (
114
- <BadgeList>
115
- {items.map((item) => (
116
- <Badge
117
- key={item}
118
- tone="info"
119
- appearance="outline"
120
- onRemove={() => setItems((prev) => prev.filter((value) => value !== item))}>
121
- {item}
122
- </Badge>
123
- ))}
124
- </BadgeList>
125
- );
126
- }
127
- `})}),`
128
- `,(0,S.jsx)(o.h2,{id:`поведение-и-ограничения`,children:`Поведение и ограничения`}),`
129
- `,(0,S.jsxs)(o.ul,{children:[`
130
- `,(0,S.jsxs)(o.li,{children:[(0,S.jsx)(o.code,{children:`children`}),` должен быть строкой, а не произвольным JSX.`]}),`
131
- `,(0,S.jsxs)(o.li,{children:[`Без `,(0,S.jsx)(o.code,{children:`onRemove`}),` бейдж считается пассивным и не участвует во взаимодействии мышью.`]}),`
132
- `,(0,S.jsxs)(o.li,{children:[`При передаче `,(0,S.jsx)(o.code,{children:`onRemove`}),` справа появляется встроенная кнопка удаления.`]}),`
133
- `,(0,S.jsx)(o.li,{children:`Для длинных значений лучше использовать короткий видимый текст, потому что Badge рассчитан на компактные подписи, а не на развернутые описания.`}),`
134
- `,(0,S.jsxs)(o.li,{children:[`Для новых сценариев рекомендуется использовать `,(0,S.jsx)(o.code,{children:`tone`}),` и `,(0,S.jsx)(o.code,{children:`appearance`}),`, а не `,(0,S.jsx)(o.code,{children:`color`}),`.`]}),`
135
- `]}),`
136
- `,(0,S.jsx)(o.h2,{id:`api`,children:`API`}),`
137
- `,(0,S.jsx)(s,{of:y}),`
138
- `,(0,S.jsx)(o.h2,{id:`все-сторисы`,children:`Все сторисы`}),`
139
- `,(0,S.jsx)(r,{includePrimary:!1})]})}function x(e={}){let{wrapper:n}={...t(),...e.components};return n?(0,S.jsx)(n,{...e,children:(0,S.jsx)(b,{...e})}):b(e)}var S;e((()=>{S=d(),f(),o(),v()}))();export{x as default};
@@ -1,51 +0,0 @@
1
- import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{C as r}from"./iframe-B1Ua6ocI.js";import{t as i}from"./jsx-runtime-BBQGix-2.js";import{a,i as o}from"./utils-DKOsD-4R.js";import{o as s,t as c}from"./lucide-react-DiTL2FZl.js";import{n as l,t as u}from"./text-DpidzPjQ.js";import{i as d,n as f,r as p,t as m}from"./uiClasses-CaHp0EWd.js";import{o as h}from"./Flex-BQBzh4Tr.js";import{t as g}from"./flex-OzI2qdBD.js";var _,v,y,b,x,S,C,w,T,E,D=n((()=>{_=`qBtmnH`,v=`p-HsHY`,y=`u9tQAE`,b=`FRScRz`,x=`W13uQO`,S=`_3IRcM9`,C=`R3ybI7`,w=`DdWAaC`,T=`_5cXBQF`,E={badge:_,passive:v,sizeXs:y,sizeSm:b,sizeMd:x,sizeLg:S,sizeXl:C,content:w,removeButton:T}}));function O({children:e,size:t=`sm`,tone:n,appearance:r,className:i,onRemove:o}){let c=n??`neutral`,u=d({tone:n,appearance:r,fallbackTone:c,fallbackAppearance:c===`neutral`?`outline`:`solid`});return(0,k.jsxs)(`div`,{className:a(E.badge,A[t],f(u.tone),m(u.appearance),!o&&E.passive,i),children:[(0,k.jsx)(l,{maxChar:25,placement:`top`,block:!0,textWrapProps:{className:E.content},children:String(e)}),o&&(0,k.jsx)(`button`,{type:`button`,onClick:o,className:E.removeButton,"aria-label":`Удалить бейдж`,"data-ui":`badge-remove-button`,"data-action":`remove-badge`,children:(0,k.jsx)(s,{})})]})}var k,A,j=n((()=>{o(),c(),u(),p(),D(),k=i(),A={xs:E.sizeXs,sm:E.sizeSm,md:E.sizeMd,lg:E.sizeLg,xl:E.sizeXl},O.__docgenInfo={description:`Компактный индикатор для статусов, категорий и коротких служебных меток.`,methods:[],displayName:`Badge`,props:{children:{required:!0,tsType:{name:`union`,raw:`string | number`,elements:[{name:`string`},{name:`number`}]},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:``,defaultValue:{value:`"sm"`,computed:!1}},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:``},appearance:{required:!1,tsType:{name:`union`,raw:`"solid" | "outline" | "ghost" | "transparent"`,elements:[{name:`literal`,value:`"solid"`},{name:`literal`,value:`"outline"`},{name:`literal`,value:`"ghost"`},{name:`literal`,value:`"transparent"`}]},description:``},className:{required:!1,tsType:{name:`string`},description:``},onRemove:{required:!1,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:``}}}}));function M({children:e}){return(0,P.jsx)(h,{inline:!0,wrap:!0,gap:`sm`,align:`baseline`,children:N.Children.map(e,(e,t)=>(0,P.jsx)(N.Fragment,{children:e},t))})}var N,P,F=n((()=>{N=t(r(),1),g(),P=i(),M.__docgenInfo={description:"Контейнер для группы `Badge`, который выстраивает элементы в единый список с предсказуемыми отступами. Используется для компактного вывода набора меток или фильтров.",methods:[],displayName:`BadgeList`,props:{children:{required:!0,tsType:{name:`Array`,elements:[{name:`ReactElement`,elements:[{name:`union`,raw:`typeof Badge | null | undefined | false`,elements:[{name:`Badge`},{name:`null`},{name:`undefined`},{name:`literal`,value:`false`}]}],raw:`ReactElement<typeof Badge | null | undefined | false>`}],raw:`ReactElement<typeof Badge | null | undefined | false>[]`},description:``}}}})),I=e({Appearances:()=>H,Basic:()=>B,RemovableList:()=>W,Sizes:()=>U,Tones:()=>V,__namedExportsOrder:()=>G,default:()=>z}),L,R,z,B,V,H,U,W,G,K=n((()=>{L=t(r(),1),j(),F(),R=i(),z={title:`Shared/UI/Badge`,component:O,args:{children:`Новый`,size:`md`,tone:`info`,appearance:`solid`},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{children:{description:`Текст внутри бейджа.`,control:`text`},size:{description:`Размер бейджа.`,control:`inline-radio`,options:[`sm`,`md`,`lg`]},tone:{description:`Семантический тон бейджа.`,control:`inline-radio`,options:[`neutral`,`success`,`warning`,`error`,`info`]},appearance:{description:`Форма бейджа.`,control:`inline-radio`,options:[`solid`,`outline`,`ghost`,`transparent`]},onRemove:{description:`Показывает кнопку удаления и вызывает обработчик по клику.`,control:!1},className:{description:`Дополнительный CSS-класс контейнера.`,control:`text`}}},B={},V={render:()=>(0,R.jsxs)(M,{children:[(0,R.jsx)(O,{tone:`neutral`,appearance:`outline`,children:`Neutral`}),(0,R.jsx)(O,{tone:`success`,appearance:`solid`,children:`Успешно`}),(0,R.jsx)(O,{tone:`warning`,appearance:`solid`,children:`Внимание`}),(0,R.jsx)(O,{tone:`error`,appearance:`solid`,children:`Ошибка`}),(0,R.jsx)(O,{tone:`info`,appearance:`solid`,children:`Информация`})]})},H={render:()=>(0,R.jsxs)(M,{children:[(0,R.jsx)(O,{tone:`neutral`,appearance:`solid`,children:`Solid`}),(0,R.jsx)(O,{tone:`neutral`,appearance:`outline`,children:`Outline`}),(0,R.jsx)(O,{tone:`info`,appearance:`ghost`,children:`Ghost`}),(0,R.jsx)(O,{tone:`warning`,appearance:`transparent`,children:`Transparent`})]})},U={render:()=>(0,R.jsxs)(M,{children:[(0,R.jsx)(O,{size:`xs`,children:`Extra Small`}),(0,R.jsx)(O,{size:`sm`,children:`Small`}),(0,R.jsx)(O,{size:`md`,children:`Medium`}),(0,R.jsx)(O,{size:`lg`,children:`Large`}),(0,R.jsx)(O,{size:`xl`,children:`Extra Large`})]})},W={render:()=>{let[e,t]=(0,L.useState)([`Фильтр A`,`Фильтр B`,`Фильтр C`]);return(0,R.jsx)(M,{children:e.map(e=>(0,R.jsx)(O,{tone:`info`,appearance:`outline`,onRemove:()=>t(t=>t.filter(t=>t!==e)),children:e},e))})}},B.parameters={...B.parameters,docs:{...B.parameters?.docs,source:{originalSource:`{}`,...B.parameters?.docs?.source}}},V.parameters={...V.parameters,docs:{...V.parameters?.docs,source:{originalSource:`{
2
- render: () => <BadgeList>
3
- <Badge tone="neutral" appearance="outline">
4
- Neutral
5
- </Badge>
6
- <Badge tone="success" appearance="solid">
7
- Успешно
8
- </Badge>
9
- <Badge tone="warning" appearance="solid">
10
- Внимание
11
- </Badge>
12
- <Badge tone="error" appearance="solid">
13
- Ошибка
14
- </Badge>
15
- <Badge tone="info" appearance="solid">
16
- Информация
17
- </Badge>
18
- </BadgeList>
19
- }`,...V.parameters?.docs?.source}}},H.parameters={...H.parameters,docs:{...H.parameters?.docs,source:{originalSource:`{
20
- render: () => <BadgeList>
21
- <Badge tone="neutral" appearance="solid">
22
- Solid
23
- </Badge>
24
- <Badge tone="neutral" appearance="outline">
25
- Outline
26
- </Badge>
27
- <Badge tone="info" appearance="ghost">
28
- Ghost
29
- </Badge>
30
- <Badge tone="warning" appearance="transparent">
31
- Transparent
32
- </Badge>
33
- </BadgeList>
34
- }`,...H.parameters?.docs?.source}}},U.parameters={...U.parameters,docs:{...U.parameters?.docs,source:{originalSource:`{
35
- render: () => <BadgeList>
36
- <Badge size="xs">Extra Small</Badge>
37
- <Badge size="sm">Small</Badge>
38
- <Badge size="md">Medium</Badge>
39
- <Badge size="lg">Large</Badge>
40
- <Badge size="xl">Extra Large</Badge>
41
- </BadgeList>
42
- }`,...U.parameters?.docs?.source}}},W.parameters={...W.parameters,docs:{...W.parameters?.docs,source:{originalSource:`{
43
- render: () => {
44
- const [items, setItems] = useState(["Фильтр A", "Фильтр B", "Фильтр C"]);
45
- return <BadgeList>
46
- {items.map(item => <Badge key={item} tone="info" appearance="outline" onRemove={() => setItems(prev => prev.filter(v => v !== item))}>
47
- {item}
48
- </Badge>)}
49
- </BadgeList>;
50
- }
51
- }`,...W.parameters?.docs?.source}}},G=[`Basic`,`Tones`,`Appearances`,`Sizes`,`RemovableList`]}));K();export{H as Appearances,B as Basic,W as RemovableList,U as Sizes,V as Tones,G as __namedExportsOrder,z as default,K as n,I as t};
@@ -1,12 +0,0 @@
1
- import{c as e,i as t}from"./preload-helper-B45gAKPr.js";import{C as n}from"./iframe-B1Ua6ocI.js";import{t as r}from"./jsx-runtime-BBQGix-2.js";import{a as i,i as a}from"./utils-DKOsD-4R.js";import{n as o,t as s}from"./popover-DCygDZB4.js";import{n as c,t as l}from"./ui.module-wFHXkJzp.js";import{i as u,n as d,r as f,t as p}from"./uiClasses-CaHp0EWd.js";var m,h,g,_,v,y=t((()=>{m=`wLOHwj`,h=`lFsM-Y`,g=`LPob63`,_=`tsaGtv`,v={button:m,iconOnly:h,buttonInner:g,buttonIcon:_}})),b,x,S,C=t((()=>{b=e(n(),1),a(),s(),l(),f(),y(),x=r(),S=(0,b.forwardRef)(function({children:e,disabled:t,className:n,icon:r,iconEnd:a,title:s,variant:l,tone:f,appearance:m,type:h=`button`,"aria-label":g,..._},y){let S=b.Children.count(e)>0,C=!!r&&!S,w=u({variant:l,tone:f,appearance:m,fallbackAppearance:f&&f!==`neutral`?`solid`:`outline`}),T=C?g??s:g,E=(0,x.jsx)(`button`,{..._,ref:y,type:h,disabled:t,"aria-label":T,className:i(c.uiElement,c.uiInputControl,v.button,d(w.tone),p(w.appearance),C?v.iconOnly:``,`textNoWrap`,n??``),children:(0,x.jsxs)(`span`,{className:v.buttonInner,children:[r&&!a&&(0,x.jsx)(`span`,{"aria-hidden":`true`,className:v.buttonIcon,children:r}),S&&(0,x.jsx)(`span`,{className:`flexEllipsis`,children:e}),r&&a&&(0,x.jsx)(`span`,{"aria-hidden":`true`,className:v.buttonIcon,children:r})]})});return s?(0,x.jsx)(o,{placement:`bottom`,tooltip:!0,content:(0,x.jsx)(x.Fragment,{children:s}),children:E}):E}),S.__docgenInfo={description:'Базовая кнопка дизайн-системы для пользовательских действий.\nПоддерживает состояния, tone + appearance, иконки и безопасный `type="button"` по умолчанию.',methods:[],displayName:`Button`,props:{variant:{required:!1,tsType:{name:`union`,raw:`| "transparent"
2
- | "ghost"
3
- | "neutral"
4
- | "error"
5
- | "warning"
6
- | "success"
7
- | "info"
8
- | "neutralOutline"
9
- | "errorOutline"
10
- | "warningOutline"
11
- | "successOutline"
12
- | "infoOutline"`,elements:[{name:`literal`,value:`"transparent"`},{name:`literal`,value:`"ghost"`},{name:`literal`,value:`"neutral"`},{name:`literal`,value:`"error"`},{name:`literal`,value:`"warning"`},{name:`literal`,value:`"success"`},{name:`literal`,value:`"info"`},{name:`literal`,value:`"neutralOutline"`},{name:`literal`,value:`"errorOutline"`},{name:`literal`,value:`"warningOutline"`},{name:`literal`,value:`"successOutline"`},{name:`literal`,value:`"infoOutline"`}]},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:``},appearance:{required:!1,tsType:{name:`union`,raw:`"solid" | "outline" | "ghost" | "transparent"`,elements:[{name:`literal`,value:`"solid"`},{name:`literal`,value:`"outline"`},{name:`literal`,value:`"ghost"`},{name:`literal`,value:`"transparent"`}]},description:``},icon:{required:!1,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},iconEnd:{required:!1,tsType:{name:`boolean`},description:``},type:{required:!1,tsType:{name:`union`,raw:`"button" | "submit" | "reset"`,elements:[{name:`literal`,value:`"button"`},{name:`literal`,value:`"submit"`},{name:`literal`,value:`"reset"`}]},description:`По умолчанию делаем безопасное поведение в формах.`,defaultValue:{value:`"button"`,computed:!1}}},composes:[`Omit`]}}));export{C as n,S as t};
@@ -1,75 +0,0 @@
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-DiTL2FZl.js";import{n as c,t as l}from"./Button-CV6qRYrS.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
- // play: async function ({ args, canvas, userEvent }) {
3
- // const button = canvas.getByRole("button", { name: /button/i });
4
- // // 👇 Simulate behavior
5
- // await userEvent.click(button);
6
- // // 👇 Make assertions
7
- // await expect(button).toBeVisible();
8
- // await expect(args.onClick).not.toHaveBeenCalled();
9
- // }
10
- }`,...m.parameters?.docs?.source}}},h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
11
- render: () => <div style={{
12
- display: "grid",
13
- gap: 12,
14
- gridTemplateColumns: "repeat(auto-fit, minmax(180px, 1fr))"
15
- }}>
16
- <Button variant="neutral">Neutral Solid</Button>
17
- <Button variant="neutralOutline">Neutral Outline</Button>
18
- <Button variant="ghost">Ghost</Button>
19
- <Button variant="info">Info Solid</Button>
20
- <Button variant="success">Success Solid</Button>
21
- <Button variant="warning">Warning Solid</Button>
22
- <Button variant="error">Error Solid</Button>
23
- <Button variant="infoOutline">Info Outline</Button>
24
- <Button variant="successOutline">Success Outline</Button>
25
- <Button variant="warningOutline">Warning Outline</Button>
26
- <Button variant="errorOutline">Error Outline</Button>
27
- <Button variant="transparent">Transparent</Button>
28
- </div>,
29
- args: {
30
- children: "Действие"
31
- }
32
- }`,...h.parameters?.docs?.source}}},g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
33
- render: () => <div style={{
34
- display: "grid",
35
- gap: 12,
36
- gridTemplateColumns: "repeat(auto-fit, minmax(180px, 1fr))"
37
- }}>
38
- <Button tone="neutral" appearance="solid">
39
- Neutral Solid
40
- </Button>
41
- <Button tone="neutral" appearance="outline">
42
- Neutral Outline
43
- </Button>
44
- <Button tone="neutral" appearance="ghost">
45
- Neutral Ghost
46
- </Button>
47
- <Button tone="info" appearance="outline">
48
- Info Outline
49
- </Button>
50
- <Button tone="success" appearance="solid">
51
- Success Solid
52
- </Button>
53
- <Button tone="error" appearance="transparent">
54
- Error Transparent
55
- </Button>
56
- </div>
57
- }`,...g.parameters?.docs?.source}}},_.parameters={..._.parameters,docs:{..._.parameters?.docs,source:{originalSource:`{
58
- render: () => <div style={{
59
- display: "flex",
60
- gap: 12,
61
- flexWrap: "wrap"
62
- }}>
63
- <Button icon={<DownloadIcon />}>Скачать</Button>
64
- <Button icon={<PlusIcon />} tone="info" appearance="solid">
65
- Создать
66
- </Button>
67
- <Button icon={<CheckIcon />} iconEnd tone="success" appearance="solid">
68
- Подтвердить
69
- </Button>
70
- <Button icon={<BellIcon />} title="Уведомления" />
71
- </div>,
72
- args: {
73
- children: "Действие"
74
- }
75
- }`,..._.parameters?.docs?.source}}},v=[`Basic`,`Variants`,`ComposableScheme`,`WithIcons`]}));y();export{m as Basic,g as ComposableScheme,h as Variants,_ as WithIcons,v as __namedExportsOrder,p as default,y as n,u as t};
@@ -1,60 +0,0 @@
1
- import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{C as r}from"./iframe-B1Ua6ocI.js";import{t as i}from"./jsx-runtime-BBQGix-2.js";import{n as a,t as o}from"./CheckBox-CaI3XPfw.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
- render: args => {
3
- const [value, setValue] = useState(args.value ?? false);
4
- return <CheckBox {...args} value={value} onChange={setValue} />;
5
- },
6
- args: {
7
- label: "Принимать условия",
8
- description: "Подтверждение условий использования сервиса.",
9
- value: false,
10
- size: "md",
11
- disabled: false,
12
- tone: "neutral"
13
- }
14
- }`,...d.parameters?.docs?.source}}},f.parameters={...f.parameters,docs:{...f.parameters?.docs,source:{originalSource:`{
15
- render: () => {
16
- const [values, setValues] = useState<Record<string, boolean>>({
17
- neutral: true,
18
- info: true,
19
- success: true,
20
- warning: true,
21
- error: true
22
- });
23
- return <div style={{
24
- display: "grid",
25
- gap: 12
26
- }}>
27
- {(["neutral", "info", "success", "warning", "error"] as const).map(tone => <CheckBox key={tone} tone={tone} label={\`Тон \${tone}\`} value={values[tone]} onChange={next => setValues(prev => ({
28
- ...prev,
29
- [tone]: next
30
- }))} />)}
31
- </div>;
32
- }
33
- }`,...f.parameters?.docs?.source}}},p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
34
- render: () => {
35
- const [values, setValues] = useState<Record<string, boolean>>({
36
- xs: false,
37
- sm: true,
38
- md: false,
39
- lg: true,
40
- xl: false
41
- });
42
- return <div style={{
43
- display: "grid",
44
- gap: 12
45
- }}>
46
- {(["xs", "sm", "md", "lg", "xl"] as const).map(size => <CheckBox key={size} size={size} label={\`Размер \${size}\`} value={values[size]} onChange={next => setValues(prev => ({
47
- ...prev,
48
- [size]: next
49
- }))} />)}
50
- </div>;
51
- }
52
- }`,...p.parameters?.docs?.source}}},m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
53
- args: {
54
- label: "Недоступный чекбокс",
55
- description: "Изменение недоступно из-за прав доступа.",
56
- value: true,
57
- disabled: true,
58
- tone: "neutral"
59
- }
60
- }`,...m.parameters?.docs?.source}}},h=[`Controlled`,`Tones`,`Sizes`,`Disabled`]}));g();export{d as Controlled,m as Disabled,p as Sizes,f as Tones,h as __namedExportsOrder,u as default,g as n,s as t};
@@ -1 +0,0 @@
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-B1Ua6ocI.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-DBWaa853.js";import{a as m,l as h}from"./theming-BWpdH-US.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,40 +0,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-DBWaa853.js";import{t as u}from"./jsx-runtime-BBQGix-2.js";import{t as d}from"./mdx-react-shim-DHWnLJR9.js";import{ContextMenuBasic as f,ControlledDropdown as p,DropdownMenuBasic as m,n as h,t as g}from"./ContextMenu.stories-DuHhaMZG.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
- `,(0,y.jsx)(s,{children:`ContextMenu`}),`
3
- `,(0,y.jsx)(i,{children:`Контекстные и dropdown-меню для локальных действий в списках, карточках и рабочих областях`}),`
4
- `,(0,y.jsx)(o.p,{children:`ContextMenu уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
5
- Ниже можно быстро проверить базовый сценарий, а затем перейти к отдельным режимам использования и состояниям компонента.`}),`
6
- `,(0,y.jsx)(o.h2,{id:`основной-сценарий`,children:`Основной сценарий`}),`
7
- `,(0,y.jsx)(l,{}),`
8
- `,(0,y.jsx)(n,{of:m}),`
9
- `,(0,y.jsx)(o.pre,{children:(0,y.jsx)(o.code,{className:`language-tsx`,children:`import { DropdownMenu } from "@/shared/ui";
10
-
11
- export function Example() {
12
- return (
13
- <DropdownMenu>
14
- <DropdownMenu.Trigger>
15
- <button type="button">Действия</button>
16
- </DropdownMenu.Trigger>
17
- <DropdownMenu.Content>
18
- <DropdownMenu.Item>Редактировать</DropdownMenu.Item>
19
- <DropdownMenu.Item>Удалить</DropdownMenu.Item>
20
- </DropdownMenu.Content>
21
- </DropdownMenu>
22
- );
23
- }
24
- `})}),`
25
- `,(0,y.jsx)(o.h2,{id:`практические-рекомендации`,children:`Практические рекомендации`}),`
26
- `,(0,y.jsxs)(o.ul,{children:[`
27
- `,(0,y.jsx)(o.li,{children:`Начните с базового сценария ниже, а затем проверьте в stories те состояния, которые реально используются в вашем экране.`}),`
28
- `]}),`
29
- `,(0,y.jsx)(o.h2,{id:`сценарии-использования`,children:`Сценарии использования`}),`
30
- `,(0,y.jsx)(o.h3,{id:`базовый-сценарий-dropdown-menu`,children:`Базовый сценарий dropdown-menu`}),`
31
- `,(0,y.jsx)(o.p,{children:`Базовый сценарий dropdown-menu.`}),`
32
- `,(0,y.jsx)(c,{of:m}),`
33
- `,(0,y.jsx)(o.h3,{id:`базовое-контекстное-меню-по-правому-клику`,children:`Базовое контекстное меню по правому клику`}),`
34
- `,(0,y.jsx)(o.p,{children:`Базовое контекстное меню по правому клику.`}),`
35
- `,(0,y.jsx)(c,{of:f}),`
36
- `,(0,y.jsx)(o.h3,{id:`контролируемое-открытие-dropdown-menu`,children:`Контролируемое открытие dropdown-menu`}),`
37
- `,(0,y.jsx)(o.p,{children:`Контролируемое открытие dropdown-menu.`}),`
38
- `,(0,y.jsx)(c,{of:p}),`
39
- `,(0,y.jsx)(o.h2,{id:`все-сторисы`,children:`Все сторисы`}),`
40
- `,(0,y.jsx)(r,{includePrimary:!1})]})}function v(e={}){let{wrapper:n}={...t(),...e.components};return n?(0,y.jsx)(n,{...e,children:(0,y.jsx)(_,{...e})}):_(e)}var y;e((()=>{y=u(),d(),o(),h()}))();export{v as default};