@mantine/code-highlight 7.0.0-alpha.8 → 7.0.0-beta.0

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 (54) hide show
  1. package/cjs/CodeHighlight.js +1 -21
  2. package/cjs/CodeHighlight.js.map +1 -1
  3. package/cjs/CodeHighlight.module.css.js +1 -2
  4. package/cjs/CodeHighlight.module.css.js.map +1 -1
  5. package/cjs/CodeHighlight.theme.module.css.js +1 -2
  6. package/cjs/CodeHighlight.theme.module.css.js.map +1 -1
  7. package/cjs/CodeHighlightTabs.js +40 -50
  8. package/cjs/CodeHighlightTabs.js.map +1 -1
  9. package/cjs/CopyIcon.js +14 -25
  10. package/cjs/CopyIcon.js.map +1 -1
  11. package/cjs/ExpandIcon.js +14 -39
  12. package/cjs/ExpandIcon.js.map +1 -1
  13. package/cjs/FileIcon.js +3 -4
  14. package/cjs/FileIcon.js.map +1 -1
  15. package/cjs/InlineCodeHighlight.js +9 -7
  16. package/cjs/InlineCodeHighlight.js.map +1 -1
  17. package/cjs/index.css +81 -118
  18. package/cjs/use-highlight.js +3 -2
  19. package/cjs/use-highlight.js.map +1 -1
  20. package/esm/CodeHighlight.js +1 -21
  21. package/esm/CodeHighlight.js.map +1 -1
  22. package/esm/CodeHighlight.module.css.js +1 -2
  23. package/esm/CodeHighlight.module.css.js.map +1 -1
  24. package/esm/CodeHighlight.theme.module.css.js +1 -2
  25. package/esm/CodeHighlight.theme.module.css.js.map +1 -1
  26. package/esm/CodeHighlightTabs.js +40 -50
  27. package/esm/CodeHighlightTabs.js.map +1 -1
  28. package/esm/CopyIcon.js +14 -25
  29. package/esm/CopyIcon.js.map +1 -1
  30. package/esm/ExpandIcon.js +14 -39
  31. package/esm/ExpandIcon.js.map +1 -1
  32. package/esm/FileIcon.js +3 -4
  33. package/esm/FileIcon.js.map +1 -1
  34. package/esm/InlineCodeHighlight.js +9 -7
  35. package/esm/InlineCodeHighlight.js.map +1 -1
  36. package/esm/index.css +81 -118
  37. package/esm/use-highlight.js +3 -2
  38. package/esm/use-highlight.js.map +1 -1
  39. package/lib/CodeHighlight.d.ts +0 -3
  40. package/lib/CodeHighlightTabs.d.ts +1 -2
  41. package/lib/CopyIcon.d.ts +1 -1
  42. package/lib/ExpandIcon.d.ts +1 -1
  43. package/lib/FileIcon.d.ts +3 -1
  44. package/lib/InlineCodeHighlight.d.ts +0 -1
  45. package/lib/index.d.ts +3 -3
  46. package/package.json +7 -6
  47. package/src/CodeHighlight.module.css +14 -1
  48. package/src/CodeHighlight.story.tsx +6 -0
  49. package/src/CodeHighlight.tsx +1 -3
  50. package/src/CodeHighlightTabs.tsx +9 -4
  51. package/src/FileIcon.tsx +13 -3
  52. package/src/InlineCodeHighlight.tsx +0 -1
  53. package/src/index.ts +0 -3
  54. package/tsconfig.build.tsbuildinfo +1 -1
package/cjs/index.css CHANGED
@@ -1,4 +1,4 @@
1
- .mantine-XIBJZDt {
1
+ .m-5caae6d3 {
2
2
  display: inline-block;
3
3
  padding: calc(0.0625rem * var(--mantine-scale)) calc(0.1875rem * var(--mantine-scale));
4
4
  font-size: calc(0.8125rem * var(--mantine-scale));
@@ -7,28 +7,27 @@
7
7
  font-family: var(--mantine-font-family-monospace);
8
8
  }
9
9
 
10
- .mantine-RDvBcjB {
10
+ .m-2c47c4fd {
11
11
  display: block;
12
12
  padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
13
13
  margin: 0;
14
- font-size: 16px; /* Required for Safari to be set in px */
15
14
  --_code-line-height: 1.7;
16
15
  }
17
16
 
18
- .mantine-cmEtjrV {
17
+ .m-e58679f3 {
19
18
  display: flex;
20
19
  align-items: flex-start;
21
20
  justify-content: space-between;
22
21
  }
23
22
 
24
- .mantine-059sM-t {
23
+ .m-be7e9c9c {
25
24
  display: flex;
26
25
  margin-top: calc(0.4375rem * var(--mantine-scale));
27
26
  margin-right: calc(0.4375rem * var(--mantine-scale));
28
27
  }
29
28
 
30
- .mantine-tB-P5PD,
31
- .mantine-NTm-nGn {
29
+ .m-5caae85b,
30
+ .m-d498bab7 {
32
31
  background-color: transparent;
33
32
  opacity: 0.8;
34
33
  margin: 0;
@@ -36,34 +35,34 @@
36
35
 
37
36
  @media (hover: hover) {
38
37
 
39
- .mantine-tB-P5PD:hover, .mantine-NTm-nGn:hover {
38
+ .m-5caae85b:hover, .m-d498bab7:hover {
40
39
  opacity: 1;
41
40
  }
42
41
  }
43
42
 
44
43
  @media (hover: none) {
45
44
 
46
- .mantine-tB-P5PD:active, .mantine-NTm-nGn:active {
45
+ .m-5caae85b:active, .m-d498bab7:active {
47
46
  opacity: 1;
48
47
  }
49
48
  }
50
49
 
51
50
  @media (max-width: 40em) {
52
51
 
53
- .mantine-tB-P5PD,
54
- .mantine-NTm-nGn {
52
+ .m-5caae85b,
53
+ .m-d498bab7 {
55
54
  display: none
56
55
  }
57
56
  }
58
57
 
59
- .mantine-tB-P5PD {
58
+ .m-5caae85b {
60
59
  position: absolute;
61
60
  top: calc(0.3125rem * var(--mantine-scale));
62
61
  right: calc(0.3125rem * var(--mantine-scale));
63
62
  z-index: 1;
64
63
  }
65
64
 
66
- .mantine-PBrPXnu {
65
+ .m-5cac2e62 {
67
66
  display: flex;
68
67
  align-items: center;
69
68
  justify-content: center;
@@ -81,88 +80,70 @@
81
80
  color: var(--_file-color);
82
81
  opacity: var(--_file-opacity);
83
82
  background-color: var(--_file-bg);
83
+ white-space: nowrap;
84
84
  }
85
85
 
86
86
  @media (hover: hover) {
87
87
 
88
- .mantine-PBrPXnu:hover {
88
+ .m-5cac2e62:hover {
89
89
  --_file-opacity: 1;
90
90
  }
91
91
  }
92
92
 
93
93
  @media (hover: none) {
94
94
 
95
- .mantine-PBrPXnu:active {
95
+ .m-5cac2e62:active {
96
96
  --_file-opacity: 1;
97
97
  }
98
98
  }
99
99
 
100
- .mantine-PBrPXnu:last-of-type {
100
+ .m-5cac2e62:last-of-type {
101
101
  border-bottom-right-radius: var(--mantine-radius-sm);
102
102
  }
103
103
 
104
- .mantine-PBrPXnu:only-child {
104
+ .m-5cac2e62:only-child {
105
105
  --_file-cursor: default;
106
106
  }
107
107
 
108
- .mantine-PBrPXnu[data-active] {
108
+ .m-5cac2e62[data-active] {
109
109
  --_file-opacity: 1;
110
110
  --_file-color: var(--_file-active-color) !important;
111
111
  --_file-bg: var(--_file-active-bg);
112
112
  }
113
113
 
114
- .mantine-PBrPXnu {
114
+ .m-5cac2e62 {
115
115
 
116
116
  --_file-opacity: 0.8;
117
117
  --_file-cursor: pointer;
118
118
  }
119
119
 
120
- [data-mantine-color-scheme='light'] .mantine-PBrPXnu {
120
+ [data-mantine-color-scheme='light'] .m-5cac2e62 {
121
121
  --_file-color: var(--mantine-color-gray-8);
122
122
  --_file-bd: var(--mantine-color-gray-2);
123
123
  --_file-active-bg: var(--mantine-color-white);
124
124
  --_file-active-color: var(--mantine-color-black);
125
125
  }
126
126
 
127
- @media (prefers-color-scheme: light) {
128
-
129
- .mantine-PBrPXnu {
130
- --_file-color: var(--mantine-color-gray-8);
131
- --_file-bd: var(--mantine-color-gray-2);
132
- --_file-active-bg: var(--mantine-color-white);
133
- --_file-active-color: var(--mantine-color-black);
134
- }
135
- }
136
-
137
- [data-mantine-color-scheme='dark'] .mantine-PBrPXnu {
127
+ [data-mantine-color-scheme='dark'] .m-5cac2e62 {
138
128
  --_file-color: var(--mantine-color-dark-0);
139
129
  --_file-bd: var(--mantine-color-dark-4);
140
130
  --_file-active-bg: var(--mantine-color-dark-6);
141
131
  --_file-active-color: var(--mantine-color-white);
142
132
  }
143
133
 
144
- @media (prefers-color-scheme: dark) {
145
-
146
- .mantine-PBrPXnu {
147
- --_file-color: var(--mantine-color-dark-0);
148
- --_file-bd: var(--mantine-color-dark-4);
149
- --_file-active-bg: var(--mantine-color-dark-6);
150
- --_file-active-color: var(--mantine-color-white);
151
- }
152
- }
153
-
154
- .mantine-IvOddiX {
134
+ .m-38d99e51 {
155
135
  display: flex;
156
136
  }
157
137
 
158
- .mantine-YfYyOiA {
138
+ .m-9f507240 {
159
139
  max-height: var(--ch-max-collapsed-height);
160
140
  overflow: hidden;
161
141
  position: relative;
162
142
  }
163
143
 
164
- .mantine-YfYyOiA::before {
144
+ .m-9f507240::before {
165
145
  content: '';
146
+ z-index: 100;
166
147
  position: absolute;
167
148
  inset: 0;
168
149
  pointer-events: none;
@@ -170,15 +151,15 @@
170
151
  border-radius: calc(var(--mantine-radius-md) - calc(0.0625rem * var(--mantine-scale)));
171
152
  }
172
153
 
173
- .mantine-YfYyOiA[data-expanded] {
154
+ .m-9f507240[data-expanded] {
174
155
  max-height: none;
175
156
  }
176
157
 
177
- .mantine-YfYyOiA[data-expanded]::before {
158
+ .m-9f507240[data-expanded]::before {
178
159
  display: none;
179
160
  }
180
161
 
181
- .mantine-haNyFRC {
162
+ .m-c9378bc2 {
182
163
  position: absolute;
183
164
  bottom: 0;
184
165
  left: 50%;
@@ -187,39 +168,37 @@
187
168
  color: var(--mantine-color-anchor);
188
169
  width: 100%;
189
170
  text-align: center;
171
+ z-index: 101;
190
172
  padding-top: var(--mantine-spacing-xs);
191
173
  padding-bottom: var(--mantine-spacing-xs);
192
174
  }
193
175
 
194
- .mantine-haNyFRC[data-hidden] {
176
+ .m-c9378bc2[data-hidden] {
195
177
  display: none;
196
178
  }
197
179
 
198
- .mantine-k6OJW8l {
180
+ .m-5cb1b9c8 {
199
181
  margin-top: 0;
200
182
  position: relative;
201
183
  }
202
184
 
203
- .mantine-h-DP-Yw {
204
- color: var(--_color);
205
- background: var(--_background);
185
+ .m-b46cddfb {
186
+ display: flex;
187
+ align-items: center;
188
+ justify-content: center;
189
+ flex: 0 1;
206
190
  }
207
191
 
208
- [data-mantine-color-scheme='light'] .mantine-h-DP-Yw {
209
- --_color: var(--mantine-color-gray-7);
210
- --_background: var(--mantine-color-gray-0);
211
- --code-comment-color: var(--mantine-color-gray-6);
212
- --code-keyword-color: var(--mantine-color-violet-8);
213
- --code-tag-color: var(--mantine-color-red-9);
214
- --code-literal-color: var(--mantine-color-blue-6);
215
- --code-string-color: var(--mantine-color-blue-9);
216
- --code-variable-color: var(--mantine-color-lime-9);
217
- --code-class-color: var(--mantine-color-orange-9);
218
- }
192
+ .m-b46cddfb > svg {
193
+ display: block;
194
+ }
219
195
 
220
- @media (prefers-color-scheme: light) {
196
+ .m-1f5e827e {
197
+ color: var(--_color);
198
+ background: var(--_background);
199
+ }
221
200
 
222
- .mantine-h-DP-Yw {
201
+ [data-mantine-color-scheme='light'] .m-1f5e827e {
223
202
  --_color: var(--mantine-color-gray-7);
224
203
  --_background: var(--mantine-color-gray-0);
225
204
  --code-comment-color: var(--mantine-color-gray-6);
@@ -229,24 +208,9 @@
229
208
  --code-string-color: var(--mantine-color-blue-9);
230
209
  --code-variable-color: var(--mantine-color-lime-9);
231
210
  --code-class-color: var(--mantine-color-orange-9);
232
- }
233
- }
234
-
235
- [data-mantine-color-scheme='dark'] .mantine-h-DP-Yw {
236
- --_color: var(--mantine-color-dark-1);
237
- --_background: var(--mantine-color-dark-8);
238
- --code-comment-color: var(--mantine-color-dark-3);
239
- --code-keyword-color: var(--mantine-color-violet-3);
240
- --code-tag-color: var(--mantine-color-yellow-4);
241
- --code-literal-color: var(--mantine-color-blue-4);
242
- --code-string-color: var(--mantine-color-green-6);
243
- --code-variable-color: var(--mantine-color-blue-2);
244
- --code-class-color: var(--mantine-color-orange-5);
245
211
  }
246
212
 
247
- @media (prefers-color-scheme: dark) {
248
-
249
- .mantine-h-DP-Yw {
213
+ [data-mantine-color-scheme='dark'] .m-1f5e827e {
250
214
  --_color: var(--mantine-color-dark-1);
251
215
  --_background: var(--mantine-color-dark-8);
252
216
  --code-comment-color: var(--mantine-color-dark-3);
@@ -256,72 +220,71 @@
256
220
  --code-string-color: var(--mantine-color-green-6);
257
221
  --code-variable-color: var(--mantine-color-blue-2);
258
222
  --code-class-color: var(--mantine-color-orange-5);
259
- }
260
223
  }
261
224
 
262
- .mantine-h-DP-Yw .hljs-comment,
263
- .mantine-h-DP-Yw .hljs-quote {
225
+ .m-1f5e827e .hljs-comment,
226
+ .m-1f5e827e .hljs-quote {
264
227
  font-style: italic;
265
228
  color: var(--code-comment-color);
266
229
  }
267
230
 
268
- .mantine-h-DP-Yw .hljs-doctag,
269
- .mantine-h-DP-Yw .hljs-formula,
270
- .mantine-h-DP-Yw .hljs-keyword {
231
+ .m-1f5e827e .hljs-doctag,
232
+ .m-1f5e827e .hljs-formula,
233
+ .m-1f5e827e .hljs-keyword {
271
234
  color: var(--code-keyword-color);
272
235
  }
273
236
 
274
- .mantine-h-DP-Yw .hljs-deletion,
275
- .mantine-h-DP-Yw .hljs-name,
276
- .mantine-h-DP-Yw .hljs-section,
277
- .mantine-h-DP-Yw .hljs-selector-tag,
278
- .mantine-h-DP-Yw .hljs-subst {
237
+ .m-1f5e827e .hljs-deletion,
238
+ .m-1f5e827e .hljs-name,
239
+ .m-1f5e827e .hljs-section,
240
+ .m-1f5e827e .hljs-selector-tag,
241
+ .m-1f5e827e .hljs-subst {
279
242
  color: var(--code-tag-color);
280
243
  }
281
244
 
282
- .mantine-h-DP-Yw .hljs-literal {
245
+ .m-1f5e827e .hljs-literal {
283
246
  color: var(--code-literal-color);
284
247
  }
285
248
 
286
- .mantine-h-DP-Yw .hljs-addition,
287
- .mantine-h-DP-Yw .hljs-attribute,
288
- .mantine-h-DP-Yw .hljs-meta .hljs-string,
289
- .mantine-h-DP-Yw .hljs-regexp,
290
- .mantine-h-DP-Yw .hljs-string {
249
+ .m-1f5e827e .hljs-addition,
250
+ .m-1f5e827e .hljs-attribute,
251
+ .m-1f5e827e .hljs-meta .hljs-string,
252
+ .m-1f5e827e .hljs-regexp,
253
+ .m-1f5e827e .hljs-string {
291
254
  color: var(--code-string-color);
292
255
  }
293
256
 
294
- .mantine-h-DP-Yw .hljs-attr,
295
- .mantine-h-DP-Yw .hljs-number,
296
- .mantine-h-DP-Yw .hljs-selector-attr,
297
- .mantine-h-DP-Yw .hljs-selector-class,
298
- .mantine-h-DP-Yw .hljs-selector-pseudo,
299
- .mantine-h-DP-Yw .hljs-template-variable,
300
- .mantine-h-DP-Yw .hljs-type,
301
- .mantine-h-DP-Yw .hljs-variable {
257
+ .m-1f5e827e .hljs-attr,
258
+ .m-1f5e827e .hljs-number,
259
+ .m-1f5e827e .hljs-selector-attr,
260
+ .m-1f5e827e .hljs-selector-class,
261
+ .m-1f5e827e .hljs-selector-pseudo,
262
+ .m-1f5e827e .hljs-template-variable,
263
+ .m-1f5e827e .hljs-type,
264
+ .m-1f5e827e .hljs-variable {
302
265
  color: var(--code-variable-color);
303
266
  }
304
267
 
305
- .mantine-h-DP-Yw .hljs-bullet,
306
- .mantine-h-DP-Yw .hljs-link,
307
- .mantine-h-DP-Yw .hljs-meta,
308
- .mantine-h-DP-Yw .hljs-selector-id,
309
- .mantine-h-DP-Yw .hljs-symbol,
310
- .mantine-h-DP-Yw .hljs-title,
311
- .mantine-h-DP-Yw .hljs-built_in,
312
- .mantine-h-DP-Yw .hljs-class .hljs-title,
313
- .mantine-h-DP-Yw .hljs-title.class_ {
268
+ .m-1f5e827e .hljs-bullet,
269
+ .m-1f5e827e .hljs-link,
270
+ .m-1f5e827e .hljs-meta,
271
+ .m-1f5e827e .hljs-selector-id,
272
+ .m-1f5e827e .hljs-symbol,
273
+ .m-1f5e827e .hljs-title,
274
+ .m-1f5e827e .hljs-built_in,
275
+ .m-1f5e827e .hljs-class .hljs-title,
276
+ .m-1f5e827e .hljs-title.class_ {
314
277
  color: var(--code-class-color);
315
278
  }
316
279
 
317
- .mantine-h-DP-Yw .hljs-emphasis {
280
+ .m-1f5e827e .hljs-emphasis {
318
281
  font-style: italic;
319
282
  }
320
283
 
321
- .mantine-h-DP-Yw .hljs-strong {
284
+ .m-1f5e827e .hljs-strong {
322
285
  font-weight: 700;
323
286
  }
324
287
 
325
- .mantine-h-DP-Yw .hljs-link {
288
+ .m-1f5e827e .hljs-link {
326
289
  text-decoration: underline;
327
290
  }
package/cjs/use-highlight.js CHANGED
@@ -1,4 +1,3 @@
1
- 'use client';
2
1
  'use strict';
3
2
 
4
3
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -13,7 +12,9 @@ var hljs__default = /*#__PURE__*/_interopDefaultLegacy(hljs);
13
12
  function useHighlight({ code, language, highlightOnClient }) {
14
13
  const getHighlightedCode = () => hljs__default.highlight(code.trim(), { language }).value;
15
14
  const [highlighted, setHighlighted] = React.useState(!highlightOnClient);
16
- const [highlightedCode, setHighlightedCode] = React.useState(highlightOnClient ? code : getHighlightedCode());
15
+ const [highlightedCode, setHighlightedCode] = React.useState(
16
+ highlightOnClient ? code : getHighlightedCode()
17
+ );
17
18
  const getCodeProps = () => highlighted ? { dangerouslySetInnerHTML: { __html: highlightedCode } } : { children: code.trim() };
18
19
  React.useEffect(() => {
19
20
  if (highlightOnClient) {
package/cjs/use-highlight.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"use-highlight.js","sources":["../src/use-highlight.ts"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport hljs from 'highlight.js';\n\ninterface UseHighlightInput {\n code: string;\n language: string;\n highlightOnClient: boolean | undefined;\n}\n\nexport function useHighlight({ code, language, highlightOnClient }: UseHighlightInput) {\n const getHighlightedCode = () => hljs.highlight(code.trim(), { language: language! }).value;\n const [highlighted, setHighlighted] = useState(!highlightOnClient);\n const [highlightedCode, setHighlightedCode] = useState(\n highlightOnClient ? code : getHighlightedCode()\n );\n\n const getCodeProps = () =>\n highlighted\n ? { dangerouslySetInnerHTML: { __html: highlightedCode } }\n : { children: code.trim() };\n\n useEffect(() => {\n if (highlightOnClient) {\n setHighlightedCode(getHighlightedCode());\n setHighlighted(true);\n }\n }, []);\n\n return getCodeProps;\n}\n"],"names":["hljs","useState","useEffect"],"mappings":";;;;;;;;;;;;AAEO,SAAS,YAAY,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,iBAAiB,EAAE,EAAE;AACpE,EAAE,MAAM,kBAAkB,GAAG,MAAMA,aAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC;AACnF,EAAE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAGC,cAAQ,CAAC,CAAC,iBAAiB,CAAC,CAAC;AACrE,EAAE,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAGA,cAAQ,CAAC,iBAAiB,GAAG,IAAI,GAAG,kBAAkB,EAAE,CAAC,CAAC;AAC1G,EAAE,MAAM,YAAY,GAAG,MAAM,WAAW,GAAG,EAAE,uBAAuB,EAAE,EAAE,MAAM,EAAE,eAAe,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC;AAChI,EAAEC,eAAS,CAAC,MAAM;AAClB,IAAI,IAAI,iBAAiB,EAAE;AAC3B,MAAM,kBAAkB,CAAC,kBAAkB,EAAE,CAAC,CAAC;AAC/C,MAAM,cAAc,CAAC,IAAI,CAAC,CAAC;AAC3B,KAAK;AACL,GAAG,EAAE,EAAE,CAAC,CAAC;AACT,EAAE,OAAO,YAAY,CAAC;AACtB;;"}
1
+ {"version":3,"file":"use-highlight.js","sources":["../src/use-highlight.ts"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport hljs from 'highlight.js';\n\ninterface UseHighlightInput {\n code: string;\n language: string;\n highlightOnClient: boolean | undefined;\n}\n\nexport function useHighlight({ code, language, highlightOnClient }: UseHighlightInput) {\n const getHighlightedCode = () => hljs.highlight(code.trim(), { language: language! }).value;\n const [highlighted, setHighlighted] = useState(!highlightOnClient);\n const [highlightedCode, setHighlightedCode] = useState(\n highlightOnClient ? code : getHighlightedCode()\n );\n\n const getCodeProps = () =>\n highlighted\n ? { dangerouslySetInnerHTML: { __html: highlightedCode } }\n : { children: code.trim() };\n\n useEffect(() => {\n if (highlightOnClient) {\n setHighlightedCode(getHighlightedCode());\n setHighlighted(true);\n }\n }, []);\n\n return getCodeProps;\n}\n"],"names":["hljs","useState","useEffect"],"mappings":";;;;;;;;;;;AAEO,SAAS,YAAY,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,iBAAiB,EAAE,EAAE;AACpE,EAAE,MAAM,kBAAkB,GAAG,MAAMA,aAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC;AACnF,EAAE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAGC,cAAQ,CAAC,CAAC,iBAAiB,CAAC,CAAC;AACrE,EAAE,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAGA,cAAQ;AACxD,IAAI,iBAAiB,GAAG,IAAI,GAAG,kBAAkB,EAAE;AACnD,GAAG,CAAC;AACJ,EAAE,MAAM,YAAY,GAAG,MAAM,WAAW,GAAG,EAAE,uBAAuB,EAAE,EAAE,MAAM,EAAE,eAAe,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC;AAChI,EAAEC,eAAS,CAAC,MAAM;AAClB,IAAI,IAAI,iBAAiB,EAAE;AAC3B,MAAM,kBAAkB,CAAC,kBAAkB,EAAE,CAAC,CAAC;AAC/C,MAAM,cAAc,CAAC,IAAI,CAAC,CAAC;AAC3B,KAAK;AACL,GAAG,EAAE,EAAE,CAAC,CAAC;AACT,EAAE,OAAO,YAAY,CAAC;AACtB;;;;"}
package/esm/CodeHighlight.js CHANGED
@@ -1,4 +1,3 @@
1
- 'use client';
2
1
  import React from 'react';
3
2
  import cx from 'clsx';
4
3
  import { factory, useProps, useStyles, Box, CopyButton, Tooltip, ActionIcon, ScrollArea } from '@mantine/core';
@@ -91,26 +90,7 @@ const CodeHighlight = factory((_props, ref) => {
91
90
  language,
92
91
  highlightOnClient
93
92
  });
94
- return /* @__PURE__ */ React.createElement(Box, __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, getStyles("root")), {
95
- ref
96
- }), others), {
97
- dir: "ltr"
98
- }), withCopyButton && /* @__PURE__ */ React.createElement(CopyButton, {
99
- value: code.trim()
100
- }, ({ copied, copy }) => /* @__PURE__ */ React.createElement(Tooltip, {
101
- label: copied ? copiedLabel : copyLabel,
102
- fz: "sm",
103
- position: "left"
104
- }, /* @__PURE__ */ React.createElement(ActionIcon, __spreadValues({
105
- onClick: copy,
106
- variant: "none"
107
- }, getStyles("copy")), /* @__PURE__ */ React.createElement(CopyIcon, {
108
- copied
109
- })))), /* @__PURE__ */ React.createElement(ScrollArea, {
110
- type: "auto",
111
- dir: "ltr",
112
- offsetScrollbars: false
113
- }, /* @__PURE__ */ React.createElement("pre", __spreadValues({}, getStyles("pre")), /* @__PURE__ */ React.createElement("code", __spreadValues(__spreadValues({}, getStyles("code")), getCodeProps())))));
93
+ return /* @__PURE__ */ React.createElement(Box, __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, getStyles("root")), { ref }), others), { dir: "ltr" }), withCopyButton && /* @__PURE__ */ React.createElement(CopyButton, { value: code.trim() }, ({ copied, copy }) => /* @__PURE__ */ React.createElement(Tooltip, { label: copied ? copiedLabel : copyLabel, fz: "sm", position: "left" }, /* @__PURE__ */ React.createElement(ActionIcon, __spreadValues({ onClick: copy, variant: "none" }, getStyles("copy")), /* @__PURE__ */ React.createElement(CopyIcon, { copied })))), /* @__PURE__ */ React.createElement(ScrollArea, { type: "hover", dir: "ltr", offsetScrollbars: false }, /* @__PURE__ */ React.createElement("pre", __spreadValues({}, getStyles("pre")), /* @__PURE__ */ React.createElement("code", __spreadValues(__spreadValues({}, getStyles("code")), getCodeProps())))));
114
94
  });
115
95
  CodeHighlight.displayName = "@mantine/core/CodeHighlight";
116
96
 
package/esm/CodeHighlight.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CodeHighlight.js","sources":["../src/CodeHighlight.tsx"],"sourcesContent":["import React from 'react';\nimport cx from 'clsx';\nimport {\n Box,\n BoxProps,\n StylesApiProps,\n factory,\n ElementProps,\n useProps,\n useStyles,\n CopyButton,\n Tooltip,\n ActionIcon,\n ScrollArea,\n Factory,\n} from '@mantine/core';\nimport { useHighlight } from './use-highlight';\nimport { CopyIcon } from './CopyIcon';\nimport _classes from './CodeHighlight.module.css';\nimport themeClasses from './CodeHighlight.theme.module.css';\n\nconst classes = { ..._classes, root: cx(_classes.root, themeClasses.theme) };\n\nexport type CodeHighlightStylesNames = 'root' | 'code' | 'pre' | 'copy';\nexport type CodeHighlightVariant = string;\n\nexport interface CodeHighlightProps\n extends BoxProps,\n StylesApiProps<CodeHighlightFactory>,\n ElementProps<'div'> {\n /** Code to highlight */\n code: string;\n\n /** Code language, `'tsx'` by default */\n language?: string;\n\n /** Determines whether copy button should be displayed, `true` by default */\n withCopyButton?: boolean;\n\n /** Copy tooltip label, `'Copy code'` by default */\n copyLabel?: string;\n\n /** Copied tooltip label, `'Copied'` by default */\n copiedLabel?: string;\n\n /** Determines whether code should be highlighted only after component is mounted to the dom (disables code highlight on server), `false` by default */\n highlightOnClient?: boolean;\n}\n\nexport type CodeHighlightFactory = Factory<{\n props: CodeHighlightProps;\n ref: HTMLDivElement;\n stylesNames: CodeHighlightStylesNames;\n variant: CodeHighlightVariant;\n}>;\n\nconst defaultProps: Partial<CodeHighlightProps> = {\n copyLabel: 'Copy code',\n copiedLabel: 'Copied',\n language: 'tsx',\n withCopyButton: true,\n};\n\nexport const CodeHighlight = factory<CodeHighlightFactory>((_props, ref) => {\n const props = useProps('CodeHighlight', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n children,\n code,\n copiedLabel,\n copyLabel,\n language,\n withCopyButton,\n highlightOnClient,\n ...others\n } = props;\n\n const getStyles = useStyles<CodeHighlightFactory>({\n name: 'CodeHighlight',\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n });\n\n const getCodeProps = useHighlight({\n code,\n language: language!,\n highlightOnClient,\n });\n\n return (\n <Box {...getStyles('root')} ref={ref} {...others} dir=\"ltr\">\n {withCopyButton && (\n <CopyButton value={code.trim()}>\n {({ copied, copy }) => (\n <Tooltip label={copied ? copiedLabel : copyLabel} fz=\"sm\" position=\"left\">\n <ActionIcon onClick={copy} variant=\"none\" {...getStyles('copy')}>\n <CopyIcon copied={copied} />\n </ActionIcon>\n </Tooltip>\n )}\n </CopyButton>\n )}\n\n <ScrollArea type=\"auto\" dir=\"ltr\" offsetScrollbars={false}>\n <pre {...getStyles('pre')}>\n <code {...getStyles('code')} {...getCodeProps()} />\n </pre>\n </ScrollArea>\n </Box>\n );\n});\n\nCodeHighlight.displayName = '@mantine/core/CodeHighlight';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"CodeHighlight.js","sources":["../src/CodeHighlight.tsx"],"sourcesContent":["import React from 'react';\nimport cx from 'clsx';\nimport {\n Box,\n BoxProps,\n StylesApiProps,\n factory,\n ElementProps,\n useProps,\n useStyles,\n CopyButton,\n Tooltip,\n ActionIcon,\n ScrollArea,\n Factory,\n} from '@mantine/core';\nimport { useHighlight } from './use-highlight';\nimport { CopyIcon } from './CopyIcon';\nimport _classes from './CodeHighlight.module.css';\nimport themeClasses from './CodeHighlight.theme.module.css';\n\nconst classes = { ..._classes, root: cx(_classes.root, themeClasses.theme) };\n\nexport type CodeHighlightStylesNames = 'root' | 'code' | 'pre' | 'copy';\n\nexport interface CodeHighlightProps\n extends BoxProps,\n StylesApiProps<CodeHighlightFactory>,\n ElementProps<'div'> {\n /** Code to highlight */\n code: string;\n\n /** Code language, `'tsx'` by default */\n language?: string;\n\n /** Determines whether copy button should be displayed, `true` by default */\n withCopyButton?: boolean;\n\n /** Copy tooltip label, `'Copy code'` by default */\n copyLabel?: string;\n\n /** Copied tooltip label, `'Copied'` by default */\n copiedLabel?: string;\n\n /** Determines whether code should be highlighted only after component is mounted to the dom (disables code highlight on server), `false` by default */\n highlightOnClient?: boolean;\n}\n\nexport type CodeHighlightFactory = Factory<{\n props: CodeHighlightProps;\n ref: HTMLDivElement;\n stylesNames: CodeHighlightStylesNames;\n}>;\n\nconst defaultProps: Partial<CodeHighlightProps> = {\n copyLabel: 'Copy code',\n copiedLabel: 'Copied',\n language: 'tsx',\n withCopyButton: true,\n};\n\nexport const CodeHighlight = factory<CodeHighlightFactory>((_props, ref) => {\n const props = useProps('CodeHighlight', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n children,\n code,\n copiedLabel,\n copyLabel,\n language,\n withCopyButton,\n highlightOnClient,\n ...others\n } = props;\n\n const getStyles = useStyles<CodeHighlightFactory>({\n name: 'CodeHighlight',\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n });\n\n const getCodeProps = useHighlight({\n code,\n language: language!,\n highlightOnClient,\n });\n\n return (\n <Box {...getStyles('root')} ref={ref} {...others} dir=\"ltr\">\n {withCopyButton && (\n <CopyButton value={code.trim()}>\n {({ copied, copy }) => (\n <Tooltip label={copied ? copiedLabel : copyLabel} fz=\"sm\" position=\"left\">\n <ActionIcon onClick={copy} variant=\"none\" {...getStyles('copy')}>\n <CopyIcon copied={copied} />\n </ActionIcon>\n </Tooltip>\n )}\n </CopyButton>\n )}\n\n <ScrollArea type=\"hover\" dir=\"ltr\" offsetScrollbars={false}>\n <pre {...getStyles('pre')}>\n <code {...getStyles('code')} {...getCodeProps()} />\n </pre>\n </ScrollArea>\n </Box>\n );\n});\n\nCodeHighlight.displayName = '@mantine/core/CodeHighlight';\n"],"names":[],"mappings":"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"}
package/esm/CodeHighlight.module.css.js CHANGED
@@ -1,5 +1,4 @@
1
- 'use client';
2
- var _classes = {"code":"mantine-XIBJZDt","pre":"mantine-RDvBcjB","header":"mantine-cmEtjrV","controls":"mantine-059sM-t","copy":"mantine-tB-P5PD","control":"mantine-NTm-nGn","file":"mantine-PBrPXnu","files":"mantine-IvOddiX","codeWrapper":"mantine-YfYyOiA","showCodeButton":"mantine-haNyFRC","root":"mantine-k6OJW8l"};
1
+ var _classes = {"code":"m-5caae6d3","pre":"m-2c47c4fd","header":"m-e58679f3","controls":"m-be7e9c9c","copy":"m-5caae85b","control":"m-d498bab7","file":"m-5cac2e62","files":"m-38d99e51","codeWrapper":"m-9f507240","showCodeButton":"m-c9378bc2","root":"m-5cb1b9c8","fileIcon":"m-b46cddfb"};
3
2
 
4
3
  export default _classes;
5
4
  //# sourceMappingURL=CodeHighlight.module.css.js.map
package/esm/CodeHighlight.module.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CodeHighlight.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
1
+ {"version":3,"file":"CodeHighlight.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
package/esm/CodeHighlight.theme.module.css.js CHANGED
@@ -1,5 +1,4 @@
1
- 'use client';
2
- var themeClasses = {"theme":"mantine-h-DP-Yw"};
1
+ var themeClasses = {"theme":"m-1f5e827e"};
3
2
 
4
3
  export default themeClasses;
5
4
  //# sourceMappingURL=CodeHighlight.theme.module.css.js.map
package/esm/CodeHighlight.theme.module.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CodeHighlight.theme.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
1
+ {"version":3,"file":"CodeHighlight.theme.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
package/esm/CodeHighlightTabs.js CHANGED
@@ -1,4 +1,3 @@
1
- 'use client';
2
1
  import React from 'react';
3
2
  import hljs from 'highlight.js';
4
3
  import cx from 'clsx';
@@ -131,55 +130,46 @@ const CodeHighlightTabs = factory((_props, ref) => {
131
130
  const highlighted = hljs.highlight(currentCode.code.trim(), {
132
131
  language: currentCode.language
133
132
  }).value;
134
- const files = nodes.map((node, index) => /* @__PURE__ */ React.createElement(UnstyledButton, __spreadProps(__spreadValues({}, getStyles("file")), {
135
- key: node.fileName,
136
- mod: { active: index === value },
137
- onClick: () => setValue(index)
138
- }), /* @__PURE__ */ React.createElement(FileIcon, {
139
- fileIcon: node.icon,
140
- getFileIcon,
141
- fileName: node.fileName
142
- }), /* @__PURE__ */ React.createElement("span", null, node.fileName)));
143
- return /* @__PURE__ */ React.createElement(Box, __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, getStyles("root")), {
144
- ref
145
- }), others), {
146
- dir: "ltr"
147
- }), withHeader && /* @__PURE__ */ React.createElement("div", __spreadValues({}, getStyles("header")), /* @__PURE__ */ React.createElement(ScrollArea, {
148
- type: "never",
149
- dir: "ltr",
150
- offsetScrollbars: false
151
- }, /* @__PURE__ */ React.createElement("div", __spreadValues({}, getStyles("files")), files)), /* @__PURE__ */ React.createElement("div", __spreadValues({}, getStyles("controls")), withExpandButton && /* @__PURE__ */ React.createElement(Tooltip, {
152
- label: _expanded ? collapseCodeLabel : expandCodeLabel,
153
- fz: "sm",
154
- position: "left"
155
- }, /* @__PURE__ */ React.createElement(ActionIcon, __spreadValues({
156
- onClick: () => setExpanded(!_expanded),
157
- variant: "none"
158
- }, getStyles("control")), /* @__PURE__ */ React.createElement(ExpandIcon, {
159
- expanded: _expanded
160
- }))), /* @__PURE__ */ React.createElement(CopyButton, {
161
- value: currentCode.code.trim()
162
- }, ({ copied, copy }) => /* @__PURE__ */ React.createElement(Tooltip, {
163
- label: copied ? copiedLabel : copyLabel,
164
- fz: "sm",
165
- position: "left"
166
- }, /* @__PURE__ */ React.createElement(ActionIcon, __spreadValues({
167
- onClick: copy,
168
- variant: "none"
169
- }, getStyles("control")), /* @__PURE__ */ React.createElement(CopyIcon, {
170
- copied
171
- })))))), /* @__PURE__ */ React.createElement(ScrollArea, {
172
- type: "auto",
173
- dir: "ltr",
174
- offsetScrollbars: false
175
- }, /* @__PURE__ */ React.createElement(Box, __spreadProps(__spreadValues({}, getStyles("codeWrapper")), {
176
- mod: { expanded: _expanded }
177
- }), /* @__PURE__ */ React.createElement("pre", __spreadValues({}, getStyles("pre")), /* @__PURE__ */ React.createElement("code", __spreadProps(__spreadValues({}, getStyles("code")), {
178
- dangerouslySetInnerHTML: { __html: highlighted }
179
- }))))), /* @__PURE__ */ React.createElement(UnstyledButton, __spreadProps(__spreadValues({}, getStyles("showCodeButton")), {
180
- mod: { hidden: _expanded },
181
- onClick: () => setExpanded(true)
182
- }), "Expand code"));
133
+ const files = nodes.map((node, index) => /* @__PURE__ */ React.createElement(
134
+ UnstyledButton,
135
+ __spreadProps(__spreadValues({}, getStyles("file")), {
136
+ key: node.fileName,
137
+ mod: { active: index === value },
138
+ onClick: () => setValue(index)
139
+ }),
140
+ /* @__PURE__ */ React.createElement(
141
+ FileIcon,
142
+ __spreadValues({
143
+ fileIcon: node.icon,
144
+ getFileIcon,
145
+ fileName: node.fileName
146
+ }, getStyles("fileIcon"))
147
+ ),
148
+ /* @__PURE__ */ React.createElement("span", null, node.fileName)
149
+ ));
150
+ return /* @__PURE__ */ React.createElement(Box, __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, getStyles("root")), { ref }), others), { dir: "ltr" }), withHeader && /* @__PURE__ */ React.createElement("div", __spreadValues({}, getStyles("header")), /* @__PURE__ */ React.createElement(ScrollArea, { type: "never", dir: "ltr", offsetScrollbars: false }, /* @__PURE__ */ React.createElement("div", __spreadValues({}, getStyles("files")), files)), /* @__PURE__ */ React.createElement("div", __spreadValues({}, getStyles("controls")), withExpandButton && /* @__PURE__ */ React.createElement(
151
+ Tooltip,
152
+ {
153
+ label: _expanded ? collapseCodeLabel : expandCodeLabel,
154
+ fz: "sm",
155
+ position: "left"
156
+ },
157
+ /* @__PURE__ */ React.createElement(
158
+ ActionIcon,
159
+ __spreadValues({
160
+ onClick: () => setExpanded(!_expanded),
161
+ variant: "none"
162
+ }, getStyles("control")),
163
+ /* @__PURE__ */ React.createElement(ExpandIcon, { expanded: _expanded })
164
+ )
165
+ ), /* @__PURE__ */ React.createElement(CopyButton, { value: currentCode.code.trim() }, ({ copied, copy }) => /* @__PURE__ */ React.createElement(Tooltip, { label: copied ? copiedLabel : copyLabel, fz: "sm", position: "left" }, /* @__PURE__ */ React.createElement(ActionIcon, __spreadValues({ onClick: copy, variant: "none" }, getStyles("control")), /* @__PURE__ */ React.createElement(CopyIcon, { copied })))))), /* @__PURE__ */ React.createElement(ScrollArea, { type: "auto", dir: "ltr", offsetScrollbars: false }, /* @__PURE__ */ React.createElement(Box, __spreadProps(__spreadValues({}, getStyles("codeWrapper")), { mod: { expanded: _expanded } }), /* @__PURE__ */ React.createElement("pre", __spreadValues({}, getStyles("pre")), /* @__PURE__ */ React.createElement("code", __spreadProps(__spreadValues({}, getStyles("code")), { dangerouslySetInnerHTML: { __html: highlighted } }))))), /* @__PURE__ */ React.createElement(
166
+ UnstyledButton,
167
+ __spreadProps(__spreadValues({}, getStyles("showCodeButton")), {
168
+ mod: { hidden: _expanded },
169
+ onClick: () => setExpanded(true)
170
+ }),
171
+ expandCodeLabel
172
+ ));
183
173
  });
184
174
  CodeHighlightTabs.displayName = "@mantine/core/CodeHighlightTabs";
185
175