ritext 1.0.14 → 1.0.18

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 (65) hide show
  1. package/README.md +27 -28
  2. package/dist/chunk-2YUUKIIT.mjs +149 -0
  3. package/dist/chunk-7QOFJIQ3.mjs +90 -0
  4. package/dist/chunk-D47XME55.mjs +49 -0
  5. package/dist/chunk-FWCSY2DS.mjs +37 -0
  6. package/dist/chunk-GSHINFPO.mjs +53 -0
  7. package/dist/chunk-LMOTHRGQ.mjs +37 -0
  8. package/dist/chunk-MBF77NHS.mjs +37 -0
  9. package/dist/chunk-VYDH6BZE.mjs +17 -0
  10. package/dist/extension/bold.d.mts +8 -0
  11. package/dist/extension/bold.d.ts +8 -0
  12. package/dist/extension/bold.js +260 -0
  13. package/dist/extension/bold.mjs +70 -0
  14. package/dist/extension/clearformat.d.mts +8 -0
  15. package/dist/extension/clearformat.d.ts +8 -0
  16. package/dist/extension/clearformat.js +239 -0
  17. package/dist/extension/clearformat.mjs +69 -0
  18. package/dist/extension/font-family.d.mts +23 -0
  19. package/dist/extension/font-family.d.ts +23 -0
  20. package/dist/extension/font-family.js +388 -0
  21. package/dist/extension/font-family.mjs +113 -0
  22. package/dist/extension/font-size.d.mts +23 -0
  23. package/dist/extension/font-size.d.ts +23 -0
  24. package/dist/extension/font-size.js +386 -0
  25. package/dist/extension/font-size.mjs +111 -0
  26. package/dist/extension/heading.d.mts +23 -0
  27. package/dist/extension/heading.d.ts +23 -0
  28. package/dist/extension/heading.js +593 -0
  29. package/dist/extension/heading.mjs +312 -0
  30. package/dist/extension/history.d.mts +8 -0
  31. package/dist/extension/history.d.ts +8 -0
  32. package/dist/extension/history.js +296 -0
  33. package/dist/extension/history.mjs +126 -0
  34. package/dist/extension/italic.d.mts +8 -0
  35. package/dist/extension/italic.d.ts +8 -0
  36. package/dist/extension/italic.js +264 -0
  37. package/dist/extension/italic.mjs +74 -0
  38. package/dist/extension/strike.d.mts +8 -0
  39. package/dist/extension/strike.d.ts +8 -0
  40. package/dist/extension/strike.js +264 -0
  41. package/dist/extension/strike.mjs +74 -0
  42. package/dist/extension/subandsuperscript.d.mts +21 -0
  43. package/dist/extension/subandsuperscript.d.ts +21 -0
  44. package/dist/extension/subandsuperscript.js +452 -0
  45. package/dist/extension/subandsuperscript.mjs +121 -0
  46. package/dist/extension/subscript.d.mts +8 -0
  47. package/dist/extension/subscript.d.ts +8 -0
  48. package/dist/extension/subscript.js +264 -0
  49. package/dist/extension/subscript.mjs +46 -0
  50. package/dist/extension/superscript.d.mts +8 -0
  51. package/dist/extension/superscript.d.ts +8 -0
  52. package/dist/extension/superscript.js +264 -0
  53. package/dist/extension/superscript.mjs +46 -0
  54. package/dist/extension/underline.d.mts +8 -0
  55. package/dist/extension/underline.d.ts +8 -0
  56. package/dist/extension/underline.js +263 -0
  57. package/dist/extension/underline.mjs +73 -0
  58. package/dist/index.css +471 -5
  59. package/dist/index.d.mts +6 -32
  60. package/dist/index.d.ts +6 -32
  61. package/dist/index.js +26 -538
  62. package/dist/index.mjs +31 -549
  63. package/dist/tiptap-ext.type-DrneAC5G.d.mts +39 -0
  64. package/dist/tiptap-ext.type-DrneAC5G.d.ts +39 -0
  65. package/package.json +52 -26
package/dist/index.css CHANGED
@@ -21,13 +21,37 @@
21
21
  "Liberation Mono",
22
22
  "Courier New",
23
23
  monospace;
24
+ --color-red-400: oklch(70.4% 0.191 22.216);
25
+ --color-red-500: oklch(63.7% 0.237 25.331);
26
+ --color-blue-400: oklch(70.7% 0.165 254.624);
27
+ --color-blue-500: oklch(62.3% 0.214 259.815);
24
28
  --color-gray-50: oklch(98.5% 0.002 247.839);
25
29
  --color-gray-100: oklch(96.7% 0.003 264.542);
26
30
  --color-gray-200: oklch(92.8% 0.006 264.531);
31
+ --color-gray-400: oklch(70.7% 0.022 261.325);
32
+ --color-gray-500: oklch(55.1% 0.027 264.364);
33
+ --color-neutral-300: oklch(87% 0 0);
34
+ --color-neutral-700: oklch(37.1% 0 0);
35
+ --color-neutral-900: oklch(20.5% 0 0);
36
+ --color-black: #000;
27
37
  --color-white: #fff;
28
38
  --spacing: 0.25rem;
29
39
  --text-sm: 0.875rem;
30
40
  --text-sm--line-height: calc(1.25 / 0.875);
41
+ --text-base: 1rem;
42
+ --text-base--line-height: calc(1.5 / 1);
43
+ --text-lg: 1.125rem;
44
+ --text-lg--line-height: calc(1.75 / 1.125);
45
+ --text-xl: 1.25rem;
46
+ --text-xl--line-height: calc(1.75 / 1.25);
47
+ --text-2xl: 1.5rem;
48
+ --text-2xl--line-height: calc(2 / 1.5);
49
+ --text-3xl: 1.875rem;
50
+ --text-3xl--line-height: calc(2.25 / 1.875);
51
+ --font-weight-bold: 700;
52
+ --font-weight-extrabold: 800;
53
+ --leading-relaxed: 1.625;
54
+ --radius-sm: 0.25rem;
31
55
  --radius-md: 0.375rem;
32
56
  --radius-lg: 0.5rem;
33
57
  --default-transition-duration: 150ms;
@@ -226,11 +250,48 @@
226
250
  }
227
251
  }
228
252
  @layer utilities {
253
+ .ml-6 {
254
+ margin-left: calc(var(--spacing) * 6);
255
+ }
256
+ .block {
257
+ display: block;
258
+ }
229
259
  .flex {
230
260
  display: flex;
231
261
  }
232
- .gap-x-1\.5 {
233
- column-gap: calc(var(--spacing) * 1.5);
262
+ .max-h-125 {
263
+ max-height: calc(var(--spacing) * 125);
264
+ }
265
+ .flex-1 {
266
+ flex: 1;
267
+ }
268
+ .transform {
269
+ transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
270
+ }
271
+ .cursor-pointer {
272
+ cursor: pointer;
273
+ }
274
+ .items-center {
275
+ align-items: center;
276
+ }
277
+ .space-y-1 {
278
+ :where(& > :not(:last-child)) {
279
+ --tw-space-y-reverse: 0;
280
+ margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
281
+ margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
282
+ }
283
+ }
284
+ .gap-x-0\.5 {
285
+ column-gap: calc(var(--spacing) * 0.5);
286
+ }
287
+ .gap-x-1 {
288
+ column-gap: calc(var(--spacing) * 1);
289
+ }
290
+ .gap-x-2\.5 {
291
+ column-gap: calc(var(--spacing) * 2.5);
292
+ }
293
+ .overflow-auto {
294
+ overflow: auto;
234
295
  }
235
296
  .rounded-lg {
236
297
  border-radius: var(--radius-lg);
@@ -246,14 +307,20 @@
246
307
  --tw-border-style: solid;
247
308
  border-style: solid;
248
309
  }
310
+ .border-gray-200 {
311
+ border-color: var(--color-gray-200);
312
+ }
249
313
  .border-gray-200\/50 {
250
314
  border-color: color-mix(in srgb, oklch(92.8% 0.006 264.531) 50%, transparent);
251
315
  @supports (color: color-mix(in lab, red, red)) {
252
316
  border-color: color-mix(in oklab, var(--color-gray-200) 50%, transparent);
253
317
  }
254
318
  }
255
- .bg-gray-200 {
256
- background-color: var(--color-gray-200);
319
+ .bg-gray-200\/60 {
320
+ background-color: color-mix(in srgb, oklch(92.8% 0.006 264.531) 60%, transparent);
321
+ @supports (color: color-mix(in lab, red, red)) {
322
+ background-color: color-mix(in oklab, var(--color-gray-200) 60%, transparent);
323
+ }
257
324
  }
258
325
  .bg-white {
259
326
  background-color: var(--color-white);
@@ -261,25 +328,66 @@
261
328
  .p-1\.5 {
262
329
  padding: calc(var(--spacing) * 1.5);
263
330
  }
331
+ .p-2 {
332
+ padding: calc(var(--spacing) * 2);
333
+ }
334
+ .px-2 {
335
+ padding-inline: calc(var(--spacing) * 2);
336
+ }
337
+ .px-2\.5 {
338
+ padding-inline: calc(var(--spacing) * 2.5);
339
+ }
264
340
  .px-3 {
265
341
  padding-inline: calc(var(--spacing) * 3);
266
342
  }
267
343
  .py-1 {
268
344
  padding-block: calc(var(--spacing) * 1);
269
345
  }
346
+ .py-1\.5 {
347
+ padding-block: calc(var(--spacing) * 1.5);
348
+ }
270
349
  .text-center {
271
350
  text-align: center;
272
351
  }
352
+ .text-2xl {
353
+ font-size: var(--text-2xl);
354
+ line-height: var(--tw-leading, var(--text-2xl--line-height));
355
+ }
356
+ .text-3xl {
357
+ font-size: var(--text-3xl);
358
+ line-height: var(--tw-leading, var(--text-3xl--line-height));
359
+ }
360
+ .text-base {
361
+ font-size: var(--text-base);
362
+ line-height: var(--tw-leading, var(--text-base--line-height));
363
+ }
364
+ .text-lg {
365
+ font-size: var(--text-lg);
366
+ line-height: var(--tw-leading, var(--text-lg--line-height));
367
+ }
273
368
  .text-sm {
274
369
  font-size: var(--text-sm);
275
370
  line-height: var(--tw-leading, var(--text-sm--line-height));
276
371
  }
372
+ .text-xl {
373
+ font-size: var(--text-xl);
374
+ line-height: var(--tw-leading, var(--text-xl--line-height));
375
+ }
376
+ .text-gray-400 {
377
+ color: var(--color-gray-400);
378
+ }
379
+ .text-gray-500 {
380
+ color: var(--color-gray-500);
381
+ }
277
382
  .italic {
278
383
  font-style: italic;
279
384
  }
280
385
  .underline {
281
386
  text-decoration-line: underline;
282
387
  }
388
+ .opacity-20 {
389
+ opacity: 20%;
390
+ }
283
391
  .shadow-lg {
284
392
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
285
393
  box-shadow:
@@ -289,12 +397,27 @@
289
397
  var(--tw-ring-shadow),
290
398
  var(--tw-shadow);
291
399
  }
400
+ .shadow-sm {
401
+ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
402
+ box-shadow:
403
+ var(--tw-inset-shadow),
404
+ var(--tw-inset-ring-shadow),
405
+ var(--tw-ring-offset-shadow),
406
+ var(--tw-ring-shadow),
407
+ var(--tw-shadow);
408
+ }
292
409
  .shadow-gray-50 {
293
410
  --tw-shadow-color: oklch(98.5% 0.002 247.839);
294
411
  @supports (color: color-mix(in lab, red, red)) {
295
412
  --tw-shadow-color: color-mix(in oklab, var(--color-gray-50) var(--tw-shadow-alpha), transparent);
296
413
  }
297
414
  }
415
+ .shadow-gray-200\/40 {
416
+ --tw-shadow-color: color-mix(in srgb, oklch(92.8% 0.006 264.531) 40%, transparent);
417
+ @supports (color: color-mix(in lab, red, red)) {
418
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-gray-200) 40%, transparent) var(--tw-shadow-alpha), transparent);
419
+ }
420
+ }
298
421
  .transition {
299
422
  transition-property:
300
423
  color,
@@ -323,6 +446,19 @@
323
446
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
324
447
  transition-duration: var(--tw-duration, var(--default-transition-duration));
325
448
  }
449
+ .transition-all {
450
+ transition-property: all;
451
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
452
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
453
+ }
454
+ .duration-100 {
455
+ --tw-duration: 100ms;
456
+ transition-duration: 100ms;
457
+ }
458
+ .select-none {
459
+ -webkit-user-select: none;
460
+ user-select: none;
461
+ }
326
462
  .hover\:bg-gray-100 {
327
463
  &:hover {
328
464
  @media (hover: hover) {
@@ -359,7 +495,325 @@
359
495
  button {
360
496
  cursor: pointer;
361
497
  }
498
+ .ProseMirror p {
499
+ margin-bottom: calc(var(--spacing) * 1.5);
500
+ --tw-leading: var(--leading-relaxed);
501
+ line-height: var(--leading-relaxed);
502
+ &:first-child {
503
+ margin-top: calc(var(--spacing) * 0);
504
+ }
505
+ &:last-child {
506
+ margin-bottom: calc(var(--spacing) * 0);
507
+ }
508
+ }
509
+ .ProseMirror > p {
510
+ margin-bottom: calc(var(--spacing) * 1.5);
511
+ &:first-child {
512
+ margin-top: calc(var(--spacing) * 0);
513
+ }
514
+ &:last-child {
515
+ margin-bottom: calc(var(--spacing) * 0);
516
+ }
517
+ }
518
+ .ProseMirror h1 {
519
+ font-size: var(--text-3xl);
520
+ line-height: var(--tw-leading, var(--text-3xl--line-height));
521
+ }
522
+ .ProseMirror h2 {
523
+ font-size: var(--text-2xl);
524
+ line-height: var(--tw-leading, var(--text-2xl--line-height));
525
+ }
526
+ .ProseMirror h3 {
527
+ font-size: var(--text-xl);
528
+ line-height: var(--tw-leading, var(--text-xl--line-height));
529
+ }
530
+ .ProseMirror h4 {
531
+ font-size: var(--text-lg);
532
+ line-height: var(--tw-leading, var(--text-lg--line-height));
533
+ }
534
+ .ProseMirror h5 {
535
+ font-size: var(--text-base);
536
+ line-height: var(--tw-leading, var(--text-base--line-height));
537
+ }
538
+ .ProseMirror h6 {
539
+ font-size: var(--text-sm);
540
+ line-height: var(--tw-leading, var(--text-sm--line-height));
541
+ }
542
+ .ProseMirror h1,
543
+ .ProseMirror h2,
544
+ .ProseMirror h3,
545
+ .ProseMirror h4,
546
+ .ProseMirror h5,
547
+ .ProseMirror h6 {
548
+ --tw-font-weight: var(--font-weight-bold);
549
+ font-weight: var(--font-weight-bold);
550
+ &:first-child {
551
+ margin-top: calc(var(--spacing) * 0);
552
+ }
553
+ &:last-child {
554
+ margin-bottom: calc(var(--spacing) * 0);
555
+ }
556
+ }
557
+ .ProseMirror h1,
558
+ .ProseMirror h2,
559
+ .ProseMirror h3 {
560
+ margin-top: calc(var(--spacing) * 12);
561
+ }
562
+ .ProseMirror h4,
563
+ .ProseMirror h5,
564
+ .ProseMirror h6 {
565
+ margin-top: calc(var(--spacing) * 8);
566
+ }
567
+ .ProseMirror a.link {
568
+ --tw-font-weight: var(--font-weight-extrabold);
569
+ font-weight: var(--font-weight-extrabold);
570
+ color: var(--color-blue-500);
571
+ @media (prefers-color-scheme: dark) {
572
+ color: var(--color-blue-400);
573
+ }
574
+ }
575
+ .ProseMirror mark {
576
+ border-radius: var(--radius-sm);
577
+ background-color: var(--color-red-500);
578
+ box-decoration-break: clone;
579
+ padding-inline: calc(var(--spacing) * 0);
580
+ padding-block: calc(var(--spacing) * 1);
581
+ color: inherit;
582
+ @media (prefers-color-scheme: dark) {
583
+ background-color: var(--color-red-400);
584
+ }
585
+ }
586
+ .ProseMirror img {
587
+ height: auto;
588
+ max-width: 100%;
589
+ }
590
+ .ProseMirror *[data-indent="1"] {
591
+ text-indent: 2em !important;
592
+ }
593
+ .ProseMirror *[data-indent="2"] {
594
+ text-indent: 4em !important;
595
+ }
596
+ .ProseMirror *[data-indent="3"] {
597
+ text-indent: 6em !important;
598
+ }
599
+ .ProseMirror *[data-indent="4"] {
600
+ text-indent: 8em !important;
601
+ }
602
+ .ProseMirror *[data-indent="5"] {
603
+ text-indent: 10em !important;
604
+ }
605
+ .ProseMirror *[data-indent="6"] {
606
+ text-indent: 12em !important;
607
+ }
608
+ .ProseMirror *[data-indent="7"] {
609
+ text-indent: 14em !important;
610
+ }
611
+ .ProseMirror iframe {
612
+ margin-top: calc(var(--spacing) * 2);
613
+ height: 100%;
614
+ width: 100%;
615
+ border-radius: var(--radius-sm);
616
+ border-style: var(--tw-border-style);
617
+ border-width: 1px;
618
+ border-color: var(--color-gray-200);
619
+ }
620
+ .ProseMirror .blockquote {
621
+ border-radius: var(--radius-lg);
622
+ border-top-left-radius: 0;
623
+ border-bottom-left-radius: 0;
624
+ border-left-style: var(--tw-border-style);
625
+ border-left-width: 4px;
626
+ border-left-color: var(--color-neutral-700);
627
+ padding-inline: calc(var(--spacing) * 4);
628
+ padding-block: calc(var(--spacing) * 2);
629
+ color: var(--color-black);
630
+ @media (prefers-color-scheme: dark) {
631
+ border-left-color: var(--color-neutral-300);
632
+ }
633
+ @media (prefers-color-scheme: dark) {
634
+ color: var(--color-white);
635
+ }
636
+ }
637
+ .ProseMirror code {
638
+ border-radius: var(--radius-sm);
639
+ background-color: var(--color-neutral-900);
640
+ font-family: var(--font-mono);
641
+ color: var(--color-white);
642
+ caret-color: var(--color-white);
643
+ --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
644
+ box-shadow:
645
+ var(--tw-inset-shadow),
646
+ var(--tw-inset-ring-shadow),
647
+ var(--tw-ring-offset-shadow),
648
+ var(--tw-ring-shadow),
649
+ var(--tw-shadow);
650
+ }
651
+ .ProseMirror pre {
652
+ margin-block: calc(var(--spacing) * 12);
653
+ border-radius: 0.25rem;
654
+ border-style: var(--tw-border-style);
655
+ border-width: 1px;
656
+ border-color: var(--color-black);
657
+ background-color: var(--color-neutral-700);
658
+ padding: calc(var(--spacing) * 4);
659
+ color: var(--color-white);
660
+ caret-color: var(--color-white);
661
+ @media (prefers-color-scheme: dark) {
662
+ border-color: var(--color-gray-200);
663
+ }
664
+ @media (prefers-color-scheme: dark) {
665
+ background-color: var(--color-neutral-900);
666
+ }
667
+ }
668
+ .ProseMirror pre code {
669
+ background-color: inherit;
670
+ padding: calc(var(--spacing) * 0);
671
+ color: inherit;
672
+ --tw-shadow: 0 0 #0000;
673
+ box-shadow:
674
+ var(--tw-inset-shadow),
675
+ var(--tw-inset-ring-shadow),
676
+ var(--tw-ring-offset-shadow),
677
+ var(--tw-ring-shadow),
678
+ var(--tw-shadow);
679
+ }
680
+ .ProseMirror ol {
681
+ list-style-type: decimal;
682
+ }
683
+ .ProseMirror ul {
684
+ list-style-type: disc;
685
+ }
686
+ .ProseMirror ul,
687
+ .ProseMirror ol {
688
+ margin-block: calc(var(--spacing) * 6);
689
+ padding-inline: calc(var(--spacing) * 8);
690
+ padding-block: calc(var(--spacing) * 0);
691
+ &:first-child {
692
+ margin-top: calc(var(--spacing) * 0);
693
+ }
694
+ &:last-child {
695
+ margin-bottom: calc(var(--spacing) * 0);
696
+ }
697
+ }
698
+ .ProseMirror ul ul,
699
+ .ProseMirror ul ol,
700
+ .ProseMirror ul li,
701
+ .ProseMirror ol ul,
702
+ .ProseMirror ol ol,
703
+ .ProseMirror ol li {
704
+ margin-block: calc(var(--spacing) * 1);
705
+ }
706
+ .ProseMirror ul p,
707
+ .ProseMirror ol p {
708
+ margin-top: calc(var(--spacing) * 0);
709
+ margin-bottom: calc(var(--spacing) * 1);
710
+ }
711
+ .ProseMirror > ul,
712
+ .ProseMirror > ol {
713
+ margin-block: calc(var(--spacing) * 8);
714
+ &:first-child {
715
+ margin-top: calc(var(--spacing) * 0);
716
+ }
717
+ &:last-child {
718
+ margin-bottom: calc(var(--spacing) * 0);
719
+ }
720
+ }
721
+ .ProseMirror ul[data-type=taskList] {
722
+ list-style-type: none;
723
+ padding: calc(var(--spacing) * 0);
724
+ }
725
+ .ProseMirror ul[data-type=taskList] p {
726
+ margin: calc(var(--spacing) * 0);
727
+ }
728
+ .ProseMirror ul[data-type=taskList] li {
729
+ display: flex;
730
+ }
731
+ .ProseMirror ul[data-type=taskList] li > label {
732
+ margin-right: calc(var(--spacing) * 2);
733
+ display: inline;
734
+ flex: auto;
735
+ flex-shrink: 0;
736
+ flex-grow: 0;
737
+ -webkit-user-select: none;
738
+ user-select: none;
739
+ }
740
+ .ProseMirror ul[data-type=taskList] li > div {
741
+ flex: auto;
742
+ }
743
+ .ProseMirror ul[data-type=taskList] li[data-checked=true] {
744
+ text-decoration-line: line-through;
745
+ }
746
+ .ProseMirror table {
747
+ border: 1px solid;
748
+ box-sizing: border-box;
749
+ display: block;
750
+ table-layout: fixed;
751
+ border-collapse: collapse;
752
+ overflow-x: auto;
753
+ overflow-y: hidden;
754
+ border-color: color-mix(in srgb, #000 10%, transparent);
755
+ @supports (color: color-mix(in lab, red, red)) {
756
+ border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
757
+ }
758
+ @media (prefers-color-scheme: dark) {
759
+ border-color: color-mix(in srgb, #fff 20%, transparent);
760
+ @supports (color: color-mix(in lab, red, red)) {
761
+ border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
762
+ }
763
+ }
764
+ }
765
+ .ProseMirror table td,
766
+ .ProseMirror table th {
767
+ border: 1px solid;
768
+ position: relative;
769
+ box-sizing: border-box;
770
+ min-width: 1em;
771
+ border-style: var(--tw-border-style);
772
+ border-width: 1px;
773
+ border-color: color-mix(in srgb, #000 10%, transparent);
774
+ @supports (color: color-mix(in lab, red, red)) {
775
+ border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
776
+ }
777
+ padding: calc(var(--spacing) * 2);
778
+ text-align: left;
779
+ vertical-align: top;
780
+ @media (prefers-color-scheme: dark) {
781
+ border-color: color-mix(in srgb, #fff 20%, transparent);
782
+ @supports (color: color-mix(in lab, red, red)) {
783
+ border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
784
+ }
785
+ }
786
+ }
787
+ .ProseMirror table td:first-of-type:not(a),
788
+ .ProseMirror table th:first-of-type:not(a) {
789
+ margin-top: calc(var(--spacing) * 0);
790
+ }
791
+ .ProseMirror table td p,
792
+ .ProseMirror table th p {
793
+ margin: calc(var(--spacing) * 0);
794
+ }
795
+ .ProseMirror table td p + p,
796
+ .ProseMirror table th p + p {
797
+ margin-top: calc(var(--spacing) * 3);
798
+ }
799
+ .ProseMirror table th {
800
+ text-align: left;
801
+ --tw-font-weight: var(--font-weight-bold);
802
+ font-weight: var(--font-weight-bold);
803
+ }
804
+ .reactjs-tiptap-editor .ProseMirror .search-result {
805
+ background-color: #ffd90080;
806
+ }
807
+ .reactjs-tiptap-editor .ProseMirror .search-result-current {
808
+ background-color: #0dff0080;
809
+ }
362
810
  }
811
+ @property --tw-rotate-x { syntax: "*"; inherits: false; }
812
+ @property --tw-rotate-y { syntax: "*"; inherits: false; }
813
+ @property --tw-rotate-z { syntax: "*"; inherits: false; }
814
+ @property --tw-skew-x { syntax: "*"; inherits: false; }
815
+ @property --tw-skew-y { syntax: "*"; inherits: false; }
816
+ @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
363
817
  @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
364
818
  @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
365
819
  @property --tw-shadow-color { syntax: "*"; inherits: false; }
@@ -375,12 +829,21 @@
375
829
  @property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0px; }
376
830
  @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }
377
831
  @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
832
+ @property --tw-duration { syntax: "*"; inherits: false; }
833
+ @property --tw-leading { syntax: "*"; inherits: false; }
834
+ @property --tw-font-weight { syntax: "*"; inherits: false; }
378
835
  @layer properties {
379
836
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
380
837
  *,
381
838
  ::before,
382
839
  ::after,
383
840
  ::backdrop {
841
+ --tw-rotate-x: initial;
842
+ --tw-rotate-y: initial;
843
+ --tw-rotate-z: initial;
844
+ --tw-skew-x: initial;
845
+ --tw-skew-y: initial;
846
+ --tw-space-y-reverse: 0;
384
847
  --tw-border-style: solid;
385
848
  --tw-shadow: 0 0 #0000;
386
849
  --tw-shadow-color: initial;
@@ -396,7 +859,10 @@
396
859
  --tw-ring-offset-width: 0px;
397
860
  --tw-ring-offset-color: #fff;
398
861
  --tw-ring-offset-shadow: 0 0 #0000;
862
+ --tw-duration: initial;
863
+ --tw-leading: initial;
864
+ --tw-font-weight: initial;
399
865
  }
400
866
  }
401
867
  }
402
- /*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */
868
+ /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
package/dist/index.d.mts CHANGED
@@ -1,7 +1,6 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { ReactNode, CSSProperties } from 'react';
3
- import { Extensions, Editor as Editor$1, Mark } from '@tiptap/react';
4
- import { Placement } from '@floating-ui/react';
2
+ import { ReactNode } from 'react';
3
+ import { Extensions } from '@tiptap/react';
5
4
 
6
5
  interface Props$2 {
7
6
  children?: ReactNode;
@@ -13,39 +12,14 @@ declare const Editor: ({ children, extensions, className }: Props$2) => react_js
13
12
  interface Props$1 {
14
13
  className?: string;
15
14
  buttonClassName?: string;
15
+ dropdownContainerClassName?: string;
16
+ dropdownItemClassName?: string;
16
17
  }
17
- declare const Toolbar: ({ className, buttonClassName }: Props$1) => react_jsx_runtime.JSX.Element | null;
18
+ declare const Toolbar: ({ className, buttonClassName, dropdownContainerClassName, dropdownItemClassName }: Props$1) => react_jsx_runtime.JSX.Element | null;
18
19
 
19
20
  interface Props {
20
21
  className?: string;
21
22
  }
22
23
  declare const Content: ({ className }: Props) => react_jsx_runtime.JSX.Element;
23
24
 
24
- type ExtButtonOptions = {
25
- className?: string;
26
- activeClassName?: string;
27
- icon?: ReactNode;
28
- style?: CSSProperties;
29
- tooltip?: boolean | string;
30
- tooltipClassName?: string;
31
- tooltipPlacement?: Placement;
32
- button: (args: {
33
- options: ExtButtonOptions;
34
- editor: Editor$1;
35
- buttonClassName: string;
36
- }) => ReactNode;
37
- };
38
-
39
- declare const Bold: Mark<ExtButtonOptions, any>;
40
-
41
- declare const Italic: Mark<ExtButtonOptions, any>;
42
-
43
- declare const Underline: Mark<ExtButtonOptions, any>;
44
-
45
- declare const Strike: Mark<ExtButtonOptions, any>;
46
-
47
- declare const Subscript: Mark<ExtButtonOptions, any>;
48
-
49
- declare const Superscript: Mark<ExtButtonOptions, any>;
50
-
51
- export { Bold, Content, Editor, Italic, Strike, Subscript, Superscript, Toolbar, Underline };
25
+ export { Content, Editor, Toolbar };
package/dist/index.d.ts CHANGED
@@ -1,7 +1,6 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { ReactNode, CSSProperties } from 'react';
3
- import { Extensions, Editor as Editor$1, Mark } from '@tiptap/react';
4
- import { Placement } from '@floating-ui/react';
2
+ import { ReactNode } from 'react';
3
+ import { Extensions } from '@tiptap/react';
5
4
 
6
5
  interface Props$2 {
7
6
  children?: ReactNode;
@@ -13,39 +12,14 @@ declare const Editor: ({ children, extensions, className }: Props$2) => react_js
13
12
  interface Props$1 {
14
13
  className?: string;
15
14
  buttonClassName?: string;
15
+ dropdownContainerClassName?: string;
16
+ dropdownItemClassName?: string;
16
17
  }
17
- declare const Toolbar: ({ className, buttonClassName }: Props$1) => react_jsx_runtime.JSX.Element | null;
18
+ declare const Toolbar: ({ className, buttonClassName, dropdownContainerClassName, dropdownItemClassName }: Props$1) => react_jsx_runtime.JSX.Element | null;
18
19
 
19
20
  interface Props {
20
21
  className?: string;
21
22
  }
22
23
  declare const Content: ({ className }: Props) => react_jsx_runtime.JSX.Element;
23
24
 
24
- type ExtButtonOptions = {
25
- className?: string;
26
- activeClassName?: string;
27
- icon?: ReactNode;
28
- style?: CSSProperties;
29
- tooltip?: boolean | string;
30
- tooltipClassName?: string;
31
- tooltipPlacement?: Placement;
32
- button: (args: {
33
- options: ExtButtonOptions;
34
- editor: Editor$1;
35
- buttonClassName: string;
36
- }) => ReactNode;
37
- };
38
-
39
- declare const Bold: Mark<ExtButtonOptions, any>;
40
-
41
- declare const Italic: Mark<ExtButtonOptions, any>;
42
-
43
- declare const Underline: Mark<ExtButtonOptions, any>;
44
-
45
- declare const Strike: Mark<ExtButtonOptions, any>;
46
-
47
- declare const Subscript: Mark<ExtButtonOptions, any>;
48
-
49
- declare const Superscript: Mark<ExtButtonOptions, any>;
50
-
51
- export { Bold, Content, Editor, Italic, Strike, Subscript, Superscript, Toolbar, Underline };
25
+ export { Content, Editor, Toolbar };