@trycourier/react-designer 0.0.0-canary-20251113171853 → 0.0.0-canary-20251118111757

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 (27) hide show
  1. package/dist/cjs/index.js +61 -22485
  2. package/dist/cjs/index.js.map +4 -4
  3. package/dist/cjs/styles.css +32 -22
  4. package/dist/components/TemplateEditor/Channels/Email/Email.d.ts +2 -4
  5. package/dist/components/TemplateEditor/Channels/Email/SideBar/SideBar.d.ts +5 -2
  6. package/dist/components/TemplateEditor/Channels/Email/SideBar/SideBarSortableItemWrapper/SideBarSortableItemWrapper.d.ts +4 -18
  7. package/dist/components/TemplateEditor/Channels/MSTeams/MSTeams.d.ts +2 -1
  8. package/dist/components/TemplateEditor/Channels/MSTeams/MSTeamsEditor.d.ts +1 -1
  9. package/dist/components/TemplateEditor/Channels/MSTeams/SideBar/SideBar.d.ts +5 -2
  10. package/dist/components/TemplateEditor/Channels/Slack/SideBar/SideBar.d.ts +5 -2
  11. package/dist/components/TemplateEditor/Channels/Slack/Slack.d.ts +2 -1
  12. package/dist/components/TemplateEditor/Channels/Slack/SlackEditor.d.ts +1 -1
  13. package/dist/components/TemplateEditor/hooks/useEditorDnd.d.ts +12 -16
  14. package/dist/components/TemplateEditor/hooks/usePragmaticDnd.d.ts +21 -0
  15. package/dist/components/TemplateEditor/hooks/useSyncEditorItems.d.ts +1 -1
  16. package/dist/components/TemplateEditor/index.d.ts +0 -1
  17. package/dist/components/ui/DraggableItem/DraggableItem.d.ts +16 -0
  18. package/dist/components/ui/DraggableItem/index.d.ts +1 -0
  19. package/dist/components/ui/DropIndicatorPlaceholder/DropIndicatorPlaceholder.d.ts +5 -0
  20. package/dist/components/ui/DropIndicatorPlaceholder/index.d.ts +1 -0
  21. package/dist/components/ui/SortableItemWrapper/SortableItemWrapper.d.ts +5 -6
  22. package/dist/components/utils/multipleContainersKeyboardCoordinates.d.ts +1 -2
  23. package/dist/esm/index.js +61 -22497
  24. package/dist/esm/index.js.map +4 -4
  25. package/dist/esm/styles.css +32 -22
  26. package/dist/styles.css +32 -22
  27. package/package.json +6 -6
package/dist/esm/styles.css CHANGED
@@ -1087,6 +1087,9 @@ body {
1087
1087
  .courier-ml-1\.5 {
1088
1088
  margin-left: 0.375rem;
1089
1089
  }
1090
+ .courier-ml-10 {
1091
+ margin-left: 2.5rem;
1092
+ }
1090
1093
  .courier-ml-2 {
1091
1094
  margin-left: 0.5rem;
1092
1095
  }
@@ -1147,6 +1150,9 @@ body {
1147
1150
  .courier-grid {
1148
1151
  display: grid;
1149
1152
  }
1153
+ .\!courier-hidden {
1154
+ display: none !important;
1155
+ }
1150
1156
  .courier-hidden {
1151
1157
  display: none;
1152
1158
  }
@@ -1431,11 +1437,6 @@ body {
1431
1437
  --tw-translate-y: -50%;
1432
1438
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1433
1439
  }
1434
- .courier-scale-105 {
1435
- --tw-scale-x: 1.05;
1436
- --tw-scale-y: 1.05;
1437
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1438
- }
1439
1440
  @keyframes courier-spin {
1440
1441
 
1441
1442
  to {
@@ -1454,6 +1455,9 @@ body {
1454
1455
  .courier-cursor-grab {
1455
1456
  cursor: grab;
1456
1457
  }
1458
+ .courier-cursor-grabbing {
1459
+ cursor: grabbing;
1460
+ }
1457
1461
  .courier-cursor-not-allowed {
1458
1462
  cursor: not-allowed;
1459
1463
  }
@@ -2278,9 +2282,6 @@ body {
2278
2282
  .courier-opacity-60 {
2279
2283
  opacity: 0.6;
2280
2284
  }
2281
- .courier-opacity-90 {
2282
- opacity: 0.9;
2283
- }
2284
2285
  .courier-opacity-\[0\.999\] {
2285
2286
  opacity: 0.999;
2286
2287
  }
@@ -2343,6 +2344,15 @@ body {
2343
2344
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2344
2345
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2345
2346
  }
2347
+ .courier-ring-2 {
2348
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2349
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2350
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2351
+ }
2352
+ .courier-ring-blue-500 {
2353
+ --tw-ring-opacity: 1;
2354
+ --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
2355
+ }
2346
2356
  .courier-ring-offset-background {
2347
2357
  --tw-ring-offset-color: var(--background);
2348
2358
  }
@@ -3452,48 +3462,48 @@ body {
3452
3462
  .ProseMirror > .react-renderer.node-customCode .node-element:focus-visible {
3453
3463
  outline: none;
3454
3464
  }
3455
- .ProseMirror > .react-renderer.node-imageBlock .selected-element > .node-element, .ProseMirror > .react-renderer.node-button .selected-element > .node-element, .ProseMirror > .react-renderer.node-divider .selected-element > .node-element, .ProseMirror > .react-renderer.node-paragraph .selected-element > .node-element, .ProseMirror > .react-renderer.node-heading .selected-element > .node-element, .ProseMirror > .react-renderer.node-blockquote .selected-element > .node-element, .ProseMirror > .react-renderer.node-column .selected-element > .node-element, .ProseMirror > .react-renderer.node-customCode .selected-element > .node-element {
3465
+ .ProseMirror > .react-renderer.node-imageBlock .selected-element .node-element, .ProseMirror > .react-renderer.node-button .selected-element .node-element, .ProseMirror > .react-renderer.node-divider .selected-element .node-element, .ProseMirror > .react-renderer.node-paragraph .selected-element .node-element, .ProseMirror > .react-renderer.node-heading .selected-element .node-element, .ProseMirror > .react-renderer.node-blockquote .selected-element .node-element, .ProseMirror > .react-renderer.node-column .selected-element .node-element, .ProseMirror > .react-renderer.node-customCode .selected-element .node-element {
3456
3466
  position: relative;
3457
3467
  }
3458
- .ProseMirror > .react-renderer.node-imageBlock .selected-element > .node-element, .ProseMirror > .react-renderer.node-button .selected-element > .node-element, .ProseMirror > .react-renderer.node-divider .selected-element > .node-element, .ProseMirror > .react-renderer.node-paragraph .selected-element > .node-element, .ProseMirror > .react-renderer.node-heading .selected-element > .node-element, .ProseMirror > .react-renderer.node-blockquote .selected-element > .node-element, .ProseMirror > .react-renderer.node-column .selected-element > .node-element, .ProseMirror > .react-renderer.node-customCode .selected-element > .node-element {
3468
+ .ProseMirror > .react-renderer.node-imageBlock .selected-element .node-element, .ProseMirror > .react-renderer.node-button .selected-element .node-element, .ProseMirror > .react-renderer.node-divider .selected-element .node-element, .ProseMirror > .react-renderer.node-paragraph .selected-element .node-element, .ProseMirror > .react-renderer.node-heading .selected-element .node-element, .ProseMirror > .react-renderer.node-blockquote .selected-element .node-element, .ProseMirror > .react-renderer.node-column .selected-element .node-element, .ProseMirror > .react-renderer.node-customCode .selected-element .node-element {
3459
3469
  z-index: 20;
3460
3470
  }
3461
- .ProseMirror > .react-renderer.node-imageBlock .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-button .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-divider .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-paragraph .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-heading .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-blockquote .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-column .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-customCode .selected-element > .node-element::before {
3471
+ .ProseMirror > .react-renderer.node-imageBlock .selected-element .node-element::before, .ProseMirror > .react-renderer.node-button .selected-element .node-element::before, .ProseMirror > .react-renderer.node-divider .selected-element .node-element::before, .ProseMirror > .react-renderer.node-paragraph .selected-element .node-element::before, .ProseMirror > .react-renderer.node-heading .selected-element .node-element::before, .ProseMirror > .react-renderer.node-blockquote .selected-element .node-element::before, .ProseMirror > .react-renderer.node-column .selected-element .node-element::before, .ProseMirror > .react-renderer.node-customCode .selected-element .node-element::before {
3462
3472
  position: absolute;
3463
3473
  }
3464
- .ProseMirror > .react-renderer.node-imageBlock .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-button .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-divider .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-paragraph .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-heading .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-blockquote .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-column .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-customCode .selected-element > .node-element::before {
3474
+ .ProseMirror > .react-renderer.node-imageBlock .selected-element .node-element::before, .ProseMirror > .react-renderer.node-button .selected-element .node-element::before, .ProseMirror > .react-renderer.node-divider .selected-element .node-element::before, .ProseMirror > .react-renderer.node-paragraph .selected-element .node-element::before, .ProseMirror > .react-renderer.node-heading .selected-element .node-element::before, .ProseMirror > .react-renderer.node-blockquote .selected-element .node-element::before, .ProseMirror > .react-renderer.node-column .selected-element .node-element::before, .ProseMirror > .react-renderer.node-customCode .selected-element .node-element::before {
3465
3475
  left: -12px;
3466
3476
  }
3467
- .ProseMirror > .react-renderer.node-imageBlock .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-button .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-divider .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-paragraph .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-heading .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-blockquote .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-column .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-customCode .selected-element > .node-element::before {
3477
+ .ProseMirror > .react-renderer.node-imageBlock .selected-element .node-element::before, .ProseMirror > .react-renderer.node-button .selected-element .node-element::before, .ProseMirror > .react-renderer.node-divider .selected-element .node-element::before, .ProseMirror > .react-renderer.node-paragraph .selected-element .node-element::before, .ProseMirror > .react-renderer.node-heading .selected-element .node-element::before, .ProseMirror > .react-renderer.node-blockquote .selected-element .node-element::before, .ProseMirror > .react-renderer.node-column .selected-element .node-element::before, .ProseMirror > .react-renderer.node-customCode .selected-element .node-element::before {
3468
3478
  right: -12px;
3469
3479
  }
3470
- .ProseMirror > .react-renderer.node-imageBlock .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-button .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-divider .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-paragraph .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-heading .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-blockquote .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-column .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-customCode .selected-element > .node-element::before {
3480
+ .ProseMirror > .react-renderer.node-imageBlock .selected-element .node-element::before, .ProseMirror > .react-renderer.node-button .selected-element .node-element::before, .ProseMirror > .react-renderer.node-divider .selected-element .node-element::before, .ProseMirror > .react-renderer.node-paragraph .selected-element .node-element::before, .ProseMirror > .react-renderer.node-heading .selected-element .node-element::before, .ProseMirror > .react-renderer.node-blockquote .selected-element .node-element::before, .ProseMirror > .react-renderer.node-column .selected-element .node-element::before, .ProseMirror > .react-renderer.node-customCode .selected-element .node-element::before {
3471
3481
  top: 0px;
3472
3482
  }
3473
- .ProseMirror > .react-renderer.node-imageBlock .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-button .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-divider .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-paragraph .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-heading .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-blockquote .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-column .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-customCode .selected-element > .node-element::before {
3483
+ .ProseMirror > .react-renderer.node-imageBlock .selected-element .node-element::before, .ProseMirror > .react-renderer.node-button .selected-element .node-element::before, .ProseMirror > .react-renderer.node-divider .selected-element .node-element::before, .ProseMirror > .react-renderer.node-paragraph .selected-element .node-element::before, .ProseMirror > .react-renderer.node-heading .selected-element .node-element::before, .ProseMirror > .react-renderer.node-blockquote .selected-element .node-element::before, .ProseMirror > .react-renderer.node-column .selected-element .node-element::before, .ProseMirror > .react-renderer.node-customCode .selected-element .node-element::before {
3474
3484
  bottom: 0px;
3475
3485
  }
3476
- .ProseMirror > .react-renderer.node-imageBlock .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-button .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-divider .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-paragraph .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-heading .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-blockquote .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-column .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-customCode .selected-element > .node-element::before {
3486
+ .ProseMirror > .react-renderer.node-imageBlock .selected-element .node-element::before, .ProseMirror > .react-renderer.node-button .selected-element .node-element::before, .ProseMirror > .react-renderer.node-divider .selected-element .node-element::before, .ProseMirror > .react-renderer.node-paragraph .selected-element .node-element::before, .ProseMirror > .react-renderer.node-heading .selected-element .node-element::before, .ProseMirror > .react-renderer.node-blockquote .selected-element .node-element::before, .ProseMirror > .react-renderer.node-column .selected-element .node-element::before, .ProseMirror > .react-renderer.node-customCode .selected-element .node-element::before {
3477
3487
  z-index: -10;
3478
3488
  }
3479
- .ProseMirror > .react-renderer.node-imageBlock .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-button .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-divider .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-paragraph .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-heading .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-blockquote .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-column .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-customCode .selected-element > .node-element::before {
3489
+ .ProseMirror > .react-renderer.node-imageBlock .selected-element .node-element::before, .ProseMirror > .react-renderer.node-button .selected-element .node-element::before, .ProseMirror > .react-renderer.node-divider .selected-element .node-element::before, .ProseMirror > .react-renderer.node-paragraph .selected-element .node-element::before, .ProseMirror > .react-renderer.node-heading .selected-element .node-element::before, .ProseMirror > .react-renderer.node-blockquote .selected-element .node-element::before, .ProseMirror > .react-renderer.node-column .selected-element .node-element::before, .ProseMirror > .react-renderer.node-customCode .selected-element .node-element::before {
3480
3490
  border-radius: calc(var(--radius) - 2px);
3481
3491
  }
3482
- .ProseMirror > .react-renderer.node-imageBlock .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-button .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-divider .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-paragraph .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-heading .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-blockquote .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-column .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-customCode .selected-element > .node-element::before {
3492
+ .ProseMirror > .react-renderer.node-imageBlock .selected-element .node-element::before, .ProseMirror > .react-renderer.node-button .selected-element .node-element::before, .ProseMirror > .react-renderer.node-divider .selected-element .node-element::before, .ProseMirror > .react-renderer.node-paragraph .selected-element .node-element::before, .ProseMirror > .react-renderer.node-heading .selected-element .node-element::before, .ProseMirror > .react-renderer.node-blockquote .selected-element .node-element::before, .ProseMirror > .react-renderer.node-column .selected-element .node-element::before, .ProseMirror > .react-renderer.node-customCode .selected-element .node-element::before {
3483
3493
  border-width: 1px;
3484
3494
  }
3485
- .ProseMirror > .react-renderer.node-imageBlock .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-button .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-divider .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-paragraph .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-heading .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-blockquote .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-column .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-customCode .selected-element > .node-element::before {
3495
+ .ProseMirror > .react-renderer.node-imageBlock .selected-element .node-element::before, .ProseMirror > .react-renderer.node-button .selected-element .node-element::before, .ProseMirror > .react-renderer.node-divider .selected-element .node-element::before, .ProseMirror > .react-renderer.node-paragraph .selected-element .node-element::before, .ProseMirror > .react-renderer.node-heading .selected-element .node-element::before, .ProseMirror > .react-renderer.node-blockquote .selected-element .node-element::before, .ProseMirror > .react-renderer.node-column .selected-element .node-element::before, .ProseMirror > .react-renderer.node-customCode .selected-element .node-element::before {
3486
3496
  --tw-border-opacity: 1;
3487
3497
  border-color: rgb(0 133 255 / var(--tw-border-opacity, 1));
3488
3498
  }
3489
- .ProseMirror > .react-renderer.node-imageBlock .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-button .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-divider .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-paragraph .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-heading .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-blockquote .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-column .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-customCode .selected-element > .node-element::before {
3499
+ .ProseMirror > .react-renderer.node-imageBlock .selected-element .node-element::before, .ProseMirror > .react-renderer.node-button .selected-element .node-element::before, .ProseMirror > .react-renderer.node-divider .selected-element .node-element::before, .ProseMirror > .react-renderer.node-paragraph .selected-element .node-element::before, .ProseMirror > .react-renderer.node-heading .selected-element .node-element::before, .ProseMirror > .react-renderer.node-blockquote .selected-element .node-element::before, .ProseMirror > .react-renderer.node-column .selected-element .node-element::before, .ProseMirror > .react-renderer.node-customCode .selected-element .node-element::before {
3490
3500
  --tw-content: '';
3491
3501
  content: var(--tw-content);
3492
3502
  }
3493
- .ProseMirror > .react-renderer.node-imageBlock .selected-element > .node-element .node-element::before, .ProseMirror > .react-renderer.node-button .selected-element > .node-element .node-element::before, .ProseMirror > .react-renderer.node-divider .selected-element > .node-element .node-element::before, .ProseMirror > .react-renderer.node-paragraph .selected-element > .node-element .node-element::before, .ProseMirror > .react-renderer.node-heading .selected-element > .node-element .node-element::before, .ProseMirror > .react-renderer.node-blockquote .selected-element > .node-element .node-element::before, .ProseMirror > .react-renderer.node-column .selected-element > .node-element .node-element::before, .ProseMirror > .react-renderer.node-customCode .selected-element > .node-element .node-element::before {
3503
+ .ProseMirror > .react-renderer.node-imageBlock .selected-element .node-element .node-element::before, .ProseMirror > .react-renderer.node-button .selected-element .node-element .node-element::before, .ProseMirror > .react-renderer.node-divider .selected-element .node-element .node-element::before, .ProseMirror > .react-renderer.node-paragraph .selected-element .node-element .node-element::before, .ProseMirror > .react-renderer.node-heading .selected-element .node-element .node-element::before, .ProseMirror > .react-renderer.node-blockquote .selected-element .node-element .node-element::before, .ProseMirror > .react-renderer.node-column .selected-element .node-element .node-element::before, .ProseMirror > .react-renderer.node-customCode .selected-element .node-element .node-element::before {
3494
3504
  display: none;
3495
3505
  }
3496
- .ProseMirror > .react-renderer.node-imageBlock .selected-element > .courier-actions-panel, .ProseMirror > .react-renderer.node-button .selected-element > .courier-actions-panel, .ProseMirror > .react-renderer.node-divider .selected-element > .courier-actions-panel, .ProseMirror > .react-renderer.node-paragraph .selected-element > .courier-actions-panel, .ProseMirror > .react-renderer.node-heading .selected-element > .courier-actions-panel, .ProseMirror > .react-renderer.node-blockquote .selected-element > .courier-actions-panel, .ProseMirror > .react-renderer.node-column .selected-element > .courier-actions-panel, .ProseMirror > .react-renderer.node-customCode .selected-element > .courier-actions-panel {
3506
+ .ProseMirror > .react-renderer.node-imageBlock .selected-element .courier-actions-panel, .ProseMirror > .react-renderer.node-button .selected-element .courier-actions-panel, .ProseMirror > .react-renderer.node-divider .selected-element .courier-actions-panel, .ProseMirror > .react-renderer.node-paragraph .selected-element .courier-actions-panel, .ProseMirror > .react-renderer.node-heading .selected-element .courier-actions-panel, .ProseMirror > .react-renderer.node-blockquote .selected-element .courier-actions-panel, .ProseMirror > .react-renderer.node-column .selected-element .courier-actions-panel, .ProseMirror > .react-renderer.node-customCode .selected-element .courier-actions-panel {
3497
3507
  display: block;
3498
3508
  }
3499
3509
  .ProseMirror > .react-renderer.node-blockquote {
package/dist/styles.css CHANGED
@@ -1087,6 +1087,9 @@ body {
1087
1087
  .courier-ml-1\.5 {
1088
1088
  margin-left: 0.375rem;
1089
1089
  }
1090
+ .courier-ml-10 {
1091
+ margin-left: 2.5rem;
1092
+ }
1090
1093
  .courier-ml-2 {
1091
1094
  margin-left: 0.5rem;
1092
1095
  }
@@ -1147,6 +1150,9 @@ body {
1147
1150
  .courier-grid {
1148
1151
  display: grid;
1149
1152
  }
1153
+ .\!courier-hidden {
1154
+ display: none !important;
1155
+ }
1150
1156
  .courier-hidden {
1151
1157
  display: none;
1152
1158
  }
@@ -1431,11 +1437,6 @@ body {
1431
1437
  --tw-translate-y: -50%;
1432
1438
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1433
1439
  }
1434
- .courier-scale-105 {
1435
- --tw-scale-x: 1.05;
1436
- --tw-scale-y: 1.05;
1437
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1438
- }
1439
1440
  @keyframes courier-spin {
1440
1441
 
1441
1442
  to {
@@ -1454,6 +1455,9 @@ body {
1454
1455
  .courier-cursor-grab {
1455
1456
  cursor: grab;
1456
1457
  }
1458
+ .courier-cursor-grabbing {
1459
+ cursor: grabbing;
1460
+ }
1457
1461
  .courier-cursor-not-allowed {
1458
1462
  cursor: not-allowed;
1459
1463
  }
@@ -2278,9 +2282,6 @@ body {
2278
2282
  .courier-opacity-60 {
2279
2283
  opacity: 0.6;
2280
2284
  }
2281
- .courier-opacity-90 {
2282
- opacity: 0.9;
2283
- }
2284
2285
  .courier-opacity-\[0\.999\] {
2285
2286
  opacity: 0.999;
2286
2287
  }
@@ -2343,6 +2344,15 @@ body {
2343
2344
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2344
2345
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2345
2346
  }
2347
+ .courier-ring-2 {
2348
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2349
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2350
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2351
+ }
2352
+ .courier-ring-blue-500 {
2353
+ --tw-ring-opacity: 1;
2354
+ --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
2355
+ }
2346
2356
  .courier-ring-offset-background {
2347
2357
  --tw-ring-offset-color: var(--background);
2348
2358
  }
@@ -3452,48 +3462,48 @@ body {
3452
3462
  .ProseMirror > .react-renderer.node-customCode .node-element:focus-visible {
3453
3463
  outline: none;
3454
3464
  }
3455
- .ProseMirror > .react-renderer.node-imageBlock .selected-element > .node-element, .ProseMirror > .react-renderer.node-button .selected-element > .node-element, .ProseMirror > .react-renderer.node-divider .selected-element > .node-element, .ProseMirror > .react-renderer.node-paragraph .selected-element > .node-element, .ProseMirror > .react-renderer.node-heading .selected-element > .node-element, .ProseMirror > .react-renderer.node-blockquote .selected-element > .node-element, .ProseMirror > .react-renderer.node-column .selected-element > .node-element, .ProseMirror > .react-renderer.node-customCode .selected-element > .node-element {
3465
+ .ProseMirror > .react-renderer.node-imageBlock .selected-element .node-element, .ProseMirror > .react-renderer.node-button .selected-element .node-element, .ProseMirror > .react-renderer.node-divider .selected-element .node-element, .ProseMirror > .react-renderer.node-paragraph .selected-element .node-element, .ProseMirror > .react-renderer.node-heading .selected-element .node-element, .ProseMirror > .react-renderer.node-blockquote .selected-element .node-element, .ProseMirror > .react-renderer.node-column .selected-element .node-element, .ProseMirror > .react-renderer.node-customCode .selected-element .node-element {
3456
3466
  position: relative;
3457
3467
  }
3458
- .ProseMirror > .react-renderer.node-imageBlock .selected-element > .node-element, .ProseMirror > .react-renderer.node-button .selected-element > .node-element, .ProseMirror > .react-renderer.node-divider .selected-element > .node-element, .ProseMirror > .react-renderer.node-paragraph .selected-element > .node-element, .ProseMirror > .react-renderer.node-heading .selected-element > .node-element, .ProseMirror > .react-renderer.node-blockquote .selected-element > .node-element, .ProseMirror > .react-renderer.node-column .selected-element > .node-element, .ProseMirror > .react-renderer.node-customCode .selected-element > .node-element {
3468
+ .ProseMirror > .react-renderer.node-imageBlock .selected-element .node-element, .ProseMirror > .react-renderer.node-button .selected-element .node-element, .ProseMirror > .react-renderer.node-divider .selected-element .node-element, .ProseMirror > .react-renderer.node-paragraph .selected-element .node-element, .ProseMirror > .react-renderer.node-heading .selected-element .node-element, .ProseMirror > .react-renderer.node-blockquote .selected-element .node-element, .ProseMirror > .react-renderer.node-column .selected-element .node-element, .ProseMirror > .react-renderer.node-customCode .selected-element .node-element {
3459
3469
  z-index: 20;
3460
3470
  }
3461
- .ProseMirror > .react-renderer.node-imageBlock .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-button .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-divider .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-paragraph .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-heading .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-blockquote .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-column .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-customCode .selected-element > .node-element::before {
3471
+ .ProseMirror > .react-renderer.node-imageBlock .selected-element .node-element::before, .ProseMirror > .react-renderer.node-button .selected-element .node-element::before, .ProseMirror > .react-renderer.node-divider .selected-element .node-element::before, .ProseMirror > .react-renderer.node-paragraph .selected-element .node-element::before, .ProseMirror > .react-renderer.node-heading .selected-element .node-element::before, .ProseMirror > .react-renderer.node-blockquote .selected-element .node-element::before, .ProseMirror > .react-renderer.node-column .selected-element .node-element::before, .ProseMirror > .react-renderer.node-customCode .selected-element .node-element::before {
3462
3472
  position: absolute;
3463
3473
  }
3464
- .ProseMirror > .react-renderer.node-imageBlock .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-button .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-divider .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-paragraph .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-heading .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-blockquote .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-column .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-customCode .selected-element > .node-element::before {
3474
+ .ProseMirror > .react-renderer.node-imageBlock .selected-element .node-element::before, .ProseMirror > .react-renderer.node-button .selected-element .node-element::before, .ProseMirror > .react-renderer.node-divider .selected-element .node-element::before, .ProseMirror > .react-renderer.node-paragraph .selected-element .node-element::before, .ProseMirror > .react-renderer.node-heading .selected-element .node-element::before, .ProseMirror > .react-renderer.node-blockquote .selected-element .node-element::before, .ProseMirror > .react-renderer.node-column .selected-element .node-element::before, .ProseMirror > .react-renderer.node-customCode .selected-element .node-element::before {
3465
3475
  left: -12px;
3466
3476
  }
3467
- .ProseMirror > .react-renderer.node-imageBlock .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-button .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-divider .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-paragraph .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-heading .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-blockquote .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-column .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-customCode .selected-element > .node-element::before {
3477
+ .ProseMirror > .react-renderer.node-imageBlock .selected-element .node-element::before, .ProseMirror > .react-renderer.node-button .selected-element .node-element::before, .ProseMirror > .react-renderer.node-divider .selected-element .node-element::before, .ProseMirror > .react-renderer.node-paragraph .selected-element .node-element::before, .ProseMirror > .react-renderer.node-heading .selected-element .node-element::before, .ProseMirror > .react-renderer.node-blockquote .selected-element .node-element::before, .ProseMirror > .react-renderer.node-column .selected-element .node-element::before, .ProseMirror > .react-renderer.node-customCode .selected-element .node-element::before {
3468
3478
  right: -12px;
3469
3479
  }
3470
- .ProseMirror > .react-renderer.node-imageBlock .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-button .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-divider .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-paragraph .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-heading .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-blockquote .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-column .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-customCode .selected-element > .node-element::before {
3480
+ .ProseMirror > .react-renderer.node-imageBlock .selected-element .node-element::before, .ProseMirror > .react-renderer.node-button .selected-element .node-element::before, .ProseMirror > .react-renderer.node-divider .selected-element .node-element::before, .ProseMirror > .react-renderer.node-paragraph .selected-element .node-element::before, .ProseMirror > .react-renderer.node-heading .selected-element .node-element::before, .ProseMirror > .react-renderer.node-blockquote .selected-element .node-element::before, .ProseMirror > .react-renderer.node-column .selected-element .node-element::before, .ProseMirror > .react-renderer.node-customCode .selected-element .node-element::before {
3471
3481
  top: 0px;
3472
3482
  }
3473
- .ProseMirror > .react-renderer.node-imageBlock .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-button .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-divider .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-paragraph .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-heading .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-blockquote .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-column .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-customCode .selected-element > .node-element::before {
3483
+ .ProseMirror > .react-renderer.node-imageBlock .selected-element .node-element::before, .ProseMirror > .react-renderer.node-button .selected-element .node-element::before, .ProseMirror > .react-renderer.node-divider .selected-element .node-element::before, .ProseMirror > .react-renderer.node-paragraph .selected-element .node-element::before, .ProseMirror > .react-renderer.node-heading .selected-element .node-element::before, .ProseMirror > .react-renderer.node-blockquote .selected-element .node-element::before, .ProseMirror > .react-renderer.node-column .selected-element .node-element::before, .ProseMirror > .react-renderer.node-customCode .selected-element .node-element::before {
3474
3484
  bottom: 0px;
3475
3485
  }
3476
- .ProseMirror > .react-renderer.node-imageBlock .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-button .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-divider .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-paragraph .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-heading .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-blockquote .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-column .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-customCode .selected-element > .node-element::before {
3486
+ .ProseMirror > .react-renderer.node-imageBlock .selected-element .node-element::before, .ProseMirror > .react-renderer.node-button .selected-element .node-element::before, .ProseMirror > .react-renderer.node-divider .selected-element .node-element::before, .ProseMirror > .react-renderer.node-paragraph .selected-element .node-element::before, .ProseMirror > .react-renderer.node-heading .selected-element .node-element::before, .ProseMirror > .react-renderer.node-blockquote .selected-element .node-element::before, .ProseMirror > .react-renderer.node-column .selected-element .node-element::before, .ProseMirror > .react-renderer.node-customCode .selected-element .node-element::before {
3477
3487
  z-index: -10;
3478
3488
  }
3479
- .ProseMirror > .react-renderer.node-imageBlock .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-button .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-divider .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-paragraph .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-heading .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-blockquote .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-column .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-customCode .selected-element > .node-element::before {
3489
+ .ProseMirror > .react-renderer.node-imageBlock .selected-element .node-element::before, .ProseMirror > .react-renderer.node-button .selected-element .node-element::before, .ProseMirror > .react-renderer.node-divider .selected-element .node-element::before, .ProseMirror > .react-renderer.node-paragraph .selected-element .node-element::before, .ProseMirror > .react-renderer.node-heading .selected-element .node-element::before, .ProseMirror > .react-renderer.node-blockquote .selected-element .node-element::before, .ProseMirror > .react-renderer.node-column .selected-element .node-element::before, .ProseMirror > .react-renderer.node-customCode .selected-element .node-element::before {
3480
3490
  border-radius: calc(var(--radius) - 2px);
3481
3491
  }
3482
- .ProseMirror > .react-renderer.node-imageBlock .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-button .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-divider .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-paragraph .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-heading .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-blockquote .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-column .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-customCode .selected-element > .node-element::before {
3492
+ .ProseMirror > .react-renderer.node-imageBlock .selected-element .node-element::before, .ProseMirror > .react-renderer.node-button .selected-element .node-element::before, .ProseMirror > .react-renderer.node-divider .selected-element .node-element::before, .ProseMirror > .react-renderer.node-paragraph .selected-element .node-element::before, .ProseMirror > .react-renderer.node-heading .selected-element .node-element::before, .ProseMirror > .react-renderer.node-blockquote .selected-element .node-element::before, .ProseMirror > .react-renderer.node-column .selected-element .node-element::before, .ProseMirror > .react-renderer.node-customCode .selected-element .node-element::before {
3483
3493
  border-width: 1px;
3484
3494
  }
3485
- .ProseMirror > .react-renderer.node-imageBlock .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-button .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-divider .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-paragraph .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-heading .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-blockquote .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-column .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-customCode .selected-element > .node-element::before {
3495
+ .ProseMirror > .react-renderer.node-imageBlock .selected-element .node-element::before, .ProseMirror > .react-renderer.node-button .selected-element .node-element::before, .ProseMirror > .react-renderer.node-divider .selected-element .node-element::before, .ProseMirror > .react-renderer.node-paragraph .selected-element .node-element::before, .ProseMirror > .react-renderer.node-heading .selected-element .node-element::before, .ProseMirror > .react-renderer.node-blockquote .selected-element .node-element::before, .ProseMirror > .react-renderer.node-column .selected-element .node-element::before, .ProseMirror > .react-renderer.node-customCode .selected-element .node-element::before {
3486
3496
  --tw-border-opacity: 1;
3487
3497
  border-color: rgb(0 133 255 / var(--tw-border-opacity, 1));
3488
3498
  }
3489
- .ProseMirror > .react-renderer.node-imageBlock .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-button .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-divider .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-paragraph .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-heading .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-blockquote .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-column .selected-element > .node-element::before, .ProseMirror > .react-renderer.node-customCode .selected-element > .node-element::before {
3499
+ .ProseMirror > .react-renderer.node-imageBlock .selected-element .node-element::before, .ProseMirror > .react-renderer.node-button .selected-element .node-element::before, .ProseMirror > .react-renderer.node-divider .selected-element .node-element::before, .ProseMirror > .react-renderer.node-paragraph .selected-element .node-element::before, .ProseMirror > .react-renderer.node-heading .selected-element .node-element::before, .ProseMirror > .react-renderer.node-blockquote .selected-element .node-element::before, .ProseMirror > .react-renderer.node-column .selected-element .node-element::before, .ProseMirror > .react-renderer.node-customCode .selected-element .node-element::before {
3490
3500
  --tw-content: '';
3491
3501
  content: var(--tw-content);
3492
3502
  }
3493
- .ProseMirror > .react-renderer.node-imageBlock .selected-element > .node-element .node-element::before, .ProseMirror > .react-renderer.node-button .selected-element > .node-element .node-element::before, .ProseMirror > .react-renderer.node-divider .selected-element > .node-element .node-element::before, .ProseMirror > .react-renderer.node-paragraph .selected-element > .node-element .node-element::before, .ProseMirror > .react-renderer.node-heading .selected-element > .node-element .node-element::before, .ProseMirror > .react-renderer.node-blockquote .selected-element > .node-element .node-element::before, .ProseMirror > .react-renderer.node-column .selected-element > .node-element .node-element::before, .ProseMirror > .react-renderer.node-customCode .selected-element > .node-element .node-element::before {
3503
+ .ProseMirror > .react-renderer.node-imageBlock .selected-element .node-element .node-element::before, .ProseMirror > .react-renderer.node-button .selected-element .node-element .node-element::before, .ProseMirror > .react-renderer.node-divider .selected-element .node-element .node-element::before, .ProseMirror > .react-renderer.node-paragraph .selected-element .node-element .node-element::before, .ProseMirror > .react-renderer.node-heading .selected-element .node-element .node-element::before, .ProseMirror > .react-renderer.node-blockquote .selected-element .node-element .node-element::before, .ProseMirror > .react-renderer.node-column .selected-element .node-element .node-element::before, .ProseMirror > .react-renderer.node-customCode .selected-element .node-element .node-element::before {
3494
3504
  display: none;
3495
3505
  }
3496
- .ProseMirror > .react-renderer.node-imageBlock .selected-element > .courier-actions-panel, .ProseMirror > .react-renderer.node-button .selected-element > .courier-actions-panel, .ProseMirror > .react-renderer.node-divider .selected-element > .courier-actions-panel, .ProseMirror > .react-renderer.node-paragraph .selected-element > .courier-actions-panel, .ProseMirror > .react-renderer.node-heading .selected-element > .courier-actions-panel, .ProseMirror > .react-renderer.node-blockquote .selected-element > .courier-actions-panel, .ProseMirror > .react-renderer.node-column .selected-element > .courier-actions-panel, .ProseMirror > .react-renderer.node-customCode .selected-element > .courier-actions-panel {
3506
+ .ProseMirror > .react-renderer.node-imageBlock .selected-element .courier-actions-panel, .ProseMirror > .react-renderer.node-button .selected-element .courier-actions-panel, .ProseMirror > .react-renderer.node-divider .selected-element .courier-actions-panel, .ProseMirror > .react-renderer.node-paragraph .selected-element .courier-actions-panel, .ProseMirror > .react-renderer.node-heading .selected-element .courier-actions-panel, .ProseMirror > .react-renderer.node-blockquote .selected-element .courier-actions-panel, .ProseMirror > .react-renderer.node-column .selected-element .courier-actions-panel, .ProseMirror > .react-renderer.node-customCode .selected-element .courier-actions-panel {
3497
3507
  display: block;
3498
3508
  }
3499
3509
  .ProseMirror > .react-renderer.node-blockquote {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@trycourier/react-designer",
3
- "version": "0.0.0-canary-20251113171853",
3
+ "version": "0.0.0-canary-20251118111757",
4
4
  "description": "React-based rich text designer component",
5
5
  "main": "./dist/cjs/index.js",
6
6
  "module": "./dist/esm/index.js",
@@ -35,8 +35,10 @@
35
35
  }
36
36
  },
37
37
  "dependencies": {
38
- "@dnd-kit/modifiers": "^9.0.0",
39
- "@dnd-kit/utilities": "^3.2.2",
38
+ "@atlaskit/pragmatic-drag-and-drop": "^1.7.7",
39
+ "@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.1.0",
40
+ "@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-autoscroll": "^2.0.1",
41
+ "@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^3.2.9",
40
42
  "@hookform/resolvers": "^3.9.1",
41
43
  "@monaco-editor/react": ">=4.0.0 <6.0.0",
42
44
  "@radix-ui/react-alert-dialog": "^1.1.14",
@@ -106,9 +108,7 @@
106
108
  },
107
109
  "peerDependencies": {
108
110
  "react": "^18.2.0 || ^19.0.0",
109
- "react-dom": "^18.2.0 || ^19.0.0",
110
- "@dnd-kit/core": "^6.3.1",
111
- "@dnd-kit/sortable": "^10.0.0"
111
+ "react-dom": "^18.2.0 || ^19.0.0"
112
112
  },
113
113
  "type": "module",
114
114
  "files": [