@reacteditor/core 0.0.5 → 0.0.6

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 (33) hide show
  1. package/dist/Editor-4LPVLYSU.css +415 -0
  2. package/dist/{Editor-POJT3RA2.mjs → Editor-YNFB7B6Z.mjs} +7 -7
  3. package/dist/{Render-JNABKPAF.mjs → Render-STFB5CNO.mjs} +1 -1
  4. package/dist/Render-ZTUTUUAH.css +103 -0
  5. package/dist/{chunk-YFRH22NT.mjs → chunk-275EJPEB.mjs} +2 -2
  6. package/dist/{chunk-DCL4UC2H.mjs → chunk-6LG4Q4HO.mjs} +1 -1
  7. package/dist/{chunk-KC727YFW.mjs → chunk-6QJ2HF4O.mjs} +1 -1
  8. package/dist/{chunk-43G2QHSV.mjs → chunk-BRDUM7MJ.mjs} +10 -10
  9. package/dist/{chunk-IUOWXGYR.mjs → chunk-CRF2GWQA.mjs} +1 -1
  10. package/dist/{chunk-X7IRHSQN.mjs → chunk-DB4R5IWG.mjs} +4 -4
  11. package/dist/{chunk-QB3US7UE.mjs → chunk-HCFEY5Y7.mjs} +337 -177
  12. package/dist/{chunk-JEDWXGVP.mjs → chunk-WGPCLAZR.mjs} +1 -1
  13. package/dist/{chunk-5N6RK26Z.mjs → chunk-Z6IIVDFY.mjs} +1 -1
  14. package/dist/{full-HZMEMWCN.mjs → full-24FOTNTB.mjs} +5 -5
  15. package/dist/full-7ABPY2WA.css +311 -0
  16. package/dist/index.css +1268 -1165
  17. package/dist/index.js +393 -231
  18. package/dist/index.mjs +9 -9
  19. package/dist/{loaded-U6ZILQXM.mjs → loaded-6IBSSOXD.mjs} +2 -2
  20. package/dist/{loaded-35JQLXSA.mjs → loaded-6NPDD7SF.mjs} +2 -2
  21. package/dist/{loaded-QJMKRN35.mjs → loaded-BQVZGQG2.mjs} +2 -2
  22. package/dist/loaded-N4KWL7FV.css +90 -0
  23. package/dist/no-external.css +1268 -1165
  24. package/dist/no-external.js +393 -231
  25. package/dist/no-external.mjs +9 -9
  26. package/dist/rsc.css +40 -40
  27. package/dist/rsc.js +1 -1
  28. package/dist/rsc.mjs +2 -2
  29. package/package.json +2 -1
  30. package/dist/Editor-WYZZDKT3.css +0 -415
  31. package/dist/Render-WBTAN6PO.css +0 -103
  32. package/dist/full-5442HPZH.css +0 -311
  33. package/dist/loaded-KZZU4RNL.css +0 -90
@@ -1,103 +0,0 @@
1
- /* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/RichTextEditor/styles.module.css/#css-module-data */
2
- ._RichTextEditor_1grt5_1 .ProseMirror {
3
- white-space: pre-wrap;
4
- word-wrap: break-word;
5
- cursor: text;
6
- outline: none;
7
- position: relative;
8
- }
9
- ._RichTextEditor_1grt5_1 .rich-text * {
10
- white-space: pre-wrap;
11
- user-select: auto;
12
- -webkit-user-select: auto;
13
- }
14
- ._RichTextEditor_1grt5_1 .rich-text blockquote {
15
- margin: 1em 0;
16
- padding: 0 1em;
17
- border-left: 4px solid var(--re-border-default);
18
- }
19
- ._RichTextEditor_1grt5_1 .rich-text code {
20
- background-color: var(--re-surface-sunken);
21
- padding: 4px 8px;
22
- border-radius: var(--re-radius-sm);
23
- }
24
- ._RichTextEditor_1grt5_1 .rich-text p:empty::before {
25
- content: "\a0";
26
- }
27
- ._RichTextEditor_1grt5_1 .rich-text pre code {
28
- display: block;
29
- padding: 8px 12px;
30
- }
31
- ._RichTextEditor_1grt5_1 .rich-text > *:first-child,
32
- ._RichTextEditor_1grt5_1 .ProseMirror > *:first-child,
33
- ._RichTextEditor_1grt5_1 .rich-text * p:first-of-type {
34
- margin-top: 0;
35
- }
36
- ._RichTextEditor_1grt5_1 .rich-text > *:last-child,
37
- ._RichTextEditor_1grt5_1 .ProseMirror > *:last-child,
38
- ._RichTextEditor_1grt5_1 .rich-text * p:last-of-type {
39
- margin-bottom: 0;
40
- }
41
- ._RichTextEditor--editor_1grt5_50 {
42
- background: var(--re-surface-panel);
43
- border-width: 1px;
44
- border-style: solid;
45
- border-color: var(--re-border-default);
46
- border-radius: var(--re-radius-md);
47
- box-sizing: border-box;
48
- display: flex;
49
- flex-direction: column;
50
- font-family: inherit;
51
- font-size: var(--re-font-size-xxs);
52
- resize: vertical;
53
- text-align: initial;
54
- transition: border-color var(--re-motion-fast) var(--re-ease), box-shadow var(--re-motion-fast) var(--re-ease);
55
- width: 100%;
56
- max-width: 100%;
57
- min-height: 128px;
58
- }
59
- ._RichTextEditor--editor_1grt5_50 .rich-text {
60
- flex-grow: 1;
61
- }
62
- ._RichTextEditor--editor_1grt5_50 .rich-text:not(:has(.ProseMirror)),
63
- ._RichTextEditor--editor_1grt5_50 .rich-text .ProseMirror {
64
- height: 100%;
65
- padding: 12px 15px;
66
- }
67
- ._RichTextEditor--editor_1grt5_50 .rich-text ul,
68
- ._RichTextEditor--editor_1grt5_50 .rich-text ol {
69
- padding-left: 24px;
70
- }
71
- ._RichTextEditor--editor_1grt5_50 .rich-text li {
72
- line-height: 1.5;
73
- }
74
- ._RichTextEditor--editor_1grt5_50 .rich-text p {
75
- margin-block: 12px;
76
- }
77
- ._RichTextEditor--editor_1grt5_50 .rich-text ul {
78
- list-style: disc;
79
- }
80
- ._RichTextEditor--editor_1grt5_50 .rich-text ol {
81
- list-style: decimal;
82
- }
83
- ._RichTextEditor--editor_1grt5_50:focus-within {
84
- border-color: var(--re-accent);
85
- outline: none;
86
- box-shadow: var(--re-ring);
87
- transition: none;
88
- }
89
- ._RichTextEditor--editor_1grt5_50._RichTextEditor--disabled_1grt5_109 {
90
- background: var(--re-surface-sunken);
91
- }
92
- ._RichTextEditor_1grt5_1:not(:focus-within):not(._RichTextEditor--isActive_1grt5_113) .ProseMirror ::selection {
93
- background-color: transparent;
94
- }
95
- ._RichTextEditor-menu_1grt5_119 {
96
- border-bottom: 1px solid var(--re-border-subtle);
97
- position: sticky;
98
- top: 0;
99
- z-index: 1;
100
- }
101
- ._RichTextEditor--disabled_1grt5_109 ._RichTextEditor-menu_1grt5_119 {
102
- border-bottom: 1px solid var(--re-border-subtle);
103
- }
@@ -1,311 +0,0 @@
1
- /* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/RichTextMenu/styles.module.css/#css-module-data */
2
- ._RichTextMenu_7muaf_1 {
3
- display: flex;
4
- flex-direction: row;
5
- flex-wrap: nowrap;
6
- }
7
- ._RichTextMenu--form_7muaf_7 {
8
- border-top-left-radius: var(--re-radius-md);
9
- border-top-right-radius: var(--re-radius-md);
10
- padding: 6px 6px;
11
- background-color: var(--re-surface-sunken);
12
- position: relative;
13
- scrollbar-width: none;
14
- overflow-x: auto;
15
- }
16
- ._RichTextMenu-group_7muaf_17 {
17
- display: flex;
18
- align-items: space-between;
19
- flex-direction: row;
20
- flex-wrap: nowrap;
21
- padding-inline: 6px;
22
- gap: 2px;
23
- position: relative;
24
- }
25
- ._RichTextMenu-group_7muaf_17:first-of-type {
26
- padding-left: 0;
27
- }
28
- ._RichTextMenu-group_7muaf_17:last-of-type {
29
- padding-right: 0;
30
- }
31
- ._RichTextMenu--inline_7muaf_35 ._RichTextMenu-group_7muaf_17 {
32
- color: var(--re-text-inverse);
33
- opacity: 0.85;
34
- gap: 0px;
35
- flex-wrap: nowrap;
36
- }
37
- ._RichTextMenu-group_7muaf_17 + ._RichTextMenu-group_7muaf_17 {
38
- border-left: 1px solid var(--re-border-subtle);
39
- }
40
- ._RichTextMenu--inline_7muaf_35 ._RichTextMenu-group_7muaf_17 + ._RichTextMenu-group_7muaf_17 {
41
- border-left: 0.5px solid rgba(255, 255, 255, 0.2);
42
- }
43
-
44
- /* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/IconButton/IconButton.module.css/#css-module-data */
45
- ._IconButton_19x6h_1 {
46
- align-items: center;
47
- background: transparent;
48
- border: none;
49
- border-radius: var(--re-radius-md);
50
- color: currentColor;
51
- display: flex;
52
- font-family: var(--re-font-family);
53
- justify-content: center;
54
- padding: 4px;
55
- transition: background-color var(--re-motion-fast) var(--re-ease), color var(--re-motion-fast) var(--re-ease);
56
- }
57
- ._IconButton--active_19x6h_15 {
58
- color: var(--re-text-accent);
59
- background: var(--re-accent-soft);
60
- }
61
- ._IconButton_19x6h_1:focus-visible {
62
- outline: none;
63
- box-shadow: var(--re-ring);
64
- }
65
- @media (hover: hover) and (pointer: fine) {
66
- ._IconButton_19x6h_1:hover:not(._IconButton--disabled_19x6h_26) {
67
- background: var(--re-surface-hover);
68
- color: var(--re-text-accent);
69
- cursor: pointer;
70
- transition: none;
71
- }
72
- }
73
- ._IconButton_19x6h_1:active {
74
- background: var(--re-accent-soft);
75
- transition: none;
76
- }
77
- ._IconButton-title_19x6h_39 {
78
- clip: rect(0 0 0 0);
79
- clip-path: inset(100%);
80
- height: 1px;
81
- overflow: hidden;
82
- position: absolute;
83
- white-space: nowrap;
84
- width: 1px;
85
- }
86
- ._IconButton--disabled_19x6h_26 {
87
- color: var(--re-text-tertiary);
88
- }
89
-
90
- /* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/Loader/styles.module.css/#css-module-data */
91
- @keyframes _loader-animation_nacdm_1 {
92
- 0% {
93
- transform: rotate(0deg) scale(1);
94
- }
95
- 50% {
96
- transform: rotate(180deg) scale(0.8);
97
- }
98
- 100% {
99
- transform: rotate(360deg) scale(1);
100
- }
101
- }
102
- ._Loader_nacdm_13 {
103
- background: transparent;
104
- border-radius: 100%;
105
- border: 2px solid currentColor;
106
- border-bottom-color: transparent;
107
- display: inline-block;
108
- animation: _loader-animation_nacdm_1 1s 0s infinite linear;
109
- animation-fill-mode: both;
110
- }
111
-
112
- /* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/ActionBar/styles.module.css/#css-module-data */
113
- ._ActionBar_5kf61_1 {
114
- align-items: center;
115
- cursor: default;
116
- display: flex;
117
- width: auto;
118
- padding: 4px;
119
- padding-inline-start: 0;
120
- padding-inline-end: 0;
121
- border-top-left-radius: var(--re-radius-lg);
122
- border-top-right-radius: var(--re-radius-lg);
123
- border-radius: var(--re-radius-lg);
124
- background: var(--re-primary);
125
- color: var(--re-primary-foreground);
126
- font-family: var(--re-font-family);
127
- min-height: 26px;
128
- box-shadow: var(--re-shadow-md);
129
- }
130
- ._ActionBar-label_5kf61_19 {
131
- color: var(--re-primary-foreground);
132
- opacity: 0.85;
133
- font-size: var(--re-font-size-xxxs);
134
- font-weight: 500;
135
- padding-inline-start: 8px;
136
- padding-inline-end: 8px;
137
- margin-inline-start: 4px;
138
- margin-inline-end: 4px;
139
- text-overflow: ellipsis;
140
- white-space: nowrap;
141
- }
142
- ._ActionBarAction_5kf61_32 + ._ActionBar-label_5kf61_19 {
143
- padding-inline-start: 0;
144
- }
145
- ._ActionBar-label_5kf61_19 + ._ActionBarAction_5kf61_32 {
146
- margin-inline-start: -4px;
147
- }
148
- ._ActionBar-group_5kf61_40 {
149
- align-items: center;
150
- border-inline-start: 0.5px solid rgba(255, 255, 255, 0.2);
151
- display: flex;
152
- height: 100%;
153
- padding-inline-start: 4px;
154
- padding-inline-end: 4px;
155
- }
156
- ._ActionBar-group_5kf61_40:first-of-type {
157
- border-inline-start: 0;
158
- }
159
- ._ActionBar-group_5kf61_40:empty {
160
- display: none;
161
- }
162
- ._ActionBarAction_5kf61_32 {
163
- background: transparent;
164
- border: none;
165
- color: var(--re-primary-foreground);
166
- opacity: 0.85;
167
- cursor: pointer;
168
- padding: 6px;
169
- margin-inline-start: 4px;
170
- margin-inline-end: 4px;
171
- border-radius: var(--re-radius-sm);
172
- overflow: hidden;
173
- display: flex;
174
- align-items: center;
175
- justify-content: center;
176
- transition: opacity var(--re-motion-fast) var(--re-ease), background-color var(--re-motion-fast) var(--re-ease);
177
- }
178
- ._ActionBarAction--disabled_5kf61_75 {
179
- cursor: auto;
180
- opacity: 0.4;
181
- }
182
- ._ActionBarAction_5kf61_32 svg {
183
- max-width: none !important;
184
- }
185
- ._ActionBarAction_5kf61_32:focus-visible {
186
- outline: none;
187
- box-shadow: var(--re-ring);
188
- }
189
- @media (hover: hover) and (pointer: fine) {
190
- ._ActionBarAction_5kf61_32:hover:not(._ActionBarAction--disabled_5kf61_75) {
191
- opacity: 1;
192
- background: rgba(255, 255, 255, 0.12);
193
- transition: none;
194
- }
195
- }
196
- ._ActionBarAction_5kf61_32:active:not(._ActionBarAction--disabled_5kf61_75),
197
- ._ActionBarAction--active_5kf61_98 {
198
- opacity: 1;
199
- background: rgba(255, 255, 255, 0.18);
200
- transition: none;
201
- }
202
- ._ActionBar-group_5kf61_40 * {
203
- margin: 0;
204
- }
205
- ._ActionBar-separator_5kf61_108 {
206
- background: rgba(255, 255, 255, 0.2);
207
- margin-inline: 4px;
208
- width: 0.5px;
209
- height: 100%;
210
- }
211
-
212
- /* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/RichTextMenu/components/Control/styles.module.css/#css-module-data */
213
- ._Control_1aveu_1 .lucide {
214
- height: 18px;
215
- width: 18px;
216
- }
217
- ._Control--inline_1aveu_6 .lucide {
218
- height: 16px;
219
- width: 16px;
220
- }
221
-
222
- /* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/Select/styles.module.css/#css-module-data */
223
- ._Select_6nen1_1 {
224
- position: relative;
225
- z-index: 1;
226
- }
227
- ._Select-button_6nen1_6 {
228
- align-items: center;
229
- background: transparent;
230
- border: none;
231
- border-radius: var(--re-radius-sm);
232
- display: flex;
233
- justify-content: center;
234
- gap: 0px;
235
- height: 100%;
236
- padding: 4px;
237
- padding-right: 2px;
238
- transition: background-color var(--re-motion-fast) var(--re-ease), color var(--re-motion-fast) var(--re-ease);
239
- }
240
- ._Select--hasOptions_6nen1_21 ._Select-button_6nen1_6 {
241
- color: currentColor;
242
- }
243
- ._Select--hasOptions_6nen1_21:not(._Select--disabled_6nen1_25) ._Select-button_6nen1_6 {
244
- cursor: pointer;
245
- }
246
- ._Select-buttonIcon_6nen1_29 {
247
- align-items: center;
248
- display: flex;
249
- justify-content: center;
250
- }
251
- ._Select--standalone_6nen1_35 ._Select-buttonIcon_6nen1_29 .lucide {
252
- height: 18px;
253
- width: 18px;
254
- }
255
- ._Select--actionBar_6nen1_40 ._Select-buttonIcon_6nen1_29 .lucide {
256
- height: 16px;
257
- width: 16px;
258
- }
259
- ._Select--hasOptions_6nen1_21:not(._Select--disabled_6nen1_25) ._Select-button_6nen1_6:hover,
260
- ._Select--hasValue_6nen1_46 ._Select-button_6nen1_6 {
261
- background: var(--re-surface-hover);
262
- color: var(--re-text-accent);
263
- }
264
- ._Select--disabled_6nen1_25 ._Select-button_6nen1_6 {
265
- color: var(--re-text-tertiary);
266
- }
267
- ._Select--actionBar_6nen1_40 {
268
- &._Select--hasOptions_6nen1_21 ._Select-button_6nen1_6:hover,
269
- &._Select--hasValue_6nen1_46 ._Select-button_6nen1_6 {
270
- background: rgba(255, 255, 255, 0.12);
271
- color: var(--re-text-inverse);
272
- }
273
- }
274
- ._Select-items_6nen1_63 {
275
- background: var(--re-surface-panel);
276
- border: 1px solid var(--re-border-subtle);
277
- border-radius: var(--re-radius-lg);
278
- box-shadow: var(--re-shadow-lg);
279
- margin: 10px 8px;
280
- margin-left: 0;
281
- padding: 4px;
282
- z-index: 2;
283
- list-style: none;
284
- }
285
- ._SelectItem_6nen1_75 {
286
- background: transparent;
287
- border-radius: var(--re-radius-sm);
288
- border: none;
289
- color: var(--re-text-secondary);
290
- cursor: pointer;
291
- display: flex;
292
- gap: 8px;
293
- align-items: center;
294
- font-size: var(--re-font-size-xxs);
295
- margin: 0;
296
- padding: 8px 12px;
297
- width: 100%;
298
- transition: background-color var(--re-motion-fast) var(--re-ease), color var(--re-motion-fast) var(--re-ease);
299
- }
300
- ._SelectItem--isSelected_6nen1_92 {
301
- background: var(--re-accent-soft);
302
- color: var(--re-text-accent);
303
- font-weight: 500;
304
- }
305
- ._SelectItem--isSelected_6nen1_92 ._SelectItem-icon_6nen1_98 {
306
- color: var(--re-text-accent);
307
- }
308
- ._SelectItem_6nen1_75:hover {
309
- background: var(--re-surface-hover);
310
- color: var(--re-text-accent);
311
- }
@@ -1,90 +0,0 @@
1
- /* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/Select/styles.module.css/#css-module-data */
2
- ._Select_6nen1_1 {
3
- position: relative;
4
- z-index: 1;
5
- }
6
- ._Select-button_6nen1_6 {
7
- align-items: center;
8
- background: transparent;
9
- border: none;
10
- border-radius: var(--re-radius-sm);
11
- display: flex;
12
- justify-content: center;
13
- gap: 0px;
14
- height: 100%;
15
- padding: 4px;
16
- padding-right: 2px;
17
- transition: background-color var(--re-motion-fast) var(--re-ease), color var(--re-motion-fast) var(--re-ease);
18
- }
19
- ._Select--hasOptions_6nen1_21 ._Select-button_6nen1_6 {
20
- color: currentColor;
21
- }
22
- ._Select--hasOptions_6nen1_21:not(._Select--disabled_6nen1_25) ._Select-button_6nen1_6 {
23
- cursor: pointer;
24
- }
25
- ._Select-buttonIcon_6nen1_29 {
26
- align-items: center;
27
- display: flex;
28
- justify-content: center;
29
- }
30
- ._Select--standalone_6nen1_35 ._Select-buttonIcon_6nen1_29 .lucide {
31
- height: 18px;
32
- width: 18px;
33
- }
34
- ._Select--actionBar_6nen1_40 ._Select-buttonIcon_6nen1_29 .lucide {
35
- height: 16px;
36
- width: 16px;
37
- }
38
- ._Select--hasOptions_6nen1_21:not(._Select--disabled_6nen1_25) ._Select-button_6nen1_6:hover,
39
- ._Select--hasValue_6nen1_46 ._Select-button_6nen1_6 {
40
- background: var(--re-surface-hover);
41
- color: var(--re-text-accent);
42
- }
43
- ._Select--disabled_6nen1_25 ._Select-button_6nen1_6 {
44
- color: var(--re-text-tertiary);
45
- }
46
- ._Select--actionBar_6nen1_40 {
47
- &._Select--hasOptions_6nen1_21 ._Select-button_6nen1_6:hover,
48
- &._Select--hasValue_6nen1_46 ._Select-button_6nen1_6 {
49
- background: rgba(255, 255, 255, 0.12);
50
- color: var(--re-text-inverse);
51
- }
52
- }
53
- ._Select-items_6nen1_63 {
54
- background: var(--re-surface-panel);
55
- border: 1px solid var(--re-border-subtle);
56
- border-radius: var(--re-radius-lg);
57
- box-shadow: var(--re-shadow-lg);
58
- margin: 10px 8px;
59
- margin-left: 0;
60
- padding: 4px;
61
- z-index: 2;
62
- list-style: none;
63
- }
64
- ._SelectItem_6nen1_75 {
65
- background: transparent;
66
- border-radius: var(--re-radius-sm);
67
- border: none;
68
- color: var(--re-text-secondary);
69
- cursor: pointer;
70
- display: flex;
71
- gap: 8px;
72
- align-items: center;
73
- font-size: var(--re-font-size-xxs);
74
- margin: 0;
75
- padding: 8px 12px;
76
- width: 100%;
77
- transition: background-color var(--re-motion-fast) var(--re-ease), color var(--re-motion-fast) var(--re-ease);
78
- }
79
- ._SelectItem--isSelected_6nen1_92 {
80
- background: var(--re-accent-soft);
81
- color: var(--re-text-accent);
82
- font-weight: 500;
83
- }
84
- ._SelectItem--isSelected_6nen1_92 ._SelectItem-icon_6nen1_98 {
85
- color: var(--re-text-accent);
86
- }
87
- ._SelectItem_6nen1_75:hover {
88
- background: var(--re-surface-hover);
89
- color: var(--re-text-accent);
90
- }