@solostylist/ui-kit 1.0.203 → 1.0.205

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 (365) hide show
  1. package/dist/ArrowUpward-CDLbIMHR.js +6 -0
  2. package/dist/Box-CCxGQYgC.js +46 -0
  3. package/dist/ButtonBase-BpUvp8ep.js +801 -0
  4. package/dist/ChevronLeft-C7DUyLoc.js +6 -0
  5. package/dist/ChevronRight-VFk57Tte.js +6 -0
  6. package/dist/Close-OtVsJy75.js +6 -0
  7. package/dist/ContentCopy-DHDP4d6g.js +6 -0
  8. package/dist/DefaultPropsProvider-DpRXvTbj.js +157 -0
  9. package/dist/Download-Bbx6BZUJ.js +6 -0
  10. package/dist/ExpandMore-BTC1yHzp.js +6 -0
  11. package/dist/Favorite-mcH9KX-m.js +6 -0
  12. package/dist/Menu-Dhh4e9H1.js +1662 -0
  13. package/dist/MenuItem-aaIy8lan.js +213 -0
  14. package/dist/Paper--8Q3qCqb.js +329 -0
  15. package/dist/Select-B5RvkbDO.js +2545 -0
  16. package/dist/Stack-D-aoKnaS.js +158 -0
  17. package/dist/Typography-CswuXQLF.js +187 -0
  18. package/dist/assets/s-carousel.css +1 -1
  19. package/dist/assets/s-overlay-scrollbar.css +10 -1
  20. package/dist/assets/stripe-input.css +1 -1
  21. package/dist/avatar-BVV8tT0K.js +10 -0
  22. package/dist/buttonBaseClasses-CzfJbQi5.js +13 -0
  23. package/dist/checkbox-Dd2nIREk.js +57 -0
  24. package/dist/chunk-efA98nb6.js +13 -0
  25. package/dist/createSimplePaletteValueFilter-dAWZ3p3z.js +14 -0
  26. package/dist/createSvgIcon-KjKEsKNV.js +153 -0
  27. package/dist/createTheme-DuS5_nJb.js +2430 -0
  28. package/dist/defaultTheme-DBynruYK.js +5 -0
  29. package/dist/entries/carousel.js +3 -4
  30. package/dist/entries/chat.js +3 -4
  31. package/dist/entries/code.js +3 -4
  32. package/dist/entries/core.js +56 -122
  33. package/dist/entries/dates.js +7 -12
  34. package/dist/entries/dropzone.js +3 -4
  35. package/dist/entries/editor.js +2 -4
  36. package/dist/entries/gallery.js +7 -13
  37. package/dist/entries/i18n.js +3 -7
  38. package/dist/entries/motion.js +14 -27
  39. package/dist/entries/scrollbar.js +2 -4
  40. package/dist/entries/stripe.js +6 -10
  41. package/dist/extendSxProp-YPyfzlEb.js +29 -0
  42. package/dist/generateUtilityClass-DdqZpZoW.js +34 -0
  43. package/dist/generateUtilityClasses-BMwEKe3O.js +10 -0
  44. package/dist/hooks/index.js +5 -11
  45. package/dist/hooks/use-count-down.js +85 -76
  46. package/dist/hooks/use-dialog.js +21 -18
  47. package/dist/hooks/use-is-passed-position.js +20 -20
  48. package/dist/hooks/use-popover.js +18 -18
  49. package/dist/hooks/use-scroll-animation.js +74 -56
  50. package/dist/iconButtonClasses-ApDUTw5e.js +27 -0
  51. package/dist/identifier-_S1f0Pg2.js +190 -0
  52. package/dist/main.js +103 -196
  53. package/dist/mergeSlotProps-BG-pTgpj.js +48 -0
  54. package/dist/objectWithoutPropertiesLoose-BdL2_POW.js +23 -0
  55. package/dist/outlinedInputClasses-bgmdcolQ.js +43 -0
  56. package/dist/resolveProps-CcZ6Bxlf.js +30 -0
  57. package/dist/s-accordion/index.js +3 -4
  58. package/dist/s-accordion/s-accordion.js +3 -949
  59. package/dist/s-accordion-Da1IZflX.js +712 -0
  60. package/dist/s-action-overlay/index.js +2 -4
  61. package/dist/s-action-overlay/s-action-overlay.js +108 -109
  62. package/dist/s-autocomplete/index.js +2 -4
  63. package/dist/s-autocomplete/s-autocomplete.js +25 -31
  64. package/dist/s-avatar/index.js +2 -4
  65. package/dist/s-avatar/s-avatar.js +32 -22
  66. package/dist/s-blur-text/index.js +2 -4
  67. package/dist/s-blur-text/s-blur-text.js +67 -81
  68. package/dist/s-breadcrumbs/index.js +2 -3
  69. package/dist/s-breadcrumbs/s-breadcrumbs.js +49 -44
  70. package/dist/s-button/index.js +2 -4
  71. package/dist/s-button/s-button.js +11 -9
  72. package/dist/s-carousel/index.js +3 -4
  73. package/dist/s-carousel/s-carousel.js +3 -2480
  74. package/dist/s-carousel-BoDg9pKU.js +125 -0
  75. package/dist/s-category-card/index.js +1 -3
  76. package/dist/s-category-card/s-category-card.js +70 -105
  77. package/dist/s-chat-input/index.js +3 -4
  78. package/dist/s-chat-input/s-chat-input.js +3 -319
  79. package/dist/s-chat-input-v_XIZVGk.js +283 -0
  80. package/dist/s-chat-message/index.js +3 -4
  81. package/dist/s-chat-message/s-chat-message.js +3 -283
  82. package/dist/s-chat-message-CWtxsicj.js +281 -0
  83. package/dist/s-checkbox/index.js +2 -4
  84. package/dist/s-checkbox/s-checkbox.js +27 -17
  85. package/dist/s-chip/index.js +2 -4
  86. package/dist/s-chip/s-chip.js +11 -9
  87. package/dist/s-chips/index.js +2 -4
  88. package/dist/s-chips/s-chips.js +91 -86
  89. package/dist/s-code-block/index.js +3 -4
  90. package/dist/s-code-block/s-code-block.js +3 -1052
  91. package/dist/s-code-block-BqYdR0Em.js +608 -0
  92. package/dist/s-comment-message/index.js +3 -4
  93. package/dist/s-comment-message/s-comment-message.js +3 -123
  94. package/dist/s-comment-message-DDAHdQqY.js +195 -0
  95. package/dist/s-copyable-text/index.js +3 -4
  96. package/dist/s-copyable-text/s-copyable-text.js +50 -54
  97. package/dist/s-countdown/index.js +3 -5
  98. package/dist/s-countdown/s-count-box.js +102 -106
  99. package/dist/s-countdown/s-count-down.js +101 -109
  100. package/dist/s-data-table/index.js +3 -4
  101. package/dist/s-data-table/s-data-table.js +3 -1291
  102. package/dist/s-data-table-BjqqIsFX.js +893 -0
  103. package/dist/s-date-picker/index.js +3 -4
  104. package/dist/s-date-picker/s-date-picker.js +3 -1521
  105. package/dist/s-date-picker-BYqxsjPU.js +581 -0
  106. package/dist/s-datetime-picker/index.js +3 -4
  107. package/dist/s-datetime-picker/s-datetime-picker.js +3 -5180
  108. package/dist/s-datetime-picker-BtwGoxL3.js +3808 -0
  109. package/dist/s-dialog/index.js +2 -3
  110. package/dist/s-dialog/s-dialog.js +44 -36
  111. package/dist/s-dialog-confirm/index.js +3 -6
  112. package/dist/s-dialog-confirm/s-dialog-confirm.js +85 -74
  113. package/dist/s-dialog-message/index.js +3 -6
  114. package/dist/s-dialog-message/s-dialog-message.js +75 -66
  115. package/dist/s-empty/index.js +1 -3
  116. package/dist/s-empty/s-empty.js +13 -8
  117. package/dist/s-error/index.js +2 -4
  118. package/dist/s-error/s-error.js +31 -20
  119. package/dist/s-error-layout/index.js +2 -4
  120. package/dist/s-error-layout/s-error-layout.js +78 -56
  121. package/dist/s-file-dropzone/index.js +3 -4
  122. package/dist/s-file-dropzone/s-file-dropzone.js +3 -124
  123. package/dist/s-file-dropzone-BJBNFC_b.js +134 -0
  124. package/dist/s-file-icon/index.js +3 -4
  125. package/dist/s-file-icon/s-file-icon.js +327 -272
  126. package/dist/s-flex-box/index.js +3 -4
  127. package/dist/s-flex-box/s-flex-box.js +12 -8
  128. package/dist/s-form/index.js +2 -4
  129. package/dist/s-form/s-form.js +23 -15
  130. package/dist/s-gallery/index.js +3 -5
  131. package/dist/s-gallery/s-gallery.js +310 -346
  132. package/dist/s-glow-button/index.js +3 -4
  133. package/dist/s-glow-button/s-glow-button.js +29 -42
  134. package/dist/s-gradient-icon/index.js +2 -4
  135. package/dist/s-gradient-icon/s-gradient-icon.js +124 -79
  136. package/dist/s-i18n-provider/index.js +2 -4
  137. package/dist/s-i18n-provider/s-i18n-provider.js +23 -27
  138. package/dist/s-icon-button/index.js +2 -4
  139. package/dist/s-icon-button/s-icon-button.js +11 -8
  140. package/dist/s-image-comparison/index.js +3 -4
  141. package/dist/s-image-comparison/s-image-comparison.js +169 -207
  142. package/dist/s-image-modal/index.js +3 -5
  143. package/dist/s-image-modal/s-image-modal.js +396 -387
  144. package/dist/s-item-not-found/index.js +1 -3
  145. package/dist/s-item-not-found/s-item-not-found.js +240 -262
  146. package/dist/s-label/index.js +3 -4
  147. package/dist/s-label/s-label.js +3 -17
  148. package/dist/s-label-Bt4vQGGN.js +30 -0
  149. package/dist/s-language-switcher/index.js +3 -6
  150. package/dist/s-language-switcher/s-language-switcher.js +3 -252
  151. package/dist/s-language-switcher-BJP1r1la.js +198 -0
  152. package/dist/s-lazy-image/index.js +2 -4
  153. package/dist/s-lazy-image/s-lazy-image.js +41 -56
  154. package/dist/s-link/index.js +2 -4
  155. package/dist/s-link/s-link.js +30 -37
  156. package/dist/s-localization-provider/index.js +3 -4
  157. package/dist/s-localization-provider/s-localization-provider.js +3 -562
  158. package/dist/s-localization-provider-CeOR72Ti.js +537 -0
  159. package/dist/s-moving-border/index.js +1 -3
  160. package/dist/s-moving-border/s-moving-border.js +117 -131
  161. package/dist/s-multi-select/index.js +3 -4
  162. package/dist/s-multi-select/s-multi-select.js +3 -82
  163. package/dist/s-multi-select-xKP4heeG.js +64 -0
  164. package/dist/s-no-ssr/index.js +2 -4
  165. package/dist/s-no-ssr/s-no-ssr.js +13 -14
  166. package/dist/s-overlay-scrollbar/index.js +2 -4
  167. package/dist/s-overlay-scrollbar/s-overlay-scrollbar.js +34 -37
  168. package/dist/s-pagination/index.js +2 -4
  169. package/dist/s-pagination/s-pagination.js +32 -15
  170. package/dist/s-pixel-reveal/index.js +3 -4
  171. package/dist/s-pixel-reveal/s-pixel-reveal.js +138 -156
  172. package/dist/s-radial-pulse-animate/index.js +3 -4
  173. package/dist/s-radial-pulse-animate/s-radial-pulse-animate.js +80 -122
  174. package/dist/s-rating/index.js +1 -3
  175. package/dist/s-rating/s-rating.js +11 -9
  176. package/dist/s-review/index.js +3 -4
  177. package/dist/s-review/s-review.js +3 -160
  178. package/dist/s-review-DOBlCEU2.js +241 -0
  179. package/dist/s-scroll-reveal/index.js +2 -4
  180. package/dist/s-scroll-reveal/s-scroll-reveal.js +68 -64
  181. package/dist/s-scroll-to-top/index.js +3 -4
  182. package/dist/s-scroll-to-top/s-scroll-to-top.js +45 -44
  183. package/dist/s-scroll-velocity/index.js +4 -8
  184. package/dist/s-scroll-velocity/s-scroll-velocity.js +14 -8
  185. package/dist/s-scroll-velocity/scroll-velocity-container.js +25 -30
  186. package/dist/s-scroll-velocity/scroll-velocity-row.js +97 -118
  187. package/dist/s-select/index.js +3 -4
  188. package/dist/s-select/s-select.js +3 -112
  189. package/dist/s-select-DXbeZ0CG.js +110 -0
  190. package/dist/s-select-list/index.js +2 -4
  191. package/dist/s-select-list/s-select-list.js +44 -49
  192. package/dist/s-skeleton/index.js +2 -4
  193. package/dist/s-skeleton/s-skeleton.js +69 -35
  194. package/dist/s-snackbar-message/index.js +2 -6
  195. package/dist/s-snackbar-message/s-snackbar-message.js +48 -61
  196. package/dist/s-spotlight-cursor/index.js +2 -4
  197. package/dist/s-spotlight-cursor/s-spotlight-cursor.js +58 -61
  198. package/dist/s-stripe/index.js +6 -10
  199. package/dist/s-stripe/s-stripe-cvc.js +14 -10
  200. package/dist/s-stripe/s-stripe-expiry.js +14 -10
  201. package/dist/s-stripe/s-stripe-number.js +14 -10
  202. package/dist/s-stripe/s-stripe.js +31 -37
  203. package/dist/s-stripe/stripe-input.js +57 -81
  204. package/dist/s-switch/index.js +1 -3
  205. package/dist/s-switch/s-switch.js +27 -17
  206. package/dist/s-tabs/index.js +4 -8
  207. package/dist/s-tabs/s-tab-panel.js +23 -29
  208. package/dist/s-tabs/s-tab.js +11 -8
  209. package/dist/s-tabs/s-tabs.js +39 -35
  210. package/dist/s-text-editor/index.js +3 -5
  211. package/dist/s-text-editor/s-text-editor-toolbar.js +3 -207
  212. package/dist/s-text-editor/s-text-editor.js +75 -81
  213. package/dist/s-text-editor-toolbar-BDDttdIt.js +177 -0
  214. package/dist/s-text-field/index.js +3 -4
  215. package/dist/s-text-field/s-text-field.js +3 -49
  216. package/dist/s-text-field-ni42E-1x.js +41 -0
  217. package/dist/s-text-shimmer/index.js +3 -4
  218. package/dist/s-text-shimmer/s-text-shimmer.js +31 -32
  219. package/dist/s-text-truncation/index.js +1 -3
  220. package/dist/s-text-truncation/s-text-truncation.js +79 -81
  221. package/dist/s-theme-demo/index.js +3 -4
  222. package/dist/s-theme-demo/s-theme-demo.js +3 -380
  223. package/dist/s-theme-demo-B4pz6fse.js +828 -0
  224. package/dist/s-theme-provider/index.js +3 -4
  225. package/dist/s-theme-provider/s-theme-provider.js +35 -50
  226. package/dist/s-theme-switch/index.js +3 -4
  227. package/dist/s-theme-switch/s-theme-switch.js +3 -41
  228. package/dist/s-theme-switch-CCEdponC.js +37 -0
  229. package/dist/s-tip/index.js +3 -4
  230. package/dist/s-tip/s-tip.js +3 -34
  231. package/dist/s-tip-CG51Q6oR.js +34 -0
  232. package/dist/s-tool-bar/index.js +3 -4
  233. package/dist/s-tool-bar/s-tool-bar.js +3 -478
  234. package/dist/s-tool-bar-C2lZhhJm.js +404 -0
  235. package/dist/s-two-pane-layout/index.js +2 -3
  236. package/dist/s-two-pane-layout/s-two-pane-layout.js +102 -101
  237. package/dist/s-typewriter-text/index.js +2 -4
  238. package/dist/s-typewriter-text/s-typewriter-text.js +39 -45
  239. package/dist/s-zoom-image/index.js +1 -3
  240. package/dist/s-zoom-image/s-zoom-image.js +62 -88
  241. package/dist/select-D9KH9LAz.js +11 -0
  242. package/dist/styled-Dz7rwAje.js +168 -0
  243. package/dist/svgIconClasses-CygVMw0E.js +20 -0
  244. package/dist/tabClasses-CIRFQ-PB.js +21 -0
  245. package/dist/theme/components/accordion-details.js +7 -8
  246. package/dist/theme/components/accordion-summary.js +12 -17
  247. package/dist/theme/components/accordion.js +24 -32
  248. package/dist/theme/components/alert.js +45 -72
  249. package/dist/theme/components/app-bar.js +12 -18
  250. package/dist/theme/components/autocomplete.js +19 -30
  251. package/dist/theme/components/avatar.js +3 -13
  252. package/dist/theme/components/backdrop.js +13 -12
  253. package/dist/theme/components/button-base.js +12 -14
  254. package/dist/theme/components/button.js +92 -138
  255. package/dist/theme/components/card-actions.js +4 -10
  256. package/dist/theme/components/card-content.js +4 -11
  257. package/dist/theme/components/card-header.js +4 -10
  258. package/dist/theme/components/card.js +23 -35
  259. package/dist/theme/components/checkbox.js +3 -65
  260. package/dist/theme/components/chip.js +67 -106
  261. package/dist/theme/components/components.js +112 -111
  262. package/dist/theme/components/container.js +4 -6
  263. package/dist/theme/components/dialog-actions.js +4 -10
  264. package/dist/theme/components/dialog.js +11 -17
  265. package/dist/theme/components/drawer.js +4 -10
  266. package/dist/theme/components/form-control.js +4 -10
  267. package/dist/theme/components/form-label.js +7 -11
  268. package/dist/theme/components/icon-button.js +82 -132
  269. package/dist/theme/components/icon.js +9 -21
  270. package/dist/theme/components/input-adornment.js +7 -13
  271. package/dist/theme/components/input-base.js +10 -16
  272. package/dist/theme/components/linear-progress.js +11 -16
  273. package/dist/theme/components/link.js +31 -37
  274. package/dist/theme/components/list-item-button.js +27 -44
  275. package/dist/theme/components/list-item-icon.js +4 -10
  276. package/dist/theme/components/list-item-text.js +14 -16
  277. package/dist/theme/components/list-item.js +12 -20
  278. package/dist/theme/components/list-subheader.js +10 -14
  279. package/dist/theme/components/list.js +9 -13
  280. package/dist/theme/components/menu-item.js +7 -8
  281. package/dist/theme/components/menu.js +20 -22
  282. package/dist/theme/components/outlined-input.js +41 -64
  283. package/dist/theme/components/pagination-item.js +8 -18
  284. package/dist/theme/components/paper.js +4 -8
  285. package/dist/theme/components/popover.js +11 -13
  286. package/dist/theme/components/rating.js +4 -8
  287. package/dist/theme/components/select.js +3 -13
  288. package/dist/theme/components/skeleton.js +4 -10
  289. package/dist/theme/components/slider.js +4 -8
  290. package/dist/theme/components/step-connector.js +9 -13
  291. package/dist/theme/components/step-icon.js +39 -46
  292. package/dist/theme/components/step-label.js +7 -13
  293. package/dist/theme/components/svg-icon.js +20 -37
  294. package/dist/theme/components/tab.js +20 -34
  295. package/dist/theme/components/table-cell.js +4 -10
  296. package/dist/theme/components/table-pagination.js +14 -18
  297. package/dist/theme/components/tabs.js +20 -24
  298. package/dist/theme/components/toggle-button-group.js +3 -23
  299. package/dist/theme/components/toggle-button.js +3 -21
  300. package/dist/theme/components/tooltip.js +23 -23
  301. package/dist/theme/theme-primitives.js +3 -410
  302. package/dist/theme-primitives-BG66N-x4.js +398 -0
  303. package/dist/toggle-button-BI6z89CX.js +26 -0
  304. package/dist/toggle-button-group-Dzzh9mXv.js +28 -0
  305. package/dist/typographyClasses-C0nDz5e6.js +32 -0
  306. package/dist/useControlled-CvWtMQJF.js +32 -0
  307. package/dist/useEnhancedEffect-NLLl34XR.js +5 -0
  308. package/dist/useFormControl-ngLNi8dL.js +11 -0
  309. package/dist/useMobilePicker-DdH0AzNe.js +10635 -0
  310. package/dist/useTheme-BES_k_99.js +34 -0
  311. package/dist/useThemeProps-CJRFdjVv.js +19 -0
  312. package/dist/utils/dayjs.js +161 -113
  313. package/dist/utils/index.js +3 -11
  314. package/dist/utils/logger.js +45 -46
  315. package/dist/utils-Cu16ybRR.js +72 -0
  316. package/dist/warning-D7iWhOZI.js +110 -0
  317. package/package.json +29 -29
  318. package/dist/ArrowUpward-D8eqD-si.js +0 -8
  319. package/dist/Box-BkXoTbe8.js +0 -62
  320. package/dist/ButtonBase-D73M0QY5.js +0 -1099
  321. package/dist/ChevronLeft-BmgmPHp9.js +0 -8
  322. package/dist/ChevronRight-DbWSr8yz.js +0 -8
  323. package/dist/Close-lHCUMitI.js +0 -8
  324. package/dist/ContentCopy-D4SuJd86.js +0 -11
  325. package/dist/DefaultPropsProvider-DPuuPIbS.js +0 -64
  326. package/dist/Download-BoRQUwCf.js +0 -8
  327. package/dist/ExpandMore-C7yRQv1-.js +0 -8
  328. package/dist/Favorite-Bz_HcMgN.js +0 -8
  329. package/dist/Menu-GVFDMHCN.js +0 -2441
  330. package/dist/MenuItem-2wG8I2HO.js +0 -269
  331. package/dist/Paper-CR019bki.js +0 -553
  332. package/dist/Select-D2l9rDWL.js +0 -3966
  333. package/dist/Stack-Dfjnuorw.js +0 -174
  334. package/dist/Typography-PcmlIqm1.js +0 -253
  335. package/dist/_commonjsHelpers-ByX85dGu.js +0 -33
  336. package/dist/buttonBaseClasses-jtnoTmPn.js +0 -10
  337. package/dist/clsx-OuTLNxxd.js +0 -16
  338. package/dist/createSimplePaletteValueFilter-B7--0ryQ.js +0 -17
  339. package/dist/createSvgIcon-BkbeLOhM.js +0 -242
  340. package/dist/createTheme-DgoJyWM-.js +0 -2929
  341. package/dist/defaultTheme-CulFxfLR.js +0 -5
  342. package/dist/extendSxProp-BJEIxcAx.js +0 -36
  343. package/dist/generateUtilityClass-BhfUaMgk.js +0 -35
  344. package/dist/generateUtilityClasses-E9gROIFd.js +0 -10
  345. package/dist/iconButtonClasses-BMfIhNTh.js +0 -10
  346. package/dist/identifier-BKLqN993.js +0 -4
  347. package/dist/index-D3G5Rwl-.js +0 -211
  348. package/dist/index-DtGYsHSv.js +0 -94
  349. package/dist/jsx-runtime-tc70JA_2.js +0 -264
  350. package/dist/mergeSlotProps-CuzBQdlp.js +0 -62
  351. package/dist/objectWithoutPropertiesLoose-DiWPeE4c.js +0 -22
  352. package/dist/outlinedInputClasses-DnwW3ujt.js +0 -19
  353. package/dist/resolveProps-BDH0VJjn.js +0 -39
  354. package/dist/styled-8Y5KoVix.js +0 -203
  355. package/dist/svgIconClasses-C6auqaBA.js +0 -10
  356. package/dist/tabClasses-DFvXsFrN.js +0 -10
  357. package/dist/typographyClasses-jmoWZuXc.js +0 -10
  358. package/dist/useControlled-D1L5tREc.js +0 -31
  359. package/dist/useEnhancedEffect-CJGo-L3B.js +0 -5
  360. package/dist/useFormControl-CatNKXAi.js +0 -10
  361. package/dist/useMobilePicker-B-bNHHXB.js +0 -13498
  362. package/dist/useTheme-CWPkv7g3.js +0 -18
  363. package/dist/useThemeProps-XYgXGzjS.js +0 -27
  364. package/dist/utils-D1UMIV0b.js +0 -40
  365. package/dist/warning-Ba-7BBAN.js +0 -135
package/dist/s-code-block-BqYdR0Em.js ADDED
@@ -0,0 +1,608 @@
1
+ import { n as e, t } from "./ContentCopy-DHDP4d6g.js";
2
+ import { useState as n } from "react";
3
+ import { jsx as r, jsxs as i } from "react/jsx-runtime";
4
+ import { Box as a, IconButton as o, useColorScheme as s } from "@mui/material";
5
+ import { Prism as c } from "react-syntax-highlighter";
6
+ //#region ../../node_modules/react-syntax-highlighter/dist/esm/styles/prism/one-dark.js
7
+ var l = {
8
+ "code[class*=\"language-\"]": {
9
+ background: "hsl(220, 13%, 18%)",
10
+ color: "hsl(220, 14%, 71%)",
11
+ textShadow: "0 1px rgba(0, 0, 0, 0.3)",
12
+ fontFamily: "\"Fira Code\", \"Fira Mono\", Menlo, Consolas, \"DejaVu Sans Mono\", monospace",
13
+ direction: "ltr",
14
+ textAlign: "left",
15
+ whiteSpace: "pre",
16
+ wordSpacing: "normal",
17
+ wordBreak: "normal",
18
+ lineHeight: "1.5",
19
+ MozTabSize: "2",
20
+ OTabSize: "2",
21
+ tabSize: "2",
22
+ WebkitHyphens: "none",
23
+ MozHyphens: "none",
24
+ msHyphens: "none",
25
+ hyphens: "none"
26
+ },
27
+ "pre[class*=\"language-\"]": {
28
+ background: "hsl(220, 13%, 18%)",
29
+ color: "hsl(220, 14%, 71%)",
30
+ textShadow: "0 1px rgba(0, 0, 0, 0.3)",
31
+ fontFamily: "\"Fira Code\", \"Fira Mono\", Menlo, Consolas, \"DejaVu Sans Mono\", monospace",
32
+ direction: "ltr",
33
+ textAlign: "left",
34
+ whiteSpace: "pre",
35
+ wordSpacing: "normal",
36
+ wordBreak: "normal",
37
+ lineHeight: "1.5",
38
+ MozTabSize: "2",
39
+ OTabSize: "2",
40
+ tabSize: "2",
41
+ WebkitHyphens: "none",
42
+ MozHyphens: "none",
43
+ msHyphens: "none",
44
+ hyphens: "none",
45
+ padding: "1em",
46
+ margin: "0.5em 0",
47
+ overflow: "auto",
48
+ borderRadius: "0.3em"
49
+ },
50
+ "code[class*=\"language-\"]::-moz-selection": {
51
+ background: "hsl(220, 13%, 28%)",
52
+ color: "inherit",
53
+ textShadow: "none"
54
+ },
55
+ "code[class*=\"language-\"] *::-moz-selection": {
56
+ background: "hsl(220, 13%, 28%)",
57
+ color: "inherit",
58
+ textShadow: "none"
59
+ },
60
+ "pre[class*=\"language-\"] *::-moz-selection": {
61
+ background: "hsl(220, 13%, 28%)",
62
+ color: "inherit",
63
+ textShadow: "none"
64
+ },
65
+ "code[class*=\"language-\"]::selection": {
66
+ background: "hsl(220, 13%, 28%)",
67
+ color: "inherit",
68
+ textShadow: "none"
69
+ },
70
+ "code[class*=\"language-\"] *::selection": {
71
+ background: "hsl(220, 13%, 28%)",
72
+ color: "inherit",
73
+ textShadow: "none"
74
+ },
75
+ "pre[class*=\"language-\"] *::selection": {
76
+ background: "hsl(220, 13%, 28%)",
77
+ color: "inherit",
78
+ textShadow: "none"
79
+ },
80
+ ":not(pre) > code[class*=\"language-\"]": {
81
+ padding: "0.2em 0.3em",
82
+ borderRadius: "0.3em",
83
+ whiteSpace: "normal"
84
+ },
85
+ comment: {
86
+ color: "hsl(220, 10%, 40%)",
87
+ fontStyle: "italic"
88
+ },
89
+ prolog: { color: "hsl(220, 10%, 40%)" },
90
+ cdata: { color: "hsl(220, 10%, 40%)" },
91
+ doctype: { color: "hsl(220, 14%, 71%)" },
92
+ punctuation: { color: "hsl(220, 14%, 71%)" },
93
+ entity: {
94
+ color: "hsl(220, 14%, 71%)",
95
+ cursor: "help"
96
+ },
97
+ "attr-name": { color: "hsl(29, 54%, 61%)" },
98
+ "class-name": { color: "hsl(29, 54%, 61%)" },
99
+ boolean: { color: "hsl(29, 54%, 61%)" },
100
+ constant: { color: "hsl(29, 54%, 61%)" },
101
+ number: { color: "hsl(29, 54%, 61%)" },
102
+ atrule: { color: "hsl(29, 54%, 61%)" },
103
+ keyword: { color: "hsl(286, 60%, 67%)" },
104
+ property: { color: "hsl(355, 65%, 65%)" },
105
+ tag: { color: "hsl(355, 65%, 65%)" },
106
+ symbol: { color: "hsl(355, 65%, 65%)" },
107
+ deleted: { color: "hsl(355, 65%, 65%)" },
108
+ important: { color: "hsl(355, 65%, 65%)" },
109
+ selector: { color: "hsl(95, 38%, 62%)" },
110
+ string: { color: "hsl(95, 38%, 62%)" },
111
+ char: { color: "hsl(95, 38%, 62%)" },
112
+ builtin: { color: "hsl(95, 38%, 62%)" },
113
+ inserted: { color: "hsl(95, 38%, 62%)" },
114
+ regex: { color: "hsl(95, 38%, 62%)" },
115
+ "attr-value": { color: "hsl(95, 38%, 62%)" },
116
+ "attr-value > .token.punctuation": { color: "hsl(95, 38%, 62%)" },
117
+ variable: { color: "hsl(207, 82%, 66%)" },
118
+ operator: { color: "hsl(207, 82%, 66%)" },
119
+ function: { color: "hsl(207, 82%, 66%)" },
120
+ url: { color: "hsl(187, 47%, 55%)" },
121
+ "attr-value > .token.punctuation.attr-equals": { color: "hsl(220, 14%, 71%)" },
122
+ "special-attr > .token.attr-value > .token.value.css": { color: "hsl(220, 14%, 71%)" },
123
+ ".language-css .token.selector": { color: "hsl(355, 65%, 65%)" },
124
+ ".language-css .token.property": { color: "hsl(220, 14%, 71%)" },
125
+ ".language-css .token.function": { color: "hsl(187, 47%, 55%)" },
126
+ ".language-css .token.url > .token.function": { color: "hsl(187, 47%, 55%)" },
127
+ ".language-css .token.url > .token.string.url": { color: "hsl(95, 38%, 62%)" },
128
+ ".language-css .token.important": { color: "hsl(286, 60%, 67%)" },
129
+ ".language-css .token.atrule .token.rule": { color: "hsl(286, 60%, 67%)" },
130
+ ".language-javascript .token.operator": { color: "hsl(286, 60%, 67%)" },
131
+ ".language-javascript .token.template-string > .token.interpolation > .token.interpolation-punctuation.punctuation": { color: "hsl(5, 48%, 51%)" },
132
+ ".language-json .token.operator": { color: "hsl(220, 14%, 71%)" },
133
+ ".language-json .token.null.keyword": { color: "hsl(29, 54%, 61%)" },
134
+ ".language-markdown .token.url": { color: "hsl(220, 14%, 71%)" },
135
+ ".language-markdown .token.url > .token.operator": { color: "hsl(220, 14%, 71%)" },
136
+ ".language-markdown .token.url-reference.url > .token.string": { color: "hsl(220, 14%, 71%)" },
137
+ ".language-markdown .token.url > .token.content": { color: "hsl(207, 82%, 66%)" },
138
+ ".language-markdown .token.url > .token.url": { color: "hsl(187, 47%, 55%)" },
139
+ ".language-markdown .token.url-reference.url": { color: "hsl(187, 47%, 55%)" },
140
+ ".language-markdown .token.blockquote.punctuation": {
141
+ color: "hsl(220, 10%, 40%)",
142
+ fontStyle: "italic"
143
+ },
144
+ ".language-markdown .token.hr.punctuation": {
145
+ color: "hsl(220, 10%, 40%)",
146
+ fontStyle: "italic"
147
+ },
148
+ ".language-markdown .token.code-snippet": { color: "hsl(95, 38%, 62%)" },
149
+ ".language-markdown .token.bold .token.content": { color: "hsl(29, 54%, 61%)" },
150
+ ".language-markdown .token.italic .token.content": { color: "hsl(286, 60%, 67%)" },
151
+ ".language-markdown .token.strike .token.content": { color: "hsl(355, 65%, 65%)" },
152
+ ".language-markdown .token.strike .token.punctuation": { color: "hsl(355, 65%, 65%)" },
153
+ ".language-markdown .token.list.punctuation": { color: "hsl(355, 65%, 65%)" },
154
+ ".language-markdown .token.title.important > .token.punctuation": { color: "hsl(355, 65%, 65%)" },
155
+ bold: { fontWeight: "bold" },
156
+ italic: { fontStyle: "italic" },
157
+ namespace: { Opacity: "0.8" },
158
+ "token.tab:not(:empty):before": {
159
+ color: "hsla(220, 14%, 71%, 0.15)",
160
+ textShadow: "none"
161
+ },
162
+ "token.cr:before": {
163
+ color: "hsla(220, 14%, 71%, 0.15)",
164
+ textShadow: "none"
165
+ },
166
+ "token.lf:before": {
167
+ color: "hsla(220, 14%, 71%, 0.15)",
168
+ textShadow: "none"
169
+ },
170
+ "token.space:before": {
171
+ color: "hsla(220, 14%, 71%, 0.15)",
172
+ textShadow: "none"
173
+ },
174
+ "div.code-toolbar > .toolbar.toolbar > .toolbar-item": { marginRight: "0.4em" },
175
+ "div.code-toolbar > .toolbar.toolbar > .toolbar-item > button": {
176
+ background: "hsl(220, 13%, 26%)",
177
+ color: "hsl(220, 9%, 55%)",
178
+ padding: "0.1em 0.4em",
179
+ borderRadius: "0.3em"
180
+ },
181
+ "div.code-toolbar > .toolbar.toolbar > .toolbar-item > a": {
182
+ background: "hsl(220, 13%, 26%)",
183
+ color: "hsl(220, 9%, 55%)",
184
+ padding: "0.1em 0.4em",
185
+ borderRadius: "0.3em"
186
+ },
187
+ "div.code-toolbar > .toolbar.toolbar > .toolbar-item > span": {
188
+ background: "hsl(220, 13%, 26%)",
189
+ color: "hsl(220, 9%, 55%)",
190
+ padding: "0.1em 0.4em",
191
+ borderRadius: "0.3em"
192
+ },
193
+ "div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:hover": {
194
+ background: "hsl(220, 13%, 28%)",
195
+ color: "hsl(220, 14%, 71%)"
196
+ },
197
+ "div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:focus": {
198
+ background: "hsl(220, 13%, 28%)",
199
+ color: "hsl(220, 14%, 71%)"
200
+ },
201
+ "div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:hover": {
202
+ background: "hsl(220, 13%, 28%)",
203
+ color: "hsl(220, 14%, 71%)"
204
+ },
205
+ "div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:focus": {
206
+ background: "hsl(220, 13%, 28%)",
207
+ color: "hsl(220, 14%, 71%)"
208
+ },
209
+ "div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:hover": {
210
+ background: "hsl(220, 13%, 28%)",
211
+ color: "hsl(220, 14%, 71%)"
212
+ },
213
+ "div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:focus": {
214
+ background: "hsl(220, 13%, 28%)",
215
+ color: "hsl(220, 14%, 71%)"
216
+ },
217
+ ".line-highlight.line-highlight": { background: "hsla(220, 100%, 80%, 0.04)" },
218
+ ".line-highlight.line-highlight:before": {
219
+ background: "hsl(220, 13%, 26%)",
220
+ color: "hsl(220, 14%, 71%)",
221
+ padding: "0.1em 0.6em",
222
+ borderRadius: "0.3em",
223
+ boxShadow: "0 2px 0 0 rgba(0, 0, 0, 0.2)"
224
+ },
225
+ ".line-highlight.line-highlight[data-end]:after": {
226
+ background: "hsl(220, 13%, 26%)",
227
+ color: "hsl(220, 14%, 71%)",
228
+ padding: "0.1em 0.6em",
229
+ borderRadius: "0.3em",
230
+ boxShadow: "0 2px 0 0 rgba(0, 0, 0, 0.2)"
231
+ },
232
+ "pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows > span:hover:before": { backgroundColor: "hsla(220, 100%, 80%, 0.04)" },
233
+ ".line-numbers.line-numbers .line-numbers-rows": { borderRightColor: "hsla(220, 14%, 71%, 0.15)" },
234
+ ".command-line .command-line-prompt": { borderRightColor: "hsla(220, 14%, 71%, 0.15)" },
235
+ ".line-numbers .line-numbers-rows > span:before": { color: "hsl(220, 14%, 45%)" },
236
+ ".command-line .command-line-prompt > span:before": { color: "hsl(220, 14%, 45%)" },
237
+ ".rainbow-braces .token.token.punctuation.brace-level-1": { color: "hsl(355, 65%, 65%)" },
238
+ ".rainbow-braces .token.token.punctuation.brace-level-5": { color: "hsl(355, 65%, 65%)" },
239
+ ".rainbow-braces .token.token.punctuation.brace-level-9": { color: "hsl(355, 65%, 65%)" },
240
+ ".rainbow-braces .token.token.punctuation.brace-level-2": { color: "hsl(95, 38%, 62%)" },
241
+ ".rainbow-braces .token.token.punctuation.brace-level-6": { color: "hsl(95, 38%, 62%)" },
242
+ ".rainbow-braces .token.token.punctuation.brace-level-10": { color: "hsl(95, 38%, 62%)" },
243
+ ".rainbow-braces .token.token.punctuation.brace-level-3": { color: "hsl(207, 82%, 66%)" },
244
+ ".rainbow-braces .token.token.punctuation.brace-level-7": { color: "hsl(207, 82%, 66%)" },
245
+ ".rainbow-braces .token.token.punctuation.brace-level-11": { color: "hsl(207, 82%, 66%)" },
246
+ ".rainbow-braces .token.token.punctuation.brace-level-4": { color: "hsl(286, 60%, 67%)" },
247
+ ".rainbow-braces .token.token.punctuation.brace-level-8": { color: "hsl(286, 60%, 67%)" },
248
+ ".rainbow-braces .token.token.punctuation.brace-level-12": { color: "hsl(286, 60%, 67%)" },
249
+ "pre.diff-highlight > code .token.token.deleted:not(.prefix)": { backgroundColor: "hsla(353, 100%, 66%, 0.15)" },
250
+ "pre > code.diff-highlight .token.token.deleted:not(.prefix)": { backgroundColor: "hsla(353, 100%, 66%, 0.15)" },
251
+ "pre.diff-highlight > code .token.token.deleted:not(.prefix)::-moz-selection": { backgroundColor: "hsla(353, 95%, 66%, 0.25)" },
252
+ "pre.diff-highlight > code .token.token.deleted:not(.prefix) *::-moz-selection": { backgroundColor: "hsla(353, 95%, 66%, 0.25)" },
253
+ "pre > code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection": { backgroundColor: "hsla(353, 95%, 66%, 0.25)" },
254
+ "pre > code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-selection": { backgroundColor: "hsla(353, 95%, 66%, 0.25)" },
255
+ "pre.diff-highlight > code .token.token.deleted:not(.prefix)::selection": { backgroundColor: "hsla(353, 95%, 66%, 0.25)" },
256
+ "pre.diff-highlight > code .token.token.deleted:not(.prefix) *::selection": { backgroundColor: "hsla(353, 95%, 66%, 0.25)" },
257
+ "pre > code.diff-highlight .token.token.deleted:not(.prefix)::selection": { backgroundColor: "hsla(353, 95%, 66%, 0.25)" },
258
+ "pre > code.diff-highlight .token.token.deleted:not(.prefix) *::selection": { backgroundColor: "hsla(353, 95%, 66%, 0.25)" },
259
+ "pre.diff-highlight > code .token.token.inserted:not(.prefix)": { backgroundColor: "hsla(137, 100%, 55%, 0.15)" },
260
+ "pre > code.diff-highlight .token.token.inserted:not(.prefix)": { backgroundColor: "hsla(137, 100%, 55%, 0.15)" },
261
+ "pre.diff-highlight > code .token.token.inserted:not(.prefix)::-moz-selection": { backgroundColor: "hsla(135, 73%, 55%, 0.25)" },
262
+ "pre.diff-highlight > code .token.token.inserted:not(.prefix) *::-moz-selection": { backgroundColor: "hsla(135, 73%, 55%, 0.25)" },
263
+ "pre > code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection": { backgroundColor: "hsla(135, 73%, 55%, 0.25)" },
264
+ "pre > code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-selection": { backgroundColor: "hsla(135, 73%, 55%, 0.25)" },
265
+ "pre.diff-highlight > code .token.token.inserted:not(.prefix)::selection": { backgroundColor: "hsla(135, 73%, 55%, 0.25)" },
266
+ "pre.diff-highlight > code .token.token.inserted:not(.prefix) *::selection": { backgroundColor: "hsla(135, 73%, 55%, 0.25)" },
267
+ "pre > code.diff-highlight .token.token.inserted:not(.prefix)::selection": { backgroundColor: "hsla(135, 73%, 55%, 0.25)" },
268
+ "pre > code.diff-highlight .token.token.inserted:not(.prefix) *::selection": { backgroundColor: "hsla(135, 73%, 55%, 0.25)" },
269
+ ".prism-previewer.prism-previewer:before": { borderColor: "hsl(224, 13%, 17%)" },
270
+ ".prism-previewer-gradient.prism-previewer-gradient div": {
271
+ borderColor: "hsl(224, 13%, 17%)",
272
+ borderRadius: "0.3em"
273
+ },
274
+ ".prism-previewer-color.prism-previewer-color:before": { borderRadius: "0.3em" },
275
+ ".prism-previewer-easing.prism-previewer-easing:before": { borderRadius: "0.3em" },
276
+ ".prism-previewer.prism-previewer:after": { borderTopColor: "hsl(224, 13%, 17%)" },
277
+ ".prism-previewer-flipped.prism-previewer-flipped.after": { borderBottomColor: "hsl(224, 13%, 17%)" },
278
+ ".prism-previewer-angle.prism-previewer-angle:before": { background: "hsl(219, 13%, 22%)" },
279
+ ".prism-previewer-time.prism-previewer-time:before": { background: "hsl(219, 13%, 22%)" },
280
+ ".prism-previewer-easing.prism-previewer-easing": { background: "hsl(219, 13%, 22%)" },
281
+ ".prism-previewer-angle.prism-previewer-angle circle": {
282
+ stroke: "hsl(220, 14%, 71%)",
283
+ strokeOpacity: "1"
284
+ },
285
+ ".prism-previewer-time.prism-previewer-time circle": {
286
+ stroke: "hsl(220, 14%, 71%)",
287
+ strokeOpacity: "1"
288
+ },
289
+ ".prism-previewer-easing.prism-previewer-easing circle": {
290
+ stroke: "hsl(220, 14%, 71%)",
291
+ fill: "transparent"
292
+ },
293
+ ".prism-previewer-easing.prism-previewer-easing path": { stroke: "hsl(220, 14%, 71%)" },
294
+ ".prism-previewer-easing.prism-previewer-easing line": { stroke: "hsl(220, 14%, 71%)" }
295
+ }, u = {
296
+ "code[class*=\"language-\"]": {
297
+ background: "hsl(230, 1%, 98%)",
298
+ color: "hsl(230, 8%, 24%)",
299
+ fontFamily: "\"Fira Code\", \"Fira Mono\", Menlo, Consolas, \"DejaVu Sans Mono\", monospace",
300
+ direction: "ltr",
301
+ textAlign: "left",
302
+ whiteSpace: "pre",
303
+ wordSpacing: "normal",
304
+ wordBreak: "normal",
305
+ lineHeight: "1.5",
306
+ MozTabSize: "2",
307
+ OTabSize: "2",
308
+ tabSize: "2",
309
+ WebkitHyphens: "none",
310
+ MozHyphens: "none",
311
+ msHyphens: "none",
312
+ hyphens: "none"
313
+ },
314
+ "pre[class*=\"language-\"]": {
315
+ background: "hsl(230, 1%, 98%)",
316
+ color: "hsl(230, 8%, 24%)",
317
+ fontFamily: "\"Fira Code\", \"Fira Mono\", Menlo, Consolas, \"DejaVu Sans Mono\", monospace",
318
+ direction: "ltr",
319
+ textAlign: "left",
320
+ whiteSpace: "pre",
321
+ wordSpacing: "normal",
322
+ wordBreak: "normal",
323
+ lineHeight: "1.5",
324
+ MozTabSize: "2",
325
+ OTabSize: "2",
326
+ tabSize: "2",
327
+ WebkitHyphens: "none",
328
+ MozHyphens: "none",
329
+ msHyphens: "none",
330
+ hyphens: "none",
331
+ padding: "1em",
332
+ margin: "0.5em 0",
333
+ overflow: "auto",
334
+ borderRadius: "0.3em"
335
+ },
336
+ "code[class*=\"language-\"]::-moz-selection": {
337
+ background: "hsl(230, 1%, 90%)",
338
+ color: "inherit"
339
+ },
340
+ "code[class*=\"language-\"] *::-moz-selection": {
341
+ background: "hsl(230, 1%, 90%)",
342
+ color: "inherit"
343
+ },
344
+ "pre[class*=\"language-\"] *::-moz-selection": {
345
+ background: "hsl(230, 1%, 90%)",
346
+ color: "inherit"
347
+ },
348
+ "code[class*=\"language-\"]::selection": {
349
+ background: "hsl(230, 1%, 90%)",
350
+ color: "inherit"
351
+ },
352
+ "code[class*=\"language-\"] *::selection": {
353
+ background: "hsl(230, 1%, 90%)",
354
+ color: "inherit"
355
+ },
356
+ "pre[class*=\"language-\"] *::selection": {
357
+ background: "hsl(230, 1%, 90%)",
358
+ color: "inherit"
359
+ },
360
+ ":not(pre) > code[class*=\"language-\"]": {
361
+ padding: "0.2em 0.3em",
362
+ borderRadius: "0.3em",
363
+ whiteSpace: "normal"
364
+ },
365
+ comment: {
366
+ color: "hsl(230, 4%, 64%)",
367
+ fontStyle: "italic"
368
+ },
369
+ prolog: { color: "hsl(230, 4%, 64%)" },
370
+ cdata: { color: "hsl(230, 4%, 64%)" },
371
+ doctype: { color: "hsl(230, 8%, 24%)" },
372
+ punctuation: { color: "hsl(230, 8%, 24%)" },
373
+ entity: {
374
+ color: "hsl(230, 8%, 24%)",
375
+ cursor: "help"
376
+ },
377
+ "attr-name": { color: "hsl(35, 99%, 36%)" },
378
+ "class-name": { color: "hsl(35, 99%, 36%)" },
379
+ boolean: { color: "hsl(35, 99%, 36%)" },
380
+ constant: { color: "hsl(35, 99%, 36%)" },
381
+ number: { color: "hsl(35, 99%, 36%)" },
382
+ atrule: { color: "hsl(35, 99%, 36%)" },
383
+ keyword: { color: "hsl(301, 63%, 40%)" },
384
+ property: { color: "hsl(5, 74%, 59%)" },
385
+ tag: { color: "hsl(5, 74%, 59%)" },
386
+ symbol: { color: "hsl(5, 74%, 59%)" },
387
+ deleted: { color: "hsl(5, 74%, 59%)" },
388
+ important: { color: "hsl(5, 74%, 59%)" },
389
+ selector: { color: "hsl(119, 34%, 47%)" },
390
+ string: { color: "hsl(119, 34%, 47%)" },
391
+ char: { color: "hsl(119, 34%, 47%)" },
392
+ builtin: { color: "hsl(119, 34%, 47%)" },
393
+ inserted: { color: "hsl(119, 34%, 47%)" },
394
+ regex: { color: "hsl(119, 34%, 47%)" },
395
+ "attr-value": { color: "hsl(119, 34%, 47%)" },
396
+ "attr-value > .token.punctuation": { color: "hsl(119, 34%, 47%)" },
397
+ variable: { color: "hsl(221, 87%, 60%)" },
398
+ operator: { color: "hsl(221, 87%, 60%)" },
399
+ function: { color: "hsl(221, 87%, 60%)" },
400
+ url: { color: "hsl(198, 99%, 37%)" },
401
+ "attr-value > .token.punctuation.attr-equals": { color: "hsl(230, 8%, 24%)" },
402
+ "special-attr > .token.attr-value > .token.value.css": { color: "hsl(230, 8%, 24%)" },
403
+ ".language-css .token.selector": { color: "hsl(5, 74%, 59%)" },
404
+ ".language-css .token.property": { color: "hsl(230, 8%, 24%)" },
405
+ ".language-css .token.function": { color: "hsl(198, 99%, 37%)" },
406
+ ".language-css .token.url > .token.function": { color: "hsl(198, 99%, 37%)" },
407
+ ".language-css .token.url > .token.string.url": { color: "hsl(119, 34%, 47%)" },
408
+ ".language-css .token.important": { color: "hsl(301, 63%, 40%)" },
409
+ ".language-css .token.atrule .token.rule": { color: "hsl(301, 63%, 40%)" },
410
+ ".language-javascript .token.operator": { color: "hsl(301, 63%, 40%)" },
411
+ ".language-javascript .token.template-string > .token.interpolation > .token.interpolation-punctuation.punctuation": { color: "hsl(344, 84%, 43%)" },
412
+ ".language-json .token.operator": { color: "hsl(230, 8%, 24%)" },
413
+ ".language-json .token.null.keyword": { color: "hsl(35, 99%, 36%)" },
414
+ ".language-markdown .token.url": { color: "hsl(230, 8%, 24%)" },
415
+ ".language-markdown .token.url > .token.operator": { color: "hsl(230, 8%, 24%)" },
416
+ ".language-markdown .token.url-reference.url > .token.string": { color: "hsl(230, 8%, 24%)" },
417
+ ".language-markdown .token.url > .token.content": { color: "hsl(221, 87%, 60%)" },
418
+ ".language-markdown .token.url > .token.url": { color: "hsl(198, 99%, 37%)" },
419
+ ".language-markdown .token.url-reference.url": { color: "hsl(198, 99%, 37%)" },
420
+ ".language-markdown .token.blockquote.punctuation": {
421
+ color: "hsl(230, 4%, 64%)",
422
+ fontStyle: "italic"
423
+ },
424
+ ".language-markdown .token.hr.punctuation": {
425
+ color: "hsl(230, 4%, 64%)",
426
+ fontStyle: "italic"
427
+ },
428
+ ".language-markdown .token.code-snippet": { color: "hsl(119, 34%, 47%)" },
429
+ ".language-markdown .token.bold .token.content": { color: "hsl(35, 99%, 36%)" },
430
+ ".language-markdown .token.italic .token.content": { color: "hsl(301, 63%, 40%)" },
431
+ ".language-markdown .token.strike .token.content": { color: "hsl(5, 74%, 59%)" },
432
+ ".language-markdown .token.strike .token.punctuation": { color: "hsl(5, 74%, 59%)" },
433
+ ".language-markdown .token.list.punctuation": { color: "hsl(5, 74%, 59%)" },
434
+ ".language-markdown .token.title.important > .token.punctuation": { color: "hsl(5, 74%, 59%)" },
435
+ bold: { fontWeight: "bold" },
436
+ italic: { fontStyle: "italic" },
437
+ namespace: { Opacity: "0.8" },
438
+ "token.tab:not(:empty):before": { color: "hsla(230, 8%, 24%, 0.2)" },
439
+ "token.cr:before": { color: "hsla(230, 8%, 24%, 0.2)" },
440
+ "token.lf:before": { color: "hsla(230, 8%, 24%, 0.2)" },
441
+ "token.space:before": { color: "hsla(230, 8%, 24%, 0.2)" },
442
+ "div.code-toolbar > .toolbar.toolbar > .toolbar-item": { marginRight: "0.4em" },
443
+ "div.code-toolbar > .toolbar.toolbar > .toolbar-item > button": {
444
+ background: "hsl(230, 1%, 90%)",
445
+ color: "hsl(230, 6%, 44%)",
446
+ padding: "0.1em 0.4em",
447
+ borderRadius: "0.3em"
448
+ },
449
+ "div.code-toolbar > .toolbar.toolbar > .toolbar-item > a": {
450
+ background: "hsl(230, 1%, 90%)",
451
+ color: "hsl(230, 6%, 44%)",
452
+ padding: "0.1em 0.4em",
453
+ borderRadius: "0.3em"
454
+ },
455
+ "div.code-toolbar > .toolbar.toolbar > .toolbar-item > span": {
456
+ background: "hsl(230, 1%, 90%)",
457
+ color: "hsl(230, 6%, 44%)",
458
+ padding: "0.1em 0.4em",
459
+ borderRadius: "0.3em"
460
+ },
461
+ "div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:hover": {
462
+ background: "hsl(230, 1%, 78%)",
463
+ color: "hsl(230, 8%, 24%)"
464
+ },
465
+ "div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:focus": {
466
+ background: "hsl(230, 1%, 78%)",
467
+ color: "hsl(230, 8%, 24%)"
468
+ },
469
+ "div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:hover": {
470
+ background: "hsl(230, 1%, 78%)",
471
+ color: "hsl(230, 8%, 24%)"
472
+ },
473
+ "div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:focus": {
474
+ background: "hsl(230, 1%, 78%)",
475
+ color: "hsl(230, 8%, 24%)"
476
+ },
477
+ "div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:hover": {
478
+ background: "hsl(230, 1%, 78%)",
479
+ color: "hsl(230, 8%, 24%)"
480
+ },
481
+ "div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:focus": {
482
+ background: "hsl(230, 1%, 78%)",
483
+ color: "hsl(230, 8%, 24%)"
484
+ },
485
+ ".line-highlight.line-highlight": { background: "hsla(230, 8%, 24%, 0.05)" },
486
+ ".line-highlight.line-highlight:before": {
487
+ background: "hsl(230, 1%, 90%)",
488
+ color: "hsl(230, 8%, 24%)",
489
+ padding: "0.1em 0.6em",
490
+ borderRadius: "0.3em",
491
+ boxShadow: "0 2px 0 0 rgba(0, 0, 0, 0.2)"
492
+ },
493
+ ".line-highlight.line-highlight[data-end]:after": {
494
+ background: "hsl(230, 1%, 90%)",
495
+ color: "hsl(230, 8%, 24%)",
496
+ padding: "0.1em 0.6em",
497
+ borderRadius: "0.3em",
498
+ boxShadow: "0 2px 0 0 rgba(0, 0, 0, 0.2)"
499
+ },
500
+ "pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows > span:hover:before": { backgroundColor: "hsla(230, 8%, 24%, 0.05)" },
501
+ ".line-numbers.line-numbers .line-numbers-rows": { borderRightColor: "hsla(230, 8%, 24%, 0.2)" },
502
+ ".command-line .command-line-prompt": { borderRightColor: "hsla(230, 8%, 24%, 0.2)" },
503
+ ".line-numbers .line-numbers-rows > span:before": { color: "hsl(230, 1%, 62%)" },
504
+ ".command-line .command-line-prompt > span:before": { color: "hsl(230, 1%, 62%)" },
505
+ ".rainbow-braces .token.token.punctuation.brace-level-1": { color: "hsl(5, 74%, 59%)" },
506
+ ".rainbow-braces .token.token.punctuation.brace-level-5": { color: "hsl(5, 74%, 59%)" },
507
+ ".rainbow-braces .token.token.punctuation.brace-level-9": { color: "hsl(5, 74%, 59%)" },
508
+ ".rainbow-braces .token.token.punctuation.brace-level-2": { color: "hsl(119, 34%, 47%)" },
509
+ ".rainbow-braces .token.token.punctuation.brace-level-6": { color: "hsl(119, 34%, 47%)" },
510
+ ".rainbow-braces .token.token.punctuation.brace-level-10": { color: "hsl(119, 34%, 47%)" },
511
+ ".rainbow-braces .token.token.punctuation.brace-level-3": { color: "hsl(221, 87%, 60%)" },
512
+ ".rainbow-braces .token.token.punctuation.brace-level-7": { color: "hsl(221, 87%, 60%)" },
513
+ ".rainbow-braces .token.token.punctuation.brace-level-11": { color: "hsl(221, 87%, 60%)" },
514
+ ".rainbow-braces .token.token.punctuation.brace-level-4": { color: "hsl(301, 63%, 40%)" },
515
+ ".rainbow-braces .token.token.punctuation.brace-level-8": { color: "hsl(301, 63%, 40%)" },
516
+ ".rainbow-braces .token.token.punctuation.brace-level-12": { color: "hsl(301, 63%, 40%)" },
517
+ "pre.diff-highlight > code .token.token.deleted:not(.prefix)": { backgroundColor: "hsla(353, 100%, 66%, 0.15)" },
518
+ "pre > code.diff-highlight .token.token.deleted:not(.prefix)": { backgroundColor: "hsla(353, 100%, 66%, 0.15)" },
519
+ "pre.diff-highlight > code .token.token.deleted:not(.prefix)::-moz-selection": { backgroundColor: "hsla(353, 95%, 66%, 0.25)" },
520
+ "pre.diff-highlight > code .token.token.deleted:not(.prefix) *::-moz-selection": { backgroundColor: "hsla(353, 95%, 66%, 0.25)" },
521
+ "pre > code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection": { backgroundColor: "hsla(353, 95%, 66%, 0.25)" },
522
+ "pre > code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-selection": { backgroundColor: "hsla(353, 95%, 66%, 0.25)" },
523
+ "pre.diff-highlight > code .token.token.deleted:not(.prefix)::selection": { backgroundColor: "hsla(353, 95%, 66%, 0.25)" },
524
+ "pre.diff-highlight > code .token.token.deleted:not(.prefix) *::selection": { backgroundColor: "hsla(353, 95%, 66%, 0.25)" },
525
+ "pre > code.diff-highlight .token.token.deleted:not(.prefix)::selection": { backgroundColor: "hsla(353, 95%, 66%, 0.25)" },
526
+ "pre > code.diff-highlight .token.token.deleted:not(.prefix) *::selection": { backgroundColor: "hsla(353, 95%, 66%, 0.25)" },
527
+ "pre.diff-highlight > code .token.token.inserted:not(.prefix)": { backgroundColor: "hsla(137, 100%, 55%, 0.15)" },
528
+ "pre > code.diff-highlight .token.token.inserted:not(.prefix)": { backgroundColor: "hsla(137, 100%, 55%, 0.15)" },
529
+ "pre.diff-highlight > code .token.token.inserted:not(.prefix)::-moz-selection": { backgroundColor: "hsla(135, 73%, 55%, 0.25)" },
530
+ "pre.diff-highlight > code .token.token.inserted:not(.prefix) *::-moz-selection": { backgroundColor: "hsla(135, 73%, 55%, 0.25)" },
531
+ "pre > code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection": { backgroundColor: "hsla(135, 73%, 55%, 0.25)" },
532
+ "pre > code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-selection": { backgroundColor: "hsla(135, 73%, 55%, 0.25)" },
533
+ "pre.diff-highlight > code .token.token.inserted:not(.prefix)::selection": { backgroundColor: "hsla(135, 73%, 55%, 0.25)" },
534
+ "pre.diff-highlight > code .token.token.inserted:not(.prefix) *::selection": { backgroundColor: "hsla(135, 73%, 55%, 0.25)" },
535
+ "pre > code.diff-highlight .token.token.inserted:not(.prefix)::selection": { backgroundColor: "hsla(135, 73%, 55%, 0.25)" },
536
+ "pre > code.diff-highlight .token.token.inserted:not(.prefix) *::selection": { backgroundColor: "hsla(135, 73%, 55%, 0.25)" },
537
+ ".prism-previewer.prism-previewer:before": { borderColor: "hsl(0, 0, 95%)" },
538
+ ".prism-previewer-gradient.prism-previewer-gradient div": {
539
+ borderColor: "hsl(0, 0, 95%)",
540
+ borderRadius: "0.3em"
541
+ },
542
+ ".prism-previewer-color.prism-previewer-color:before": { borderRadius: "0.3em" },
543
+ ".prism-previewer-easing.prism-previewer-easing:before": { borderRadius: "0.3em" },
544
+ ".prism-previewer.prism-previewer:after": { borderTopColor: "hsl(0, 0, 95%)" },
545
+ ".prism-previewer-flipped.prism-previewer-flipped.after": { borderBottomColor: "hsl(0, 0, 95%)" },
546
+ ".prism-previewer-angle.prism-previewer-angle:before": { background: "hsl(0, 0%, 100%)" },
547
+ ".prism-previewer-time.prism-previewer-time:before": { background: "hsl(0, 0%, 100%)" },
548
+ ".prism-previewer-easing.prism-previewer-easing": { background: "hsl(0, 0%, 100%)" },
549
+ ".prism-previewer-angle.prism-previewer-angle circle": {
550
+ stroke: "hsl(230, 8%, 24%)",
551
+ strokeOpacity: "1"
552
+ },
553
+ ".prism-previewer-time.prism-previewer-time circle": {
554
+ stroke: "hsl(230, 8%, 24%)",
555
+ strokeOpacity: "1"
556
+ },
557
+ ".prism-previewer-easing.prism-previewer-easing circle": {
558
+ stroke: "hsl(230, 8%, 24%)",
559
+ fill: "transparent"
560
+ },
561
+ ".prism-previewer-easing.prism-previewer-easing path": { stroke: "hsl(230, 8%, 24%)" },
562
+ ".prism-previewer-easing.prism-previewer-easing line": { stroke: "hsl(230, 8%, 24%)" }
563
+ }, d = ({ code: d, language: f = "typescript", showLineNumbers: p = !0, showCopyButton: m = !0, customStyle: h, onCopied: g }) => {
564
+ let [_, v] = n(!1), { mode: y } = s();
565
+ return d ? /* @__PURE__ */ i(a, {
566
+ sx: {
567
+ position: "relative",
568
+ width: "100%"
569
+ },
570
+ children: [m && /* @__PURE__ */ r(o, {
571
+ onClick: async () => {
572
+ if (d) try {
573
+ await navigator.clipboard.writeText(d), v(!0), setTimeout(() => v(!1), 2e3), g?.();
574
+ } catch (e) {
575
+ console.error("Failed to copy code:", e);
576
+ }
577
+ },
578
+ sx: {
579
+ position: "absolute",
580
+ top: 8,
581
+ right: 8,
582
+ zIndex: 1,
583
+ color: _ ? "success.main" : "text.primary",
584
+ backdropFilter: "blur(8px)"
585
+ },
586
+ children: r(_ ? e : t, {})
587
+ }), /* @__PURE__ */ r(c, {
588
+ language: f,
589
+ style: y === "dark" ? l : u,
590
+ showLineNumbers: p,
591
+ customStyle: {
592
+ margin: 0,
593
+ borderRadius: "var(--s-shape-borderRadius)",
594
+ fontSize: "0.875rem",
595
+ backgroundColor: "var(--s-palette-background-paper)",
596
+ border: "1px solid",
597
+ borderColor: "var(--s-palette-divider)",
598
+ ...h
599
+ },
600
+ wrapLines: !0,
601
+ wrapLongLines: !0,
602
+ children: d
603
+ })]
604
+ }) : null;
605
+ };
606
+ d.displayName = "SCodeBlock";
607
+ //#endregion
608
+ export { d as t };
package/dist/s-comment-message/index.js CHANGED
@@ -1,4 +1,3 @@
1
- import { SCommentMessage as m } from "./s-comment-message.js";
2
- export {
3
- m as default
4
- };
1
+ import "../createTheme-DuS5_nJb.js";
2
+ import { t as e } from "../s-comment-message-DDAHdQqY.js";
3
+ export { e as default };