@reacteditor/core 0.0.5 → 0.0.7

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 (52) hide show
  1. package/dist/Editor-4LPVLYSU.css +415 -0
  2. package/dist/{Editor-POJT3RA2.mjs → Editor-OSAG52QF.mjs} +10 -10
  3. package/dist/{Render-JNABKPAF.mjs → Render-STFB5CNO.mjs} +1 -1
  4. package/dist/Render-ZTUTUUAH.css +103 -0
  5. package/dist/{actions-CQmL3wwa.d.mts → actions-BDMhAtxP.d.mts} +2 -1
  6. package/dist/{actions-CQmL3wwa.d.ts → actions-BDMhAtxP.d.ts} +2 -1
  7. package/dist/{chunk-KC727YFW.mjs → chunk-6QJ2HF4O.mjs} +1 -1
  8. package/dist/{chunk-IUOWXGYR.mjs → chunk-AAK2555H.mjs} +4 -4
  9. package/dist/{chunk-DCL4UC2H.mjs → chunk-EEQGJ6FH.mjs} +1 -1
  10. package/dist/{chunk-VOLQMQPK.mjs → chunk-IIRJMJFU.mjs} +1 -1
  11. package/dist/{chunk-43G2QHSV.mjs → chunk-JUC25FB7.mjs} +10 -10
  12. package/dist/{chunk-UB2DES2O.mjs → chunk-M4JDRFYB.mjs} +8 -6
  13. package/dist/{chunk-X7IRHSQN.mjs → chunk-RNRHREWH.mjs} +4 -4
  14. package/dist/{chunk-YFRH22NT.mjs → chunk-TI3KC54Y.mjs} +20 -20
  15. package/dist/{chunk-QB3US7UE.mjs → chunk-W5I2Z7QS.mjs} +580 -195
  16. package/dist/{chunk-5N6RK26Z.mjs → chunk-XI7YTBCP.mjs} +1 -1
  17. package/dist/{chunk-JEDWXGVP.mjs → chunk-ZLSPSBV3.mjs} +1 -1
  18. package/dist/full-7ABPY2WA.css +311 -0
  19. package/dist/{full-HZMEMWCN.mjs → full-IHV5BO2L.mjs} +8 -8
  20. package/dist/{index-BOP2qNVA.d.mts → index-BwLKseT7.d.mts} +1 -1
  21. package/dist/{index-_G46lHpL.d.ts → index-DkYXZRPz.d.ts} +1 -1
  22. package/dist/index.css +1268 -1165
  23. package/dist/index.d.mts +35 -8
  24. package/dist/index.d.ts +35 -8
  25. package/dist/index.js +640 -246
  26. package/dist/index.mjs +15 -15
  27. package/dist/internal.d.mts +2 -2
  28. package/dist/internal.d.ts +2 -2
  29. package/dist/internal.js +7 -5
  30. package/dist/internal.mjs +2 -2
  31. package/dist/{loaded-35JQLXSA.mjs → loaded-3NPQWYKN.mjs} +5 -5
  32. package/dist/{loaded-QJMKRN35.mjs → loaded-FTSXIONQ.mjs} +5 -5
  33. package/dist/loaded-N4KWL7FV.css +90 -0
  34. package/dist/{loaded-U6ZILQXM.mjs → loaded-YTQOQIUU.mjs} +5 -5
  35. package/dist/no-external.css +1268 -1165
  36. package/dist/no-external.d.mts +4 -4
  37. package/dist/no-external.d.ts +4 -4
  38. package/dist/no-external.js +640 -246
  39. package/dist/no-external.mjs +15 -15
  40. package/dist/rsc.css +40 -40
  41. package/dist/rsc.d.mts +2 -2
  42. package/dist/rsc.d.ts +2 -2
  43. package/dist/rsc.js +1 -1
  44. package/dist/rsc.mjs +4 -4
  45. package/dist/{walk-tree-DxSkPLnl.d.ts → walk-tree-BweEZ37Y.d.ts} +1 -1
  46. package/dist/{walk-tree-Dwv3c_9M.d.mts → walk-tree-LcQXXDqe.d.mts} +1 -1
  47. package/package.json +2 -1
  48. package/dist/Editor-WYZZDKT3.css +0 -415
  49. package/dist/Render-WBTAN6PO.css +0 -103
  50. package/dist/full-5442HPZH.css +0 -311
  51. package/dist/loaded-KZZU4RNL.css +0 -90
  52. package/dist/{chunk-GAUBBDIR.mjs → chunk-JIXMPJZA.mjs} +37 -37
@@ -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
- }
@@ -210,6 +210,43 @@ var rootAreaId = "root";
210
210
  var rootZone = "default-zone";
211
211
  var rootDroppableId = `${rootAreaId}:${rootZone}`;
212
212
 
213
+ // lib/data/to-component.ts
214
+ init_react_import();
215
+ var toComponent = (item) => {
216
+ return "type" in item ? item : __spreadProps(__spreadValues({}, item), {
217
+ props: __spreadProps(__spreadValues({}, item.props), { id: "root" }),
218
+ type: "root"
219
+ });
220
+ };
221
+
222
+ // lib/data/walk-app-state.ts
223
+ init_react_import();
224
+
225
+ // lib/data/for-related-zones.ts
226
+ init_react_import();
227
+
228
+ // lib/get-zone-id.ts
229
+ init_react_import();
230
+ var getZoneId = (zoneCompound) => {
231
+ if (!zoneCompound) {
232
+ return [];
233
+ }
234
+ if (zoneCompound && zoneCompound.indexOf(":") > -1) {
235
+ return zoneCompound.split(":");
236
+ }
237
+ return [rootDroppableId, zoneCompound];
238
+ };
239
+
240
+ // lib/data/for-related-zones.ts
241
+ function forRelatedZones(item, data, cb, path = []) {
242
+ Object.entries(data.zones || {}).forEach(([zoneCompound, content]) => {
243
+ const [parentId] = getZoneId(zoneCompound);
244
+ if (parentId === item.props.id) {
245
+ cb(path, zoneCompound, content);
246
+ }
247
+ });
248
+ }
249
+
213
250
  // lib/data/flatten-node.ts
214
251
  init_react_import();
215
252
  import flat from "flat";
@@ -267,43 +304,6 @@ var expandNode = (node) => {
267
304
  });
268
305
  };
269
306
 
270
- // lib/data/to-component.ts
271
- init_react_import();
272
- var toComponent = (item) => {
273
- return "type" in item ? item : __spreadProps(__spreadValues({}, item), {
274
- props: __spreadProps(__spreadValues({}, item.props), { id: "root" }),
275
- type: "root"
276
- });
277
- };
278
-
279
- // lib/data/walk-app-state.ts
280
- init_react_import();
281
-
282
- // lib/data/for-related-zones.ts
283
- init_react_import();
284
-
285
- // lib/get-zone-id.ts
286
- init_react_import();
287
- var getZoneId = (zoneCompound) => {
288
- if (!zoneCompound) {
289
- return [];
290
- }
291
- if (zoneCompound && zoneCompound.indexOf(":") > -1) {
292
- return zoneCompound.split(":");
293
- }
294
- return [rootDroppableId, zoneCompound];
295
- };
296
-
297
- // lib/data/for-related-zones.ts
298
- function forRelatedZones(item, data, cb, path = []) {
299
- Object.entries(data.zones || {}).forEach(([zoneCompound, content]) => {
300
- const [parentId] = getZoneId(zoneCompound);
301
- if (parentId === item.props.id) {
302
- cb(path, zoneCompound, content);
303
- }
304
- });
305
- }
306
-
307
307
  // lib/data/walk-app-state.ts
308
308
  function walkAppState(state, config, mapContent = (content) => content, mapNodeOrSkip = (item) => item) {
309
309
  var _a;