@solostylist/ui-kit 1.0.230 → 2.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (553) hide show
  1. package/dist/colors-CNjL5fhq.js +180 -0
  2. package/dist/gradients-DSnBONEQ.js +199 -0
  3. package/dist/hooks/index.d.ts +0 -1
  4. package/dist/hooks/index.js +4 -5
  5. package/dist/hooks/use-countdown.js +69 -47
  6. package/dist/main.d.ts +7 -2
  7. package/dist/main.js +2 -0
  8. package/dist/palettes/index.d.ts +11 -0
  9. package/dist/palettes/index.js +2 -0
  10. package/dist/palettes-CJLuEy1m.js +1765 -0
  11. package/dist/s-accordion/index.d.ts +2 -1
  12. package/dist/s-accordion/index.js +1 -1
  13. package/dist/s-accordion/s-accordion.d.ts +39 -19
  14. package/dist/s-accordion/s-accordion.js +70 -2
  15. package/dist/s-action-overlay/index.d.ts +2 -1
  16. package/dist/s-action-overlay/s-action-overlay.d.ts +52 -51
  17. package/dist/s-action-overlay/s-action-overlay.js +106 -107
  18. package/dist/s-autocomplete/index.d.ts +2 -1
  19. package/dist/s-autocomplete/s-autocomplete.d.ts +25 -8
  20. package/dist/s-autocomplete/s-autocomplete.js +33 -22
  21. package/dist/s-avatar/index.d.ts +2 -1
  22. package/dist/s-avatar/s-avatar.d.ts +36 -18
  23. package/dist/s-avatar/s-avatar.js +53 -27
  24. package/dist/s-blur-text/index.d.ts +1 -0
  25. package/dist/s-blur-text/s-blur-text.d.ts +3 -3
  26. package/dist/s-blur-text/s-blur-text.js +68 -40
  27. package/dist/s-brand-logo/index.d.ts +3 -0
  28. package/dist/s-brand-logo/index.js +2 -0
  29. package/dist/s-brand-logo/s-brand-logo.d.ts +15 -0
  30. package/dist/s-brand-logo/s-brand-logo.js +2 -0
  31. package/dist/s-brand-logo-CErW9Slg.js +123 -0
  32. package/dist/s-breadcrumbs/index.d.ts +2 -1
  33. package/dist/s-breadcrumbs/s-breadcrumbs.d.ts +5 -1
  34. package/dist/s-breadcrumbs/s-breadcrumbs.js +71 -36
  35. package/dist/s-button/s-button.d.ts +3 -5
  36. package/dist/s-button/s-button.js +3 -9
  37. package/dist/s-carousel/index.d.ts +3 -1
  38. package/dist/s-carousel/index.js +1 -1
  39. package/dist/s-carousel/s-carousel.d.ts +18 -8
  40. package/dist/s-carousel/s-carousel.js +184 -2
  41. package/dist/s-category-card/index.d.ts +2 -1
  42. package/dist/s-category-card/s-category-card.d.ts +38 -51
  43. package/dist/s-category-card/s-category-card.js +88 -56
  44. package/dist/s-chat-input/index.d.ts +2 -1
  45. package/dist/s-chat-input/index.js +1 -1
  46. package/dist/s-chat-input/s-chat-input.d.ts +41 -6
  47. package/dist/s-chat-input/s-chat-input.js +398 -2
  48. package/dist/s-chat-message/index.d.ts +2 -1
  49. package/dist/s-chat-message/index.js +1 -1
  50. package/dist/s-chat-message/s-chat-message.d.ts +6 -3
  51. package/dist/s-chat-message/s-chat-message.js +314 -2
  52. package/dist/s-checkbox/index.d.ts +2 -1
  53. package/dist/s-checkbox/s-checkbox.d.ts +33 -11
  54. package/dist/s-checkbox/s-checkbox.js +44 -34
  55. package/dist/s-chip/s-chip.d.ts +3 -5
  56. package/dist/s-chip/s-chip.js +3 -9
  57. package/dist/s-chips/index.d.ts +2 -1
  58. package/dist/s-chips/index.js +1 -1
  59. package/dist/s-chips/s-chips.d.ts +50 -28
  60. package/dist/s-chips/s-chips.js +174 -2
  61. package/dist/s-code-block/index.d.ts +3 -1
  62. package/dist/s-code-block/index.js +1 -1
  63. package/dist/s-code-block/s-code-block.d.ts +30 -28
  64. package/dist/s-code-block/s-code-block.js +103 -2
  65. package/dist/s-comment-message/index.d.ts +1 -0
  66. package/dist/s-comment-message/index.js +1 -1
  67. package/dist/s-comment-message/s-comment-message.d.ts +6 -8
  68. package/dist/s-comment-message/s-comment-message.js +189 -2
  69. package/dist/s-copyable-text/index.d.ts +2 -1
  70. package/dist/s-copyable-text/s-copyable-text.d.ts +34 -17
  71. package/dist/s-copyable-text/s-copyable-text.js +55 -33
  72. package/dist/s-countdown/index.d.ts +4 -3
  73. package/dist/s-countdown/index.js +1 -1
  74. package/dist/s-countdown/s-count-box.d.ts +39 -32
  75. package/dist/s-countdown/s-count-box.js +104 -87
  76. package/dist/s-countdown/s-countdown.d.ts +3 -10
  77. package/dist/s-countdown/s-countdown.js +86 -70
  78. package/dist/s-data-table/index.d.ts +2 -1
  79. package/dist/s-data-table/index.js +1 -1
  80. package/dist/s-data-table/s-data-table.d.ts +15 -7
  81. package/dist/s-data-table/s-data-table.js +213 -2
  82. package/dist/s-date-picker/index.d.ts +3 -1
  83. package/dist/s-date-picker/index.js +1 -1
  84. package/dist/s-date-picker/picker-action-bar.js +43 -42
  85. package/dist/s-date-picker/s-date-picker.d.ts +9 -5
  86. package/dist/s-date-picker/s-date-picker.js +106 -2
  87. package/dist/s-datetime-picker/index.d.ts +3 -1
  88. package/dist/s-datetime-picker/index.js +1 -1
  89. package/dist/s-datetime-picker/s-datetime-picker.d.ts +9 -5
  90. package/dist/s-datetime-picker/s-datetime-picker.js +108 -2
  91. package/dist/s-dialog/index.d.ts +2 -1
  92. package/dist/s-dialog/s-dialog.d.ts +44 -22
  93. package/dist/s-dialog/s-dialog.js +76 -39
  94. package/dist/s-dialog-confirm/index.d.ts +2 -1
  95. package/dist/s-dialog-confirm/s-dialog-confirm.d.ts +46 -62
  96. package/dist/s-dialog-confirm/s-dialog-confirm.js +89 -71
  97. package/dist/s-dialog-message/index.d.ts +2 -1
  98. package/dist/s-dialog-message/s-dialog-message.d.ts +34 -51
  99. package/dist/s-dialog-message/s-dialog-message.js +74 -67
  100. package/dist/s-empty/index.d.ts +1 -0
  101. package/dist/s-empty/s-empty.d.ts +5 -10
  102. package/dist/s-empty/s-empty.js +27 -9
  103. package/dist/s-file-dropzone/index.d.ts +3 -1
  104. package/dist/s-file-dropzone/index.js +1 -1
  105. package/dist/s-file-dropzone/s-file-dropzone.d.ts +49 -26
  106. package/dist/s-file-dropzone/s-file-dropzone.js +219 -2
  107. package/dist/s-file-icon/index.d.ts +1 -0
  108. package/dist/s-file-icon/s-file-icon.d.ts +3 -5
  109. package/dist/s-file-icon/s-file-icon.js +118 -98
  110. package/dist/s-flex-box/index.d.ts +2 -1
  111. package/dist/s-flex-box/s-flex-box.d.ts +12 -14
  112. package/dist/s-flex-box/s-flex-box.js +19 -19
  113. package/dist/s-form/index.d.ts +2 -1
  114. package/dist/s-form/s-form.d.ts +33 -18
  115. package/dist/s-form/s-form.js +50 -21
  116. package/dist/s-gallery/gallery-grid-item.d.ts +3 -1
  117. package/dist/s-gallery/gallery-grid-item.js +128 -99
  118. package/dist/s-gallery/gallery-layout.d.ts +1 -1
  119. package/dist/s-gallery/gallery-media-item.d.ts +3 -3
  120. package/dist/s-gallery/gallery-media-item.js +45 -50
  121. package/dist/s-gallery/index.d.ts +2 -1
  122. package/dist/s-gallery/s-gallery.d.ts +14 -3
  123. package/dist/s-gallery/s-gallery.js +70 -51
  124. package/dist/s-glow-button/index.d.ts +2 -1
  125. package/dist/s-glow-button/index.js +1 -1
  126. package/dist/s-glow-button/s-glow-button.d.ts +14 -9
  127. package/dist/s-glow-button/s-glow-button.js +46 -25
  128. package/dist/s-gradient-icon/index.d.ts +2 -1
  129. package/dist/s-gradient-icon/s-gradient-icon.d.ts +17 -9
  130. package/dist/s-gradient-icon/s-gradient-icon.js +81 -69
  131. package/dist/s-icon-button/index.d.ts +2 -1
  132. package/dist/s-icon-button/s-icon-button.d.ts +31 -13
  133. package/dist/s-icon-button/s-icon-button.js +47 -9
  134. package/dist/s-image-comparison/index.d.ts +2 -1
  135. package/dist/s-image-comparison/index.js +1 -1
  136. package/dist/s-image-comparison/s-image-comparison.d.ts +13 -3
  137. package/dist/s-image-comparison/s-image-comparison.js +195 -98
  138. package/dist/{s-image-modal → s-image-viewer}/default-media-item.d.ts +0 -1
  139. package/dist/s-image-viewer/default-media-item.js +30 -0
  140. package/dist/s-image-viewer/image-viewer-thumbnail-dock.d.ts +12 -0
  141. package/dist/s-image-viewer/image-viewer-thumbnail-dock.js +102 -0
  142. package/dist/s-image-viewer/index.d.ts +4 -0
  143. package/dist/s-image-viewer/index.js +3 -0
  144. package/dist/s-image-viewer/s-image-viewer.d.ts +4 -0
  145. package/dist/s-image-viewer/s-image-viewer.js +266 -0
  146. package/dist/{s-image-modal → s-image-viewer}/types.d.ts +27 -10
  147. package/dist/s-image-viewer/use-image-viewer-navigation.d.ts +29 -0
  148. package/dist/s-image-viewer/use-image-viewer-navigation.js +75 -0
  149. package/dist/s-label/index.d.ts +2 -1
  150. package/dist/s-label/s-label.d.ts +35 -18
  151. package/dist/s-label/s-label.js +64 -23
  152. package/dist/s-language-switcher/index.d.ts +2 -1
  153. package/dist/s-language-switcher/index.js +2 -2
  154. package/dist/s-language-switcher/s-language-switcher.d.ts +25 -18
  155. package/dist/s-language-switcher/s-language-switcher.js +150 -2
  156. package/dist/s-lazy-image/index.d.ts +2 -1
  157. package/dist/s-lazy-image/index.js +1 -1
  158. package/dist/s-lazy-image/s-lazy-image.d.ts +45 -24
  159. package/dist/s-lazy-image/s-lazy-image.js +77 -40
  160. package/dist/s-link/s-link.d.ts +4 -33
  161. package/dist/s-link/s-link.js +3 -35
  162. package/dist/s-localization-provider/index.js +1 -1
  163. package/dist/s-localization-provider/s-localization-provider.d.ts +3 -5
  164. package/dist/s-localization-provider/s-localization-provider.js +12 -2
  165. package/dist/s-moving-border/index.d.ts +2 -1
  166. package/dist/s-moving-border/s-moving-border.d.ts +8 -2
  167. package/dist/s-moving-border/s-moving-border.js +100 -71
  168. package/dist/s-nav-item/index.d.ts +2 -1
  169. package/dist/s-nav-item/s-nav-item.d.ts +39 -31
  170. package/dist/s-nav-item/s-nav-item.js +65 -66
  171. package/dist/s-nav-items/index.d.ts +2 -1
  172. package/dist/s-nav-items/s-nav-items.d.ts +13 -10
  173. package/dist/s-nav-items/s-nav-items.js +95 -79
  174. package/dist/s-no-ssr/s-no-ssr.d.ts +4 -16
  175. package/dist/s-no-ssr/s-no-ssr.js +3 -13
  176. package/dist/s-overlay-scrollbar/index.d.ts +3 -1
  177. package/dist/s-overlay-scrollbar/s-overlay-scrollbar.d.ts +10 -8
  178. package/dist/s-overlay-scrollbar/s-overlay-scrollbar.js +28 -16
  179. package/dist/s-pagination/index.d.ts +2 -1
  180. package/dist/s-pagination/s-pagination.d.ts +14 -49
  181. package/dist/s-pagination/s-pagination.js +70 -35
  182. package/dist/s-pagination/types.d.ts +23 -1
  183. package/dist/s-pagination/types.js +8 -4
  184. package/dist/s-pixel-reveal/index.d.ts +2 -1
  185. package/dist/s-pixel-reveal/s-pixel-reveal.d.ts +10 -2
  186. package/dist/s-pixel-reveal/s-pixel-reveal.js +124 -86
  187. package/dist/s-quantity-input/index.d.ts +3 -0
  188. package/dist/s-quantity-input/index.js +2 -0
  189. package/dist/s-quantity-input/s-quantity-input.d.ts +114 -0
  190. package/dist/s-quantity-input/s-quantity-input.js +246 -0
  191. package/dist/s-radial-pulse-animate/index.d.ts +2 -1
  192. package/dist/s-radial-pulse-animate/s-radial-pulse-animate.d.ts +7 -7
  193. package/dist/s-radial-pulse-animate/s-radial-pulse-animate.js +50 -52
  194. package/dist/s-rating/s-rating.d.ts +3 -5
  195. package/dist/s-rating/s-rating.js +3 -9
  196. package/dist/s-review/index.d.ts +2 -1
  197. package/dist/s-review/index.js +1 -1
  198. package/dist/s-review/s-review.d.ts +25 -10
  199. package/dist/s-review/s-review.js +272 -2
  200. package/dist/s-scroll-reveal/index.d.ts +3 -1
  201. package/dist/s-scroll-reveal/s-scroll-reveal.d.ts +14 -6
  202. package/dist/s-scroll-reveal/s-scroll-reveal.js +78 -60
  203. package/dist/s-scroll-to-top/index.d.ts +2 -1
  204. package/dist/s-scroll-to-top/s-scroll-to-top.d.ts +15 -16
  205. package/dist/s-scroll-to-top/s-scroll-to-top.js +55 -28
  206. package/dist/s-scroll-velocity/index.d.ts +2 -1
  207. package/dist/s-scroll-velocity/s-scroll-velocity.d.ts +11 -7
  208. package/dist/s-scroll-velocity/s-scroll-velocity.js +27 -10
  209. package/dist/s-scroll-velocity/scroll-velocity-container.d.ts +2 -2
  210. package/dist/s-scroll-velocity/scroll-velocity-container.js +18 -18
  211. package/dist/s-scroll-velocity/scroll-velocity-row.d.ts +5 -3
  212. package/dist/s-scroll-velocity/scroll-velocity-row.js +81 -67
  213. package/dist/s-select/index.d.ts +2 -1
  214. package/dist/s-select/index.js +1 -1
  215. package/dist/s-select/s-select.d.ts +25 -11
  216. package/dist/s-select/s-select.js +201 -2
  217. package/dist/s-select-list/index.d.ts +2 -1
  218. package/dist/s-select-list/s-select-list.d.ts +57 -18
  219. package/dist/s-select-list/s-select-list.js +156 -32
  220. package/dist/s-skeleton/index.d.ts +2 -1
  221. package/dist/s-skeleton/s-skeleton.d.ts +21 -22
  222. package/dist/s-skeleton/s-skeleton.js +40 -39
  223. package/dist/s-snackbar-message/index.d.ts +2 -1
  224. package/dist/s-snackbar-message/s-snackbar-message.d.ts +40 -51
  225. package/dist/s-snackbar-message/s-snackbar-message.js +81 -44
  226. package/dist/s-spotlight-cursor/index.d.ts +2 -1
  227. package/dist/s-spotlight-cursor/s-spotlight-cursor.d.ts +23 -20
  228. package/dist/s-spotlight-cursor/s-spotlight-cursor.js +83 -58
  229. package/dist/s-status-illustration/index.d.ts +3 -0
  230. package/dist/s-status-illustration/index.js +2 -0
  231. package/dist/s-status-illustration/s-status-illustration.d.ts +57 -0
  232. package/dist/s-status-illustration/s-status-illustration.js +429 -0
  233. package/dist/s-stripe/index.d.ts +6 -1
  234. package/dist/s-stripe/s-stripe-cvc.d.ts +3 -1
  235. package/dist/s-stripe/s-stripe-expiry.d.ts +3 -1
  236. package/dist/s-stripe/s-stripe-number.d.ts +3 -1
  237. package/dist/s-stripe/s-stripe.d.ts +10 -3
  238. package/dist/s-stripe/s-stripe.js +53 -27
  239. package/dist/s-stripe/stripe-input.js +48 -20
  240. package/dist/s-switch/index.d.ts +2 -1
  241. package/dist/s-switch/s-switch.d.ts +33 -11
  242. package/dist/s-switch/s-switch.js +44 -34
  243. package/dist/s-tabs/index.d.ts +5 -3
  244. package/dist/s-tabs/index.js +5 -4
  245. package/dist/s-tabs/s-tab-panel.d.ts +12 -10
  246. package/dist/s-tabs/s-tab-panel.js +26 -19
  247. package/dist/s-tabs/s-tab.d.ts +3 -2
  248. package/dist/s-tabs/s-tab.js +3 -9
  249. package/dist/s-tabs/s-tabs.d.ts +46 -32
  250. package/dist/s-tabs/s-tabs.js +76 -37
  251. package/dist/s-tabs/tab-ids.d.ts +3 -0
  252. package/dist/s-tabs/tab-ids.js +9 -0
  253. package/dist/s-text-editor/index.d.ts +4 -2
  254. package/dist/s-text-editor/index.js +1 -1
  255. package/dist/s-text-editor/s-text-editor-toolbar.d.ts +9 -2
  256. package/dist/s-text-editor/s-text-editor-toolbar.js +216 -2
  257. package/dist/s-text-editor/s-text-editor.d.ts +7 -2
  258. package/dist/s-text-editor/s-text-editor.js +62 -39
  259. package/dist/s-text-field/index.d.ts +2 -1
  260. package/dist/s-text-field/index.js +1 -1
  261. package/dist/s-text-field/s-text-field.d.ts +6 -11
  262. package/dist/s-text-field/s-text-field.js +52 -2
  263. package/dist/s-text-shimmer/index.d.ts +2 -1
  264. package/dist/s-text-shimmer/s-text-shimmer.d.ts +16 -2
  265. package/dist/s-text-shimmer/s-text-shimmer.js +48 -25
  266. package/dist/s-text-truncation/index.d.ts +2 -1
  267. package/dist/s-text-truncation/s-text-truncation.d.ts +38 -14
  268. package/dist/s-text-truncation/s-text-truncation.js +105 -58
  269. package/dist/s-theme-demo/index.d.ts +2 -1
  270. package/dist/s-theme-demo/index.js +1 -1
  271. package/dist/s-theme-demo/s-theme-demo.d.ts +2 -12
  272. package/dist/s-theme-demo/s-theme-demo.js +77 -2
  273. package/dist/s-theme-demo/theme-demo-color-palette-section.d.ts +5 -0
  274. package/dist/s-theme-demo/theme-demo-color-palette-section.js +185 -0
  275. package/dist/s-theme-demo/theme-demo-color-ramps-section.d.ts +5 -0
  276. package/dist/s-theme-demo/theme-demo-color-ramps-section.js +125 -0
  277. package/dist/s-theme-demo/theme-demo-components-section.d.ts +2 -0
  278. package/dist/s-theme-demo/theme-demo-components-section.js +265 -0
  279. package/dist/s-theme-demo/theme-demo-data.d.ts +7 -0
  280. package/dist/s-theme-demo/theme-demo-data.js +45 -0
  281. package/dist/s-theme-demo/theme-demo-interactive-section.d.ts +2 -0
  282. package/dist/s-theme-demo/theme-demo-interactive-section.js +95 -0
  283. package/dist/s-theme-demo/theme-demo-shadow-section.d.ts +5 -0
  284. package/dist/s-theme-demo/theme-demo-shadow-section.js +52 -0
  285. package/dist/s-theme-demo/theme-demo-typography-section.d.ts +5 -0
  286. package/dist/s-theme-demo/theme-demo-typography-section.js +129 -0
  287. package/dist/s-theme-demo/types.d.ts +17 -0
  288. package/dist/s-theme-demo/types.js +0 -0
  289. package/dist/s-theme-demo/utils.d.ts +2 -0
  290. package/dist/s-theme-demo/utils.js +9 -0
  291. package/dist/s-theme-provider/index.d.ts +1 -0
  292. package/dist/s-theme-provider/s-theme-provider.js +30 -31
  293. package/dist/s-theme-switch/index.d.ts +2 -1
  294. package/dist/s-theme-switch/index.js +1 -1
  295. package/dist/s-theme-switch/s-theme-switch.d.ts +6 -4
  296. package/dist/s-theme-switch/s-theme-switch.js +60 -2
  297. package/dist/s-tip/index.d.ts +2 -1
  298. package/dist/s-tip/index.js +1 -1
  299. package/dist/s-tip/s-tip.d.ts +29 -11
  300. package/dist/s-tip/s-tip.js +61 -2
  301. package/dist/s-toggle-button/index.d.ts +2 -0
  302. package/dist/s-toggle-button/index.js +2 -0
  303. package/dist/s-toggle-button/s-toggle-button.d.ts +6 -0
  304. package/dist/s-toggle-button/s-toggle-button.js +5 -0
  305. package/dist/s-tool-bar/index.d.ts +2 -1
  306. package/dist/s-tool-bar/s-tool-bar.d.ts +2 -5
  307. package/dist/s-tool-bar/s-tool-bar.js +101 -72
  308. package/dist/s-tool-bar/tool-bar-action-buttons.d.ts +3 -3
  309. package/dist/s-tool-bar/tool-bar-action-buttons.js +55 -2
  310. package/dist/s-tool-bar/tool-bar-image-input.d.ts +2 -2
  311. package/dist/s-tool-bar/tool-bar-image-input.js +148 -2
  312. package/dist/s-tool-bar/tool-bar-inputs.js +139 -112
  313. package/dist/s-tool-bar/types.d.ts +45 -35
  314. package/dist/s-tool-bar/utils.d.ts +1 -0
  315. package/dist/s-tool-bar/utils.js +10 -7
  316. package/dist/s-tool-item/index.d.ts +2 -1
  317. package/dist/s-tool-item/s-tool-item.d.ts +35 -30
  318. package/dist/s-tool-item/s-tool-item.js +111 -56
  319. package/dist/s-two-pane-layout/index.d.ts +3 -1
  320. package/dist/s-two-pane-layout/s-two-pane-layout.d.ts +56 -50
  321. package/dist/s-two-pane-layout/s-two-pane-layout.js +154 -85
  322. package/dist/s-typewriter-text/index.d.ts +2 -1
  323. package/dist/s-typewriter-text/s-typewriter-text.d.ts +16 -5
  324. package/dist/s-typewriter-text/s-typewriter-text.js +50 -27
  325. package/dist/s-zoom-image/index.d.ts +2 -1
  326. package/dist/s-zoom-image/s-zoom-image.d.ts +14 -5
  327. package/dist/s-zoom-image/s-zoom-image.js +65 -44
  328. package/dist/theme/component-augmentation.d.ts +265 -0
  329. package/dist/theme/component-augmentation.js +0 -0
  330. package/dist/theme/components/accordion-summary.d.ts +41 -38
  331. package/dist/theme/components/accordion-summary.js +7 -7
  332. package/dist/theme/components/accordion.d.ts +21 -13
  333. package/dist/theme/components/accordion.js +15 -12
  334. package/dist/theme/components/action-styles.d.ts +1075 -0
  335. package/dist/theme/components/action-styles.js +71 -0
  336. package/dist/theme/components/alert.d.ts +169 -140
  337. package/dist/theme/components/alert.js +15 -4
  338. package/dist/theme/components/app-bar.d.ts +2 -2
  339. package/dist/theme/components/autocomplete.js +43 -2
  340. package/dist/theme/components/avatar.js +9 -2
  341. package/dist/theme/components/backdrop.js +1 -1
  342. package/dist/theme/components/button-base.d.ts +0 -5
  343. package/dist/theme/components/button-base.js +1 -10
  344. package/dist/theme/components/button.d.ts +111 -5275
  345. package/dist/theme/components/button.js +58 -74
  346. package/dist/theme/components/card.d.ts +69 -69
  347. package/dist/theme/components/card.js +11 -10
  348. package/dist/theme/components/checkbox.d.ts +34 -34
  349. package/dist/theme/components/checkbox.js +90 -2
  350. package/dist/theme/components/chip.d.ts +1 -7
  351. package/dist/theme/components/chip.js +91 -67
  352. package/dist/theme/components/components.js +22 -22
  353. package/dist/theme/components/date-calendar.js +1 -0
  354. package/dist/theme/components/day-calendar.js +1 -0
  355. package/dist/theme/components/dialog-title.d.ts +2 -2
  356. package/dist/theme/components/field-label-styles.d.ts +9 -0
  357. package/dist/theme/components/field-label-styles.js +19 -0
  358. package/dist/theme/components/form-control.d.ts +1 -1
  359. package/dist/theme/components/form-control.js +1 -1
  360. package/dist/theme/components/form-label.d.ts +2 -2
  361. package/dist/theme/components/form-label.js +1 -1
  362. package/dist/theme/components/icon-button.d.ts +85 -5228
  363. package/dist/theme/components/icon-button.js +27 -47
  364. package/dist/theme/components/input-adornment.d.ts +2 -2
  365. package/dist/theme/components/linear-progress.d.ts +35 -35
  366. package/dist/theme/components/linear-progress.js +5 -6
  367. package/dist/theme/components/link.d.ts +2 -2
  368. package/dist/theme/components/link.js +7 -9
  369. package/dist/theme/components/list-item-button.d.ts +120 -46
  370. package/dist/theme/components/list-item-button.js +27 -20
  371. package/dist/theme/components/list-item.d.ts +61 -24
  372. package/dist/theme/components/list-item.js +7 -7
  373. package/dist/theme/components/list-subheader.d.ts +2 -2
  374. package/dist/theme/components/month-calendar.d.ts +1049 -6
  375. package/dist/theme/components/month-calendar.js +25 -15
  376. package/dist/theme/components/multi-section-digital-clock-section.d.ts +2 -0
  377. package/dist/theme/components/multi-section-digital-clock-section.js +16 -17
  378. package/dist/theme/components/outlined-input.d.ts +42 -8
  379. package/dist/theme/components/outlined-input.js +41 -30
  380. package/dist/theme/components/pagination-item.d.ts +1038 -1043
  381. package/dist/theme/components/pagination-item.js +21 -53
  382. package/dist/theme/components/pagination.js +2 -2
  383. package/dist/theme/components/picker-day.d.ts +1034 -5
  384. package/dist/theme/components/picker-day.js +12 -13
  385. package/dist/theme/components/pickers-arrow-switcher.js +1 -0
  386. package/dist/theme/components/pickers-calendar-header.d.ts +51 -19
  387. package/dist/theme/components/pickers-calendar-header.js +49 -25
  388. package/dist/theme/components/rating.d.ts +12 -0
  389. package/dist/theme/components/rating.js +4 -1
  390. package/dist/theme/components/select.js +6 -6
  391. package/dist/theme/components/slider.d.ts +4 -4
  392. package/dist/theme/components/step-icon.d.ts +34 -34
  393. package/dist/theme/components/step-icon.js +9 -10
  394. package/dist/theme/components/step-label.d.ts +36 -36
  395. package/dist/theme/components/switch.d.ts +36 -36
  396. package/dist/theme/components/switch.js +48 -2
  397. package/dist/theme/components/tab.d.ts +14 -1015
  398. package/dist/theme/components/tab.js +18 -17
  399. package/dist/theme/components/table-pagination.js +1 -1
  400. package/dist/theme/components/tabs.d.ts +20 -1030
  401. package/dist/theme/components/tabs.js +14 -14
  402. package/dist/theme/components/toggle-button-group.d.ts +1 -1013
  403. package/dist/theme/components/toggle-button-group.js +3 -1
  404. package/dist/theme/components/toggle-button.d.ts +1135 -1014
  405. package/dist/theme/components/toggle-button.js +93 -2
  406. package/dist/theme/components/year-calendar.d.ts +1051 -6
  407. package/dist/theme/components/year-calendar.js +39 -29
  408. package/dist/theme/optional-component-augmentations/s-carousel.d.ts +14 -0
  409. package/dist/theme/optional-component-augmentations/s-carousel.js +0 -0
  410. package/dist/theme/optional-component-augmentations/s-code-block.d.ts +14 -0
  411. package/dist/theme/optional-component-augmentations/s-code-block.js +0 -0
  412. package/dist/theme/optional-component-augmentations/s-date-picker.d.ts +14 -0
  413. package/dist/theme/optional-component-augmentations/s-date-picker.js +0 -0
  414. package/dist/theme/optional-component-augmentations/s-datetime-picker.d.ts +14 -0
  415. package/dist/theme/optional-component-augmentations/s-datetime-picker.js +0 -0
  416. package/dist/theme/optional-component-augmentations/s-file-dropzone.d.ts +14 -0
  417. package/dist/theme/optional-component-augmentations/s-file-dropzone.js +0 -0
  418. package/dist/theme/optional-component-augmentations/s-overlay-scrollbar.d.ts +14 -0
  419. package/dist/theme/optional-component-augmentations/s-overlay-scrollbar.js +0 -0
  420. package/dist/theme/optional-component-augmentations/s-scroll-reveal.d.ts +14 -0
  421. package/dist/theme/optional-component-augmentations/s-scroll-reveal.js +0 -0
  422. package/dist/theme/optional-component-augmentations/s-stripe.d.ts +14 -0
  423. package/dist/theme/optional-component-augmentations/s-stripe.js +0 -0
  424. package/dist/theme/optional-component-augmentations/s-text-editor.d.ts +18 -0
  425. package/dist/theme/optional-component-augmentations/s-text-editor.js +0 -0
  426. package/dist/theme/optional-component-augmentations/s-two-pane-layout.d.ts +14 -0
  427. package/dist/theme/optional-component-augmentations/s-two-pane-layout.js +0 -0
  428. package/dist/theme/theme-primitives.d.ts +51 -8
  429. package/dist/theme/theme-primitives.js +3 -2
  430. package/dist/theme-primitives-CRfnMsNy.js +254 -0
  431. package/dist/utils/canvas-color.d.ts +7 -0
  432. package/dist/utils/canvas-color.js +62 -0
  433. package/dist/utils/dayjs.js +9 -146
  434. package/dist/utils/index.d.ts +4 -0
  435. package/dist/utils/index.js +6 -3
  436. package/dist/utils/slots.d.ts +12 -0
  437. package/dist/utils/slots.js +6 -0
  438. package/dist/utils/sx.d.ts +11 -0
  439. package/dist/utils/sx.js +4 -0
  440. package/package.json +1 -1
  441. package/dist/ArrowUpward-CNiENJp2.js +0 -6
  442. package/dist/Box-BlmynALm.js +0 -45
  443. package/dist/ButtonBase-BDefit5I.js +0 -720
  444. package/dist/ChevronRight-gZJ3kc6N.js +0 -6
  445. package/dist/Close-CJu3iF1p.js +0 -6
  446. package/dist/Collapse-JUd84Z9O.js +0 -261
  447. package/dist/ContentCopy-BMQ2JTA0.js +0 -6
  448. package/dist/Download-SNal6U7j.js +0 -6
  449. package/dist/ExpandMore-DIsT5FOp.js +0 -6
  450. package/dist/Favorite-CbvuQfe4.js +0 -6
  451. package/dist/FormControl-DsRIRfTs.js +0 -686
  452. package/dist/InfoOutlined-BCzG-5py.js +0 -6
  453. package/dist/MenuItem-IOMcBScJ.js +0 -220
  454. package/dist/MenuList-vtqACjea.js +0 -403
  455. package/dist/Modal-CLdC2-Th.js +0 -1027
  456. package/dist/Paper-CPC6sMxx.js +0 -133
  457. package/dist/Popover-ZneFWo2r.js +0 -333
  458. package/dist/Stack-BQkLmLFp.js +0 -157
  459. package/dist/Typography-CZ_MYa-E.js +0 -166
  460. package/dist/UnfoldMoreRounded-tvqQS6eb.js +0 -6
  461. package/dist/assets/stripe-input.css +0 -1
  462. package/dist/autocomplete-Dd4zjpaF.js +0 -43
  463. package/dist/avatar-DFQ5F7pY.js +0 -10
  464. package/dist/buttonBaseClasses-BVDyR-hz.js +0 -13
  465. package/dist/checkbox-DC-OoGvh.js +0 -74
  466. package/dist/checkboxClasses-DANc9lnq.js +0 -18
  467. package/dist/chunk-C_CI6nMA.js +0 -13
  468. package/dist/clsx-Bv8WXdlr.js +0 -34
  469. package/dist/createSimplePaletteValueFilter-5v48HHyU.js +0 -14
  470. package/dist/createSvgIcon-HW-tbFcL.js +0 -153
  471. package/dist/createTheme-Bnw5w28O.js +0 -2506
  472. package/dist/defaultTheme-Bi3OTfLN.js +0 -5
  473. package/dist/extends-DM-C9PwL.js +0 -12
  474. package/dist/formLabelClasses-LXZqWZfM.js +0 -18
  475. package/dist/generateUtilityClass-tRYNDrlH.js +0 -34
  476. package/dist/generateUtilityClasses-XrPHiTcM.js +0 -10
  477. package/dist/hooks/use-is-passed-position.d.ts +0 -1
  478. package/dist/hooks/use-is-passed-position.js +0 -21
  479. package/dist/iconButtonClasses-LyjwljJq.js +0 -27
  480. package/dist/inputAdornmentClasses-ZoGTcUz5.js +0 -19
  481. package/dist/memoTheme-QMocAblm.js +0 -150
  482. package/dist/mergeSlotProps-slENzJO5.js +0 -45
  483. package/dist/monthCalendarClasses-BLfBep-t.js +0 -14
  484. package/dist/objectWithoutPropertiesLoose-kj3TmhoA.js +0 -12
  485. package/dist/outlinedInputClasses-DPwt_pSZ.js +0 -38
  486. package/dist/resolveProps-DrnBChYC.js +0 -30
  487. package/dist/s-accordion-xPDelTvP.js +0 -453
  488. package/dist/s-carousel-CvmWl6Sc.js +0 -1324
  489. package/dist/s-chat-input-BHMymKij.js +0 -352
  490. package/dist/s-chat-message-C-d9amiC.js +0 -270
  491. package/dist/s-chips-CAC_vVd0.js +0 -99
  492. package/dist/s-code-block-DEojINTt.js +0 -630
  493. package/dist/s-comment-message-Dum0P6de.js +0 -169
  494. package/dist/s-data-table-DfGYIIvn.js +0 -951
  495. package/dist/s-date-picker-C06rlE6_.js +0 -640
  496. package/dist/s-datetime-picker-DnIK-QnQ.js +0 -3837
  497. package/dist/s-error/index.d.ts +0 -1
  498. package/dist/s-error/index.js +0 -2
  499. package/dist/s-error/s-error.d.ts +0 -6
  500. package/dist/s-error/s-error.js +0 -33
  501. package/dist/s-error-layout/index.d.ts +0 -2
  502. package/dist/s-error-layout/index.js +0 -2
  503. package/dist/s-error-layout/s-error-layout.d.ts +0 -58
  504. package/dist/s-error-layout/s-error-layout.js +0 -81
  505. package/dist/s-file-dropzone-C4_hCsN8.js +0 -139
  506. package/dist/s-image-modal/default-media-item.js +0 -34
  507. package/dist/s-image-modal/image-modal-thumbnail-dock.d.ts +0 -11
  508. package/dist/s-image-modal/image-modal-thumbnail-dock.js +0 -102
  509. package/dist/s-image-modal/index.d.ts +0 -3
  510. package/dist/s-image-modal/index.js +0 -3
  511. package/dist/s-image-modal/s-image-modal.d.ts +0 -4
  512. package/dist/s-image-modal/s-image-modal.js +0 -2
  513. package/dist/s-image-modal/use-image-modal-navigation.d.ts +0 -29
  514. package/dist/s-image-modal/use-image-modal-navigation.js +0 -57
  515. package/dist/s-image-modal-D-Jh-5b3.js +0 -243
  516. package/dist/s-item-not-found/index.d.ts +0 -2
  517. package/dist/s-item-not-found/index.js +0 -2
  518. package/dist/s-item-not-found/s-item-not-found.d.ts +0 -20
  519. package/dist/s-item-not-found/s-item-not-found.js +0 -243
  520. package/dist/s-language-switcher-B96dUknj.js +0 -192
  521. package/dist/s-localization-provider-l5J7myJJ.js +0 -519
  522. package/dist/s-review-CvTVBxTZ.js +0 -223
  523. package/dist/s-select-HMWY7frm.js +0 -149
  524. package/dist/s-text-editor-toolbar-ChtNCg2A.js +0 -2253
  525. package/dist/s-text-field-DD6nnwwU.js +0 -42
  526. package/dist/s-theme-demo-Bnv7lPIh.js +0 -867
  527. package/dist/s-theme-switch-DzXoVmQH.js +0 -37
  528. package/dist/s-tip-BOGEH1v8.js +0 -34
  529. package/dist/selectClasses-C-QpiLPi.js +0 -22
  530. package/dist/styled-BTDmdi4c.js +0 -164
  531. package/dist/styled-engine-DOxAQ3qw.js +0 -190
  532. package/dist/svgIconClasses-BtHvkhy5.js +0 -20
  533. package/dist/switch-BSg1TGWH.js +0 -62
  534. package/dist/tabClasses-CmFw6sbs.js +0 -20
  535. package/dist/theme-primitives-CiQYd9Cc.js +0 -431
  536. package/dist/toggle-button-TmtJ4nSp.js +0 -26
  537. package/dist/toggle-button-group-BCkdd3Jj.js +0 -26
  538. package/dist/tool-bar-action-buttons-CSXNDen6.js +0 -50
  539. package/dist/tool-bar-image-input-IdA6l71Y.js +0 -138
  540. package/dist/typographyClasses-CiDYRanL.js +0 -31
  541. package/dist/useControlled-BtZNCHV0.js +0 -5
  542. package/dist/useControlled-DuSwFVhD.js +0 -29
  543. package/dist/useEnhancedEffect-Dsu5K7-Z.js +0 -5
  544. package/dist/useForkRef-yOYCJHzF.js +0 -29
  545. package/dist/useFormControl-CUs308br.js +0 -18
  546. package/dist/useMobilePicker-CQA6fYLQ.js +0 -9864
  547. package/dist/useSlot-IwEDsR9t.js +0 -171
  548. package/dist/useThemeProps-D4jtjo2I.js +0 -19
  549. package/dist/utils-CU6O7jrX.js +0 -214
  550. package/dist/warning-CFMmJJnf.js +0 -111
  551. package/dist/yearCalendarClasses-DypEe_Vn.js +0 -14
  552. /package/dist/{s-image-modal → s-image-viewer}/types.js +0 -0
  553. /package/dist/{utils-B5Rl6Zwv.js → utils-CMeAWSRO.js} +0 -0
package/dist/s-code-block-DEojINTt.js DELETED
@@ -1,630 +0,0 @@
1
- import { n as e, t } from "./ContentCopy-BMQ2JTA0.js";
2
- import { SIconButton as n } from "./s-icon-button/s-icon-button.js";
3
- import { useMemo as r, useState as i } from "react";
4
- import { jsx as a, jsxs as o } from "react/jsx-runtime";
5
- import { Box as s, useColorScheme as c } from "@mui/material";
6
- import { Prism as l } from "react-syntax-highlighter";
7
- //#region ../../node_modules/react-syntax-highlighter/dist/esm/styles/prism/one-dark.js
8
- var u = {
9
- "code[class*=\"language-\"]": {
10
- background: "hsl(220, 13%, 18%)",
11
- color: "hsl(220, 14%, 71%)",
12
- textShadow: "0 1px rgba(0, 0, 0, 0.3)",
13
- fontFamily: "\"Fira Code\", \"Fira Mono\", Menlo, Consolas, \"DejaVu Sans Mono\", monospace",
14
- direction: "ltr",
15
- textAlign: "left",
16
- whiteSpace: "pre",
17
- wordSpacing: "normal",
18
- wordBreak: "normal",
19
- lineHeight: "1.5",
20
- MozTabSize: "2",
21
- OTabSize: "2",
22
- tabSize: "2",
23
- WebkitHyphens: "none",
24
- MozHyphens: "none",
25
- msHyphens: "none",
26
- hyphens: "none"
27
- },
28
- "pre[class*=\"language-\"]": {
29
- background: "hsl(220, 13%, 18%)",
30
- color: "hsl(220, 14%, 71%)",
31
- textShadow: "0 1px rgba(0, 0, 0, 0.3)",
32
- fontFamily: "\"Fira Code\", \"Fira Mono\", Menlo, Consolas, \"DejaVu Sans Mono\", monospace",
33
- direction: "ltr",
34
- textAlign: "left",
35
- whiteSpace: "pre",
36
- wordSpacing: "normal",
37
- wordBreak: "normal",
38
- lineHeight: "1.5",
39
- MozTabSize: "2",
40
- OTabSize: "2",
41
- tabSize: "2",
42
- WebkitHyphens: "none",
43
- MozHyphens: "none",
44
- msHyphens: "none",
45
- hyphens: "none",
46
- padding: "1em",
47
- margin: "0.5em 0",
48
- overflow: "auto",
49
- borderRadius: "0.3em"
50
- },
51
- "code[class*=\"language-\"]::-moz-selection": {
52
- background: "hsl(220, 13%, 28%)",
53
- color: "inherit",
54
- textShadow: "none"
55
- },
56
- "code[class*=\"language-\"] *::-moz-selection": {
57
- background: "hsl(220, 13%, 28%)",
58
- color: "inherit",
59
- textShadow: "none"
60
- },
61
- "pre[class*=\"language-\"] *::-moz-selection": {
62
- background: "hsl(220, 13%, 28%)",
63
- color: "inherit",
64
- textShadow: "none"
65
- },
66
- "code[class*=\"language-\"]::selection": {
67
- background: "hsl(220, 13%, 28%)",
68
- color: "inherit",
69
- textShadow: "none"
70
- },
71
- "code[class*=\"language-\"] *::selection": {
72
- background: "hsl(220, 13%, 28%)",
73
- color: "inherit",
74
- textShadow: "none"
75
- },
76
- "pre[class*=\"language-\"] *::selection": {
77
- background: "hsl(220, 13%, 28%)",
78
- color: "inherit",
79
- textShadow: "none"
80
- },
81
- ":not(pre) > code[class*=\"language-\"]": {
82
- padding: "0.2em 0.3em",
83
- borderRadius: "0.3em",
84
- whiteSpace: "normal"
85
- },
86
- comment: {
87
- color: "hsl(220, 10%, 40%)",
88
- fontStyle: "italic"
89
- },
90
- prolog: { color: "hsl(220, 10%, 40%)" },
91
- cdata: { color: "hsl(220, 10%, 40%)" },
92
- doctype: { color: "hsl(220, 14%, 71%)" },
93
- punctuation: { color: "hsl(220, 14%, 71%)" },
94
- entity: {
95
- color: "hsl(220, 14%, 71%)",
96
- cursor: "help"
97
- },
98
- "attr-name": { color: "hsl(29, 54%, 61%)" },
99
- "class-name": { color: "hsl(29, 54%, 61%)" },
100
- boolean: { color: "hsl(29, 54%, 61%)" },
101
- constant: { color: "hsl(29, 54%, 61%)" },
102
- number: { color: "hsl(29, 54%, 61%)" },
103
- atrule: { color: "hsl(29, 54%, 61%)" },
104
- keyword: { color: "hsl(286, 60%, 67%)" },
105
- property: { color: "hsl(355, 65%, 65%)" },
106
- tag: { color: "hsl(355, 65%, 65%)" },
107
- symbol: { color: "hsl(355, 65%, 65%)" },
108
- deleted: { color: "hsl(355, 65%, 65%)" },
109
- important: { color: "hsl(355, 65%, 65%)" },
110
- selector: { color: "hsl(95, 38%, 62%)" },
111
- string: { color: "hsl(95, 38%, 62%)" },
112
- char: { color: "hsl(95, 38%, 62%)" },
113
- builtin: { color: "hsl(95, 38%, 62%)" },
114
- inserted: { color: "hsl(95, 38%, 62%)" },
115
- regex: { color: "hsl(95, 38%, 62%)" },
116
- "attr-value": { color: "hsl(95, 38%, 62%)" },
117
- "attr-value > .token.punctuation": { color: "hsl(95, 38%, 62%)" },
118
- variable: { color: "hsl(207, 82%, 66%)" },
119
- operator: { color: "hsl(207, 82%, 66%)" },
120
- function: { color: "hsl(207, 82%, 66%)" },
121
- url: { color: "hsl(187, 47%, 55%)" },
122
- "attr-value > .token.punctuation.attr-equals": { color: "hsl(220, 14%, 71%)" },
123
- "special-attr > .token.attr-value > .token.value.css": { color: "hsl(220, 14%, 71%)" },
124
- ".language-css .token.selector": { color: "hsl(355, 65%, 65%)" },
125
- ".language-css .token.property": { color: "hsl(220, 14%, 71%)" },
126
- ".language-css .token.function": { color: "hsl(187, 47%, 55%)" },
127
- ".language-css .token.url > .token.function": { color: "hsl(187, 47%, 55%)" },
128
- ".language-css .token.url > .token.string.url": { color: "hsl(95, 38%, 62%)" },
129
- ".language-css .token.important": { color: "hsl(286, 60%, 67%)" },
130
- ".language-css .token.atrule .token.rule": { color: "hsl(286, 60%, 67%)" },
131
- ".language-javascript .token.operator": { color: "hsl(286, 60%, 67%)" },
132
- ".language-javascript .token.template-string > .token.interpolation > .token.interpolation-punctuation.punctuation": { color: "hsl(5, 48%, 51%)" },
133
- ".language-json .token.operator": { color: "hsl(220, 14%, 71%)" },
134
- ".language-json .token.null.keyword": { color: "hsl(29, 54%, 61%)" },
135
- ".language-markdown .token.url": { color: "hsl(220, 14%, 71%)" },
136
- ".language-markdown .token.url > .token.operator": { color: "hsl(220, 14%, 71%)" },
137
- ".language-markdown .token.url-reference.url > .token.string": { color: "hsl(220, 14%, 71%)" },
138
- ".language-markdown .token.url > .token.content": { color: "hsl(207, 82%, 66%)" },
139
- ".language-markdown .token.url > .token.url": { color: "hsl(187, 47%, 55%)" },
140
- ".language-markdown .token.url-reference.url": { color: "hsl(187, 47%, 55%)" },
141
- ".language-markdown .token.blockquote.punctuation": {
142
- color: "hsl(220, 10%, 40%)",
143
- fontStyle: "italic"
144
- },
145
- ".language-markdown .token.hr.punctuation": {
146
- color: "hsl(220, 10%, 40%)",
147
- fontStyle: "italic"
148
- },
149
- ".language-markdown .token.code-snippet": { color: "hsl(95, 38%, 62%)" },
150
- ".language-markdown .token.bold .token.content": { color: "hsl(29, 54%, 61%)" },
151
- ".language-markdown .token.italic .token.content": { color: "hsl(286, 60%, 67%)" },
152
- ".language-markdown .token.strike .token.content": { color: "hsl(355, 65%, 65%)" },
153
- ".language-markdown .token.strike .token.punctuation": { color: "hsl(355, 65%, 65%)" },
154
- ".language-markdown .token.list.punctuation": { color: "hsl(355, 65%, 65%)" },
155
- ".language-markdown .token.title.important > .token.punctuation": { color: "hsl(355, 65%, 65%)" },
156
- bold: { fontWeight: "bold" },
157
- italic: { fontStyle: "italic" },
158
- namespace: { Opacity: "0.8" },
159
- "token.tab:not(:empty):before": {
160
- color: "hsla(220, 14%, 71%, 0.15)",
161
- textShadow: "none"
162
- },
163
- "token.cr:before": {
164
- color: "hsla(220, 14%, 71%, 0.15)",
165
- textShadow: "none"
166
- },
167
- "token.lf:before": {
168
- color: "hsla(220, 14%, 71%, 0.15)",
169
- textShadow: "none"
170
- },
171
- "token.space:before": {
172
- color: "hsla(220, 14%, 71%, 0.15)",
173
- textShadow: "none"
174
- },
175
- "div.code-toolbar > .toolbar.toolbar > .toolbar-item": { marginRight: "0.4em" },
176
- "div.code-toolbar > .toolbar.toolbar > .toolbar-item > button": {
177
- background: "hsl(220, 13%, 26%)",
178
- color: "hsl(220, 9%, 55%)",
179
- padding: "0.1em 0.4em",
180
- borderRadius: "0.3em"
181
- },
182
- "div.code-toolbar > .toolbar.toolbar > .toolbar-item > a": {
183
- background: "hsl(220, 13%, 26%)",
184
- color: "hsl(220, 9%, 55%)",
185
- padding: "0.1em 0.4em",
186
- borderRadius: "0.3em"
187
- },
188
- "div.code-toolbar > .toolbar.toolbar > .toolbar-item > span": {
189
- background: "hsl(220, 13%, 26%)",
190
- color: "hsl(220, 9%, 55%)",
191
- padding: "0.1em 0.4em",
192
- borderRadius: "0.3em"
193
- },
194
- "div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:hover": {
195
- background: "hsl(220, 13%, 28%)",
196
- color: "hsl(220, 14%, 71%)"
197
- },
198
- "div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:focus": {
199
- background: "hsl(220, 13%, 28%)",
200
- color: "hsl(220, 14%, 71%)"
201
- },
202
- "div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:hover": {
203
- background: "hsl(220, 13%, 28%)",
204
- color: "hsl(220, 14%, 71%)"
205
- },
206
- "div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:focus": {
207
- background: "hsl(220, 13%, 28%)",
208
- color: "hsl(220, 14%, 71%)"
209
- },
210
- "div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:hover": {
211
- background: "hsl(220, 13%, 28%)",
212
- color: "hsl(220, 14%, 71%)"
213
- },
214
- "div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:focus": {
215
- background: "hsl(220, 13%, 28%)",
216
- color: "hsl(220, 14%, 71%)"
217
- },
218
- ".line-highlight.line-highlight": { background: "hsla(220, 100%, 80%, 0.04)" },
219
- ".line-highlight.line-highlight:before": {
220
- background: "hsl(220, 13%, 26%)",
221
- color: "hsl(220, 14%, 71%)",
222
- padding: "0.1em 0.6em",
223
- borderRadius: "0.3em",
224
- boxShadow: "0 2px 0 0 rgba(0, 0, 0, 0.2)"
225
- },
226
- ".line-highlight.line-highlight[data-end]:after": {
227
- background: "hsl(220, 13%, 26%)",
228
- color: "hsl(220, 14%, 71%)",
229
- padding: "0.1em 0.6em",
230
- borderRadius: "0.3em",
231
- boxShadow: "0 2px 0 0 rgba(0, 0, 0, 0.2)"
232
- },
233
- "pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows > span:hover:before": { backgroundColor: "hsla(220, 100%, 80%, 0.04)" },
234
- ".line-numbers.line-numbers .line-numbers-rows": { borderRightColor: "hsla(220, 14%, 71%, 0.15)" },
235
- ".command-line .command-line-prompt": { borderRightColor: "hsla(220, 14%, 71%, 0.15)" },
236
- ".line-numbers .line-numbers-rows > span:before": { color: "hsl(220, 14%, 45%)" },
237
- ".command-line .command-line-prompt > span:before": { color: "hsl(220, 14%, 45%)" },
238
- ".rainbow-braces .token.token.punctuation.brace-level-1": { color: "hsl(355, 65%, 65%)" },
239
- ".rainbow-braces .token.token.punctuation.brace-level-5": { color: "hsl(355, 65%, 65%)" },
240
- ".rainbow-braces .token.token.punctuation.brace-level-9": { color: "hsl(355, 65%, 65%)" },
241
- ".rainbow-braces .token.token.punctuation.brace-level-2": { color: "hsl(95, 38%, 62%)" },
242
- ".rainbow-braces .token.token.punctuation.brace-level-6": { color: "hsl(95, 38%, 62%)" },
243
- ".rainbow-braces .token.token.punctuation.brace-level-10": { color: "hsl(95, 38%, 62%)" },
244
- ".rainbow-braces .token.token.punctuation.brace-level-3": { color: "hsl(207, 82%, 66%)" },
245
- ".rainbow-braces .token.token.punctuation.brace-level-7": { color: "hsl(207, 82%, 66%)" },
246
- ".rainbow-braces .token.token.punctuation.brace-level-11": { color: "hsl(207, 82%, 66%)" },
247
- ".rainbow-braces .token.token.punctuation.brace-level-4": { color: "hsl(286, 60%, 67%)" },
248
- ".rainbow-braces .token.token.punctuation.brace-level-8": { color: "hsl(286, 60%, 67%)" },
249
- ".rainbow-braces .token.token.punctuation.brace-level-12": { color: "hsl(286, 60%, 67%)" },
250
- "pre.diff-highlight > code .token.token.deleted:not(.prefix)": { backgroundColor: "hsla(353, 100%, 66%, 0.15)" },
251
- "pre > code.diff-highlight .token.token.deleted:not(.prefix)": { backgroundColor: "hsla(353, 100%, 66%, 0.15)" },
252
- "pre.diff-highlight > code .token.token.deleted:not(.prefix)::-moz-selection": { backgroundColor: "hsla(353, 95%, 66%, 0.25)" },
253
- "pre.diff-highlight > code .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 > code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-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.diff-highlight > code .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 > code.diff-highlight .token.token.deleted:not(.prefix) *::selection": { backgroundColor: "hsla(353, 95%, 66%, 0.25)" },
260
- "pre.diff-highlight > code .token.token.inserted:not(.prefix)": { backgroundColor: "hsla(137, 100%, 55%, 0.15)" },
261
- "pre > code.diff-highlight .token.token.inserted:not(.prefix)": { backgroundColor: "hsla(137, 100%, 55%, 0.15)" },
262
- "pre.diff-highlight > code .token.token.inserted:not(.prefix)::-moz-selection": { backgroundColor: "hsla(135, 73%, 55%, 0.25)" },
263
- "pre.diff-highlight > code .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 > code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-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.diff-highlight > code .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
- "pre > code.diff-highlight .token.token.inserted:not(.prefix) *::selection": { backgroundColor: "hsla(135, 73%, 55%, 0.25)" },
270
- ".prism-previewer.prism-previewer:before": { borderColor: "hsl(224, 13%, 17%)" },
271
- ".prism-previewer-gradient.prism-previewer-gradient div": {
272
- borderColor: "hsl(224, 13%, 17%)",
273
- borderRadius: "0.3em"
274
- },
275
- ".prism-previewer-color.prism-previewer-color:before": { borderRadius: "0.3em" },
276
- ".prism-previewer-easing.prism-previewer-easing:before": { borderRadius: "0.3em" },
277
- ".prism-previewer.prism-previewer:after": { borderTopColor: "hsl(224, 13%, 17%)" },
278
- ".prism-previewer-flipped.prism-previewer-flipped.after": { borderBottomColor: "hsl(224, 13%, 17%)" },
279
- ".prism-previewer-angle.prism-previewer-angle:before": { background: "hsl(219, 13%, 22%)" },
280
- ".prism-previewer-time.prism-previewer-time:before": { background: "hsl(219, 13%, 22%)" },
281
- ".prism-previewer-easing.prism-previewer-easing": { background: "hsl(219, 13%, 22%)" },
282
- ".prism-previewer-angle.prism-previewer-angle circle": {
283
- stroke: "hsl(220, 14%, 71%)",
284
- strokeOpacity: "1"
285
- },
286
- ".prism-previewer-time.prism-previewer-time circle": {
287
- stroke: "hsl(220, 14%, 71%)",
288
- strokeOpacity: "1"
289
- },
290
- ".prism-previewer-easing.prism-previewer-easing circle": {
291
- stroke: "hsl(220, 14%, 71%)",
292
- fill: "transparent"
293
- },
294
- ".prism-previewer-easing.prism-previewer-easing path": { stroke: "hsl(220, 14%, 71%)" },
295
- ".prism-previewer-easing.prism-previewer-easing line": { stroke: "hsl(220, 14%, 71%)" }
296
- }, d = {
297
- "code[class*=\"language-\"]": {
298
- background: "hsl(230, 1%, 98%)",
299
- color: "hsl(230, 8%, 24%)",
300
- fontFamily: "\"Fira Code\", \"Fira Mono\", Menlo, Consolas, \"DejaVu Sans Mono\", monospace",
301
- direction: "ltr",
302
- textAlign: "left",
303
- whiteSpace: "pre",
304
- wordSpacing: "normal",
305
- wordBreak: "normal",
306
- lineHeight: "1.5",
307
- MozTabSize: "2",
308
- OTabSize: "2",
309
- tabSize: "2",
310
- WebkitHyphens: "none",
311
- MozHyphens: "none",
312
- msHyphens: "none",
313
- hyphens: "none"
314
- },
315
- "pre[class*=\"language-\"]": {
316
- background: "hsl(230, 1%, 98%)",
317
- color: "hsl(230, 8%, 24%)",
318
- fontFamily: "\"Fira Code\", \"Fira Mono\", Menlo, Consolas, \"DejaVu Sans Mono\", monospace",
319
- direction: "ltr",
320
- textAlign: "left",
321
- whiteSpace: "pre",
322
- wordSpacing: "normal",
323
- wordBreak: "normal",
324
- lineHeight: "1.5",
325
- MozTabSize: "2",
326
- OTabSize: "2",
327
- tabSize: "2",
328
- WebkitHyphens: "none",
329
- MozHyphens: "none",
330
- msHyphens: "none",
331
- hyphens: "none",
332
- padding: "1em",
333
- margin: "0.5em 0",
334
- overflow: "auto",
335
- borderRadius: "0.3em"
336
- },
337
- "code[class*=\"language-\"]::-moz-selection": {
338
- background: "hsl(230, 1%, 90%)",
339
- color: "inherit"
340
- },
341
- "code[class*=\"language-\"] *::-moz-selection": {
342
- background: "hsl(230, 1%, 90%)",
343
- color: "inherit"
344
- },
345
- "pre[class*=\"language-\"] *::-moz-selection": {
346
- background: "hsl(230, 1%, 90%)",
347
- color: "inherit"
348
- },
349
- "code[class*=\"language-\"]::selection": {
350
- background: "hsl(230, 1%, 90%)",
351
- color: "inherit"
352
- },
353
- "code[class*=\"language-\"] *::selection": {
354
- background: "hsl(230, 1%, 90%)",
355
- color: "inherit"
356
- },
357
- "pre[class*=\"language-\"] *::selection": {
358
- background: "hsl(230, 1%, 90%)",
359
- color: "inherit"
360
- },
361
- ":not(pre) > code[class*=\"language-\"]": {
362
- padding: "0.2em 0.3em",
363
- borderRadius: "0.3em",
364
- whiteSpace: "normal"
365
- },
366
- comment: {
367
- color: "hsl(230, 4%, 64%)",
368
- fontStyle: "italic"
369
- },
370
- prolog: { color: "hsl(230, 4%, 64%)" },
371
- cdata: { color: "hsl(230, 4%, 64%)" },
372
- doctype: { color: "hsl(230, 8%, 24%)" },
373
- punctuation: { color: "hsl(230, 8%, 24%)" },
374
- entity: {
375
- color: "hsl(230, 8%, 24%)",
376
- cursor: "help"
377
- },
378
- "attr-name": { color: "hsl(35, 99%, 36%)" },
379
- "class-name": { color: "hsl(35, 99%, 36%)" },
380
- boolean: { color: "hsl(35, 99%, 36%)" },
381
- constant: { color: "hsl(35, 99%, 36%)" },
382
- number: { color: "hsl(35, 99%, 36%)" },
383
- atrule: { color: "hsl(35, 99%, 36%)" },
384
- keyword: { color: "hsl(301, 63%, 40%)" },
385
- property: { color: "hsl(5, 74%, 59%)" },
386
- tag: { color: "hsl(5, 74%, 59%)" },
387
- symbol: { color: "hsl(5, 74%, 59%)" },
388
- deleted: { color: "hsl(5, 74%, 59%)" },
389
- important: { color: "hsl(5, 74%, 59%)" },
390
- selector: { color: "hsl(119, 34%, 47%)" },
391
- string: { color: "hsl(119, 34%, 47%)" },
392
- char: { color: "hsl(119, 34%, 47%)" },
393
- builtin: { color: "hsl(119, 34%, 47%)" },
394
- inserted: { color: "hsl(119, 34%, 47%)" },
395
- regex: { color: "hsl(119, 34%, 47%)" },
396
- "attr-value": { color: "hsl(119, 34%, 47%)" },
397
- "attr-value > .token.punctuation": { color: "hsl(119, 34%, 47%)" },
398
- variable: { color: "hsl(221, 87%, 60%)" },
399
- operator: { color: "hsl(221, 87%, 60%)" },
400
- function: { color: "hsl(221, 87%, 60%)" },
401
- url: { color: "hsl(198, 99%, 37%)" },
402
- "attr-value > .token.punctuation.attr-equals": { color: "hsl(230, 8%, 24%)" },
403
- "special-attr > .token.attr-value > .token.value.css": { color: "hsl(230, 8%, 24%)" },
404
- ".language-css .token.selector": { color: "hsl(5, 74%, 59%)" },
405
- ".language-css .token.property": { color: "hsl(230, 8%, 24%)" },
406
- ".language-css .token.function": { color: "hsl(198, 99%, 37%)" },
407
- ".language-css .token.url > .token.function": { color: "hsl(198, 99%, 37%)" },
408
- ".language-css .token.url > .token.string.url": { color: "hsl(119, 34%, 47%)" },
409
- ".language-css .token.important": { color: "hsl(301, 63%, 40%)" },
410
- ".language-css .token.atrule .token.rule": { color: "hsl(301, 63%, 40%)" },
411
- ".language-javascript .token.operator": { color: "hsl(301, 63%, 40%)" },
412
- ".language-javascript .token.template-string > .token.interpolation > .token.interpolation-punctuation.punctuation": { color: "hsl(344, 84%, 43%)" },
413
- ".language-json .token.operator": { color: "hsl(230, 8%, 24%)" },
414
- ".language-json .token.null.keyword": { color: "hsl(35, 99%, 36%)" },
415
- ".language-markdown .token.url": { color: "hsl(230, 8%, 24%)" },
416
- ".language-markdown .token.url > .token.operator": { color: "hsl(230, 8%, 24%)" },
417
- ".language-markdown .token.url-reference.url > .token.string": { color: "hsl(230, 8%, 24%)" },
418
- ".language-markdown .token.url > .token.content": { color: "hsl(221, 87%, 60%)" },
419
- ".language-markdown .token.url > .token.url": { color: "hsl(198, 99%, 37%)" },
420
- ".language-markdown .token.url-reference.url": { color: "hsl(198, 99%, 37%)" },
421
- ".language-markdown .token.blockquote.punctuation": {
422
- color: "hsl(230, 4%, 64%)",
423
- fontStyle: "italic"
424
- },
425
- ".language-markdown .token.hr.punctuation": {
426
- color: "hsl(230, 4%, 64%)",
427
- fontStyle: "italic"
428
- },
429
- ".language-markdown .token.code-snippet": { color: "hsl(119, 34%, 47%)" },
430
- ".language-markdown .token.bold .token.content": { color: "hsl(35, 99%, 36%)" },
431
- ".language-markdown .token.italic .token.content": { color: "hsl(301, 63%, 40%)" },
432
- ".language-markdown .token.strike .token.content": { color: "hsl(5, 74%, 59%)" },
433
- ".language-markdown .token.strike .token.punctuation": { color: "hsl(5, 74%, 59%)" },
434
- ".language-markdown .token.list.punctuation": { color: "hsl(5, 74%, 59%)" },
435
- ".language-markdown .token.title.important > .token.punctuation": { color: "hsl(5, 74%, 59%)" },
436
- bold: { fontWeight: "bold" },
437
- italic: { fontStyle: "italic" },
438
- namespace: { Opacity: "0.8" },
439
- "token.tab:not(:empty):before": { color: "hsla(230, 8%, 24%, 0.2)" },
440
- "token.cr:before": { color: "hsla(230, 8%, 24%, 0.2)" },
441
- "token.lf:before": { color: "hsla(230, 8%, 24%, 0.2)" },
442
- "token.space:before": { color: "hsla(230, 8%, 24%, 0.2)" },
443
- "div.code-toolbar > .toolbar.toolbar > .toolbar-item": { marginRight: "0.4em" },
444
- "div.code-toolbar > .toolbar.toolbar > .toolbar-item > button": {
445
- background: "hsl(230, 1%, 90%)",
446
- color: "hsl(230, 6%, 44%)",
447
- padding: "0.1em 0.4em",
448
- borderRadius: "0.3em"
449
- },
450
- "div.code-toolbar > .toolbar.toolbar > .toolbar-item > a": {
451
- background: "hsl(230, 1%, 90%)",
452
- color: "hsl(230, 6%, 44%)",
453
- padding: "0.1em 0.4em",
454
- borderRadius: "0.3em"
455
- },
456
- "div.code-toolbar > .toolbar.toolbar > .toolbar-item > span": {
457
- background: "hsl(230, 1%, 90%)",
458
- color: "hsl(230, 6%, 44%)",
459
- padding: "0.1em 0.4em",
460
- borderRadius: "0.3em"
461
- },
462
- "div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:hover": {
463
- background: "hsl(230, 1%, 78%)",
464
- color: "hsl(230, 8%, 24%)"
465
- },
466
- "div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:focus": {
467
- background: "hsl(230, 1%, 78%)",
468
- color: "hsl(230, 8%, 24%)"
469
- },
470
- "div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:hover": {
471
- background: "hsl(230, 1%, 78%)",
472
- color: "hsl(230, 8%, 24%)"
473
- },
474
- "div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:focus": {
475
- background: "hsl(230, 1%, 78%)",
476
- color: "hsl(230, 8%, 24%)"
477
- },
478
- "div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:hover": {
479
- background: "hsl(230, 1%, 78%)",
480
- color: "hsl(230, 8%, 24%)"
481
- },
482
- "div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:focus": {
483
- background: "hsl(230, 1%, 78%)",
484
- color: "hsl(230, 8%, 24%)"
485
- },
486
- ".line-highlight.line-highlight": { background: "hsla(230, 8%, 24%, 0.05)" },
487
- ".line-highlight.line-highlight:before": {
488
- background: "hsl(230, 1%, 90%)",
489
- color: "hsl(230, 8%, 24%)",
490
- padding: "0.1em 0.6em",
491
- borderRadius: "0.3em",
492
- boxShadow: "0 2px 0 0 rgba(0, 0, 0, 0.2)"
493
- },
494
- ".line-highlight.line-highlight[data-end]:after": {
495
- background: "hsl(230, 1%, 90%)",
496
- color: "hsl(230, 8%, 24%)",
497
- padding: "0.1em 0.6em",
498
- borderRadius: "0.3em",
499
- boxShadow: "0 2px 0 0 rgba(0, 0, 0, 0.2)"
500
- },
501
- "pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows > span:hover:before": { backgroundColor: "hsla(230, 8%, 24%, 0.05)" },
502
- ".line-numbers.line-numbers .line-numbers-rows": { borderRightColor: "hsla(230, 8%, 24%, 0.2)" },
503
- ".command-line .command-line-prompt": { borderRightColor: "hsla(230, 8%, 24%, 0.2)" },
504
- ".line-numbers .line-numbers-rows > span:before": { color: "hsl(230, 1%, 62%)" },
505
- ".command-line .command-line-prompt > span:before": { color: "hsl(230, 1%, 62%)" },
506
- ".rainbow-braces .token.token.punctuation.brace-level-1": { color: "hsl(5, 74%, 59%)" },
507
- ".rainbow-braces .token.token.punctuation.brace-level-5": { color: "hsl(5, 74%, 59%)" },
508
- ".rainbow-braces .token.token.punctuation.brace-level-9": { color: "hsl(5, 74%, 59%)" },
509
- ".rainbow-braces .token.token.punctuation.brace-level-2": { color: "hsl(119, 34%, 47%)" },
510
- ".rainbow-braces .token.token.punctuation.brace-level-6": { color: "hsl(119, 34%, 47%)" },
511
- ".rainbow-braces .token.token.punctuation.brace-level-10": { color: "hsl(119, 34%, 47%)" },
512
- ".rainbow-braces .token.token.punctuation.brace-level-3": { color: "hsl(221, 87%, 60%)" },
513
- ".rainbow-braces .token.token.punctuation.brace-level-7": { color: "hsl(221, 87%, 60%)" },
514
- ".rainbow-braces .token.token.punctuation.brace-level-11": { color: "hsl(221, 87%, 60%)" },
515
- ".rainbow-braces .token.token.punctuation.brace-level-4": { color: "hsl(301, 63%, 40%)" },
516
- ".rainbow-braces .token.token.punctuation.brace-level-8": { color: "hsl(301, 63%, 40%)" },
517
- ".rainbow-braces .token.token.punctuation.brace-level-12": { color: "hsl(301, 63%, 40%)" },
518
- "pre.diff-highlight > code .token.token.deleted:not(.prefix)": { backgroundColor: "hsla(353, 100%, 66%, 0.15)" },
519
- "pre > code.diff-highlight .token.token.deleted:not(.prefix)": { backgroundColor: "hsla(353, 100%, 66%, 0.15)" },
520
- "pre.diff-highlight > code .token.token.deleted:not(.prefix)::-moz-selection": { backgroundColor: "hsla(353, 95%, 66%, 0.25)" },
521
- "pre.diff-highlight > code .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 > code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-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.diff-highlight > code .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 > code.diff-highlight .token.token.deleted:not(.prefix) *::selection": { backgroundColor: "hsla(353, 95%, 66%, 0.25)" },
528
- "pre.diff-highlight > code .token.token.inserted:not(.prefix)": { backgroundColor: "hsla(137, 100%, 55%, 0.15)" },
529
- "pre > code.diff-highlight .token.token.inserted:not(.prefix)": { backgroundColor: "hsla(137, 100%, 55%, 0.15)" },
530
- "pre.diff-highlight > code .token.token.inserted:not(.prefix)::-moz-selection": { backgroundColor: "hsla(135, 73%, 55%, 0.25)" },
531
- "pre.diff-highlight > code .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 > code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-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.diff-highlight > code .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
- "pre > code.diff-highlight .token.token.inserted:not(.prefix) *::selection": { backgroundColor: "hsla(135, 73%, 55%, 0.25)" },
538
- ".prism-previewer.prism-previewer:before": { borderColor: "hsl(0, 0, 95%)" },
539
- ".prism-previewer-gradient.prism-previewer-gradient div": {
540
- borderColor: "hsl(0, 0, 95%)",
541
- borderRadius: "0.3em"
542
- },
543
- ".prism-previewer-color.prism-previewer-color:before": { borderRadius: "0.3em" },
544
- ".prism-previewer-easing.prism-previewer-easing:before": { borderRadius: "0.3em" },
545
- ".prism-previewer.prism-previewer:after": { borderTopColor: "hsl(0, 0, 95%)" },
546
- ".prism-previewer-flipped.prism-previewer-flipped.after": { borderBottomColor: "hsl(0, 0, 95%)" },
547
- ".prism-previewer-angle.prism-previewer-angle:before": { background: "hsl(0, 0%, 100%)" },
548
- ".prism-previewer-time.prism-previewer-time:before": { background: "hsl(0, 0%, 100%)" },
549
- ".prism-previewer-easing.prism-previewer-easing": { background: "hsl(0, 0%, 100%)" },
550
- ".prism-previewer-angle.prism-previewer-angle circle": {
551
- stroke: "hsl(230, 8%, 24%)",
552
- strokeOpacity: "1"
553
- },
554
- ".prism-previewer-time.prism-previewer-time circle": {
555
- stroke: "hsl(230, 8%, 24%)",
556
- strokeOpacity: "1"
557
- },
558
- ".prism-previewer-easing.prism-previewer-easing circle": {
559
- stroke: "hsl(230, 8%, 24%)",
560
- fill: "transparent"
561
- },
562
- ".prism-previewer-easing.prism-previewer-easing path": { stroke: "hsl(230, 8%, 24%)" },
563
- ".prism-previewer-easing.prism-previewer-easing line": { stroke: "hsl(230, 8%, 24%)" }
564
- }, f = ({ code: f, language: p = "typescript", showLineNumbers: m = !0, showCopyButton: h = !0, customStyle: g, onCopied: _ }) => {
565
- let [v, y] = i(!1), { mode: b } = c(), x = r(() => {
566
- let e = b === "dark" ? u : d;
567
- return {
568
- ...e,
569
- "pre[class*=\"language-\"]": {
570
- ...e["pre[class*=\"language-\"]"],
571
- background: "transparent"
572
- },
573
- "code[class*=\"language-\"]": {
574
- ...e["code[class*=\"language-\"]"],
575
- background: "transparent"
576
- },
577
- linenumber: {
578
- ...e.linenumber,
579
- fontStyle: "normal"
580
- }
581
- };
582
- }, [b]);
583
- return f ? /* @__PURE__ */ o(s, {
584
- sx: {
585
- position: "relative",
586
- width: "100%"
587
- },
588
- children: [h && /* @__PURE__ */ a(n, {
589
- "aria-label": v ? "Code copied" : "Copy code",
590
- onClick: async () => {
591
- if (f) try {
592
- await navigator.clipboard.writeText(f), y(!0), setTimeout(() => y(!1), 2e3), _?.();
593
- } catch (e) {
594
- console.error("Failed to copy code:", e);
595
- }
596
- },
597
- sx: {
598
- position: "absolute",
599
- top: "50%",
600
- right: 16,
601
- transform: "translateY(-50%)",
602
- zIndex: 1,
603
- color: v ? "success.main" : "text.primary",
604
- backdropFilter: "blur(8px)",
605
- "&:active": { backgroundColor: "action.selected" }
606
- },
607
- children: a(v ? e : t, {})
608
- }), /* @__PURE__ */ a(l, {
609
- language: p,
610
- style: x,
611
- showLineNumbers: m,
612
- customStyle: {
613
- margin: 0,
614
- padding: 16,
615
- borderRadius: "var(--s-shape-borderRadius)",
616
- fontSize: "0.875rem",
617
- backgroundColor: "var(--s-palette-background-paper)",
618
- border: "1px solid",
619
- borderColor: "var(--s-palette-divider)",
620
- ...g
621
- },
622
- wrapLines: !0,
623
- wrapLongLines: !0,
624
- children: f
625
- })]
626
- }) : null;
627
- };
628
- f.displayName = "SCodeBlock";
629
- //#endregion
630
- export { f as t };