@particle-academy/fancy-flow 0.36.0 → 0.38.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,563 @@
1
+ /* node_modules/@xyflow/react/dist/style.css */
2
+ .react-flow {
3
+ direction: ltr;
4
+ --xy-edge-stroke-default: #b1b1b7;
5
+ --xy-edge-stroke-width-default: 1;
6
+ --xy-edge-stroke-selected-default: #555;
7
+ --xy-connectionline-stroke-default: #b1b1b7;
8
+ --xy-connectionline-stroke-width-default: 1;
9
+ --xy-attribution-background-color-default: rgba(255, 255, 255, 0.5);
10
+ --xy-minimap-background-color-default: #fff;
11
+ --xy-minimap-mask-background-color-default: rgba(240, 240, 240, 0.6);
12
+ --xy-minimap-mask-stroke-color-default: transparent;
13
+ --xy-minimap-mask-stroke-width-default: 1;
14
+ --xy-minimap-node-background-color-default: #e2e2e2;
15
+ --xy-minimap-node-stroke-color-default: transparent;
16
+ --xy-minimap-node-stroke-width-default: 2;
17
+ --xy-background-color-default: transparent;
18
+ --xy-background-pattern-dots-color-default: #91919a;
19
+ --xy-background-pattern-lines-color-default: #eee;
20
+ --xy-background-pattern-cross-color-default: #e2e2e2;
21
+ background-color: var(--xy-background-color, var(--xy-background-color-default));
22
+ --xy-node-color-default: inherit;
23
+ --xy-node-border-default: 1px solid #1a192b;
24
+ --xy-node-background-color-default: #fff;
25
+ --xy-node-group-background-color-default: rgba(240, 240, 240, 0.25);
26
+ --xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, 0.08);
27
+ --xy-node-boxshadow-selected-default: 0 0 0 0.5px #1a192b;
28
+ --xy-node-border-radius-default: 3px;
29
+ --xy-handle-background-color-default: #1a192b;
30
+ --xy-handle-border-color-default: #fff;
31
+ --xy-selection-background-color-default: rgba(0, 89, 220, 0.08);
32
+ --xy-selection-border-default: 1px dotted rgba(0, 89, 220, 0.8);
33
+ --xy-controls-button-background-color-default: #fefefe;
34
+ --xy-controls-button-background-color-hover-default: #f4f4f4;
35
+ --xy-controls-button-color-default: inherit;
36
+ --xy-controls-button-color-hover-default: inherit;
37
+ --xy-controls-button-border-color-default: #eee;
38
+ --xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, 0.08);
39
+ --xy-edge-label-background-color-default: #ffffff;
40
+ --xy-edge-label-color-default: inherit;
41
+ --xy-resize-background-color-default: #3367d9;
42
+ }
43
+ .react-flow.dark {
44
+ --xy-edge-stroke-default: #3e3e3e;
45
+ --xy-edge-stroke-width-default: 1;
46
+ --xy-edge-stroke-selected-default: #727272;
47
+ --xy-connectionline-stroke-default: #b1b1b7;
48
+ --xy-connectionline-stroke-width-default: 1;
49
+ --xy-attribution-background-color-default: rgba(150, 150, 150, 0.25);
50
+ --xy-minimap-background-color-default: #141414;
51
+ --xy-minimap-mask-background-color-default: rgba(60, 60, 60, 0.6);
52
+ --xy-minimap-mask-stroke-color-default: transparent;
53
+ --xy-minimap-mask-stroke-width-default: 1;
54
+ --xy-minimap-node-background-color-default: #2b2b2b;
55
+ --xy-minimap-node-stroke-color-default: transparent;
56
+ --xy-minimap-node-stroke-width-default: 2;
57
+ --xy-background-color-default: #141414;
58
+ --xy-background-pattern-dots-color-default: #777;
59
+ --xy-background-pattern-lines-color-default: #777;
60
+ --xy-background-pattern-cross-color-default: #777;
61
+ --xy-node-color-default: #f8f8f8;
62
+ --xy-node-border-default: 1px solid #3c3c3c;
63
+ --xy-node-background-color-default: #1e1e1e;
64
+ --xy-node-group-background-color-default: rgba(240, 240, 240, 0.25);
65
+ --xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, 0.08);
66
+ --xy-node-boxshadow-selected-default: 0 0 0 0.5px #999;
67
+ --xy-handle-background-color-default: #bebebe;
68
+ --xy-handle-border-color-default: #1e1e1e;
69
+ --xy-selection-background-color-default: rgba(200, 200, 220, 0.08);
70
+ --xy-selection-border-default: 1px dotted rgba(200, 200, 220, 0.8);
71
+ --xy-controls-button-background-color-default: #2b2b2b;
72
+ --xy-controls-button-background-color-hover-default: #3e3e3e;
73
+ --xy-controls-button-color-default: #f8f8f8;
74
+ --xy-controls-button-color-hover-default: #fff;
75
+ --xy-controls-button-border-color-default: #5b5b5b;
76
+ --xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, 0.08);
77
+ --xy-edge-label-background-color-default: #141414;
78
+ --xy-edge-label-color-default: #f8f8f8;
79
+ }
80
+ .react-flow__background {
81
+ background-color: var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));
82
+ pointer-events: none;
83
+ z-index: -1;
84
+ }
85
+ .react-flow__container {
86
+ position: absolute;
87
+ width: 100%;
88
+ height: 100%;
89
+ top: 0;
90
+ left: 0;
91
+ }
92
+ .react-flow__pane {
93
+ z-index: 1;
94
+ touch-action: none;
95
+ }
96
+ .react-flow__pane.draggable {
97
+ cursor: grab;
98
+ }
99
+ .react-flow__pane.dragging {
100
+ cursor: grabbing;
101
+ }
102
+ .react-flow__pane.selection {
103
+ cursor: pointer;
104
+ }
105
+ .react-flow__viewport {
106
+ transform-origin: 0 0;
107
+ z-index: 2;
108
+ pointer-events: none;
109
+ }
110
+ .react-flow__renderer {
111
+ z-index: 4;
112
+ }
113
+ .react-flow__selection {
114
+ z-index: 6;
115
+ }
116
+ .react-flow__nodesselection-rect:focus,
117
+ .react-flow__nodesselection-rect:focus-visible {
118
+ outline: none;
119
+ }
120
+ .react-flow__edge-path {
121
+ stroke: var(--xy-edge-stroke, var(--xy-edge-stroke-default));
122
+ stroke-width: var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));
123
+ fill: none;
124
+ }
125
+ .react-flow__connection-path {
126
+ stroke: var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));
127
+ stroke-width: var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));
128
+ fill: none;
129
+ }
130
+ .react-flow .react-flow__edges {
131
+ position: absolute;
132
+ }
133
+ .react-flow .react-flow__edges svg {
134
+ overflow: visible;
135
+ position: absolute;
136
+ pointer-events: none;
137
+ }
138
+ .react-flow__edge {
139
+ pointer-events: visibleStroke;
140
+ }
141
+ .react-flow__edge.selectable {
142
+ cursor: pointer;
143
+ }
144
+ .react-flow__edge.animated path {
145
+ stroke-dasharray: 5;
146
+ animation: dashdraw 0.5s linear infinite;
147
+ }
148
+ .react-flow__edge.animated path.react-flow__edge-interaction {
149
+ stroke-dasharray: none;
150
+ animation: none;
151
+ }
152
+ .react-flow__edge.inactive {
153
+ pointer-events: none;
154
+ }
155
+ .react-flow__edge.selected,
156
+ .react-flow__edge:focus,
157
+ .react-flow__edge:focus-visible {
158
+ outline: none;
159
+ }
160
+ .react-flow__edge.selected .react-flow__edge-path,
161
+ .react-flow__edge.selectable:focus .react-flow__edge-path,
162
+ .react-flow__edge.selectable:focus-visible .react-flow__edge-path {
163
+ stroke: var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default));
164
+ }
165
+ .react-flow__edge-textwrapper {
166
+ pointer-events: all;
167
+ }
168
+ .react-flow__edge .react-flow__edge-text {
169
+ pointer-events: none;
170
+ -webkit-user-select: none;
171
+ -moz-user-select: none;
172
+ user-select: none;
173
+ }
174
+ .react-flow__arrowhead polyline {
175
+ stroke: var(--xy-edge-stroke, var(--xy-edge-stroke-default));
176
+ }
177
+ .react-flow__arrowhead polyline.arrowclosed {
178
+ fill: var(--xy-edge-stroke, var(--xy-edge-stroke-default));
179
+ }
180
+ .react-flow__connection {
181
+ pointer-events: none;
182
+ }
183
+ .react-flow__connection .animated {
184
+ stroke-dasharray: 5;
185
+ animation: dashdraw 0.5s linear infinite;
186
+ }
187
+ svg.react-flow__connectionline {
188
+ z-index: 1001;
189
+ overflow: visible;
190
+ position: absolute;
191
+ }
192
+ .react-flow__nodes {
193
+ pointer-events: none;
194
+ transform-origin: 0 0;
195
+ }
196
+ .react-flow__node {
197
+ position: absolute;
198
+ -webkit-user-select: none;
199
+ -moz-user-select: none;
200
+ user-select: none;
201
+ pointer-events: all;
202
+ transform-origin: 0 0;
203
+ box-sizing: border-box;
204
+ cursor: default;
205
+ }
206
+ .react-flow__node.selectable {
207
+ cursor: pointer;
208
+ }
209
+ .react-flow__node.draggable {
210
+ cursor: grab;
211
+ pointer-events: all;
212
+ }
213
+ .react-flow__node.draggable.dragging {
214
+ cursor: grabbing;
215
+ }
216
+ .react-flow__nodesselection {
217
+ z-index: 3;
218
+ transform-origin: left top;
219
+ pointer-events: none;
220
+ }
221
+ .react-flow__nodesselection-rect {
222
+ position: absolute;
223
+ pointer-events: all;
224
+ cursor: grab;
225
+ }
226
+ .react-flow__handle {
227
+ position: absolute;
228
+ pointer-events: none;
229
+ min-width: 5px;
230
+ min-height: 5px;
231
+ width: 6px;
232
+ height: 6px;
233
+ background-color: var(--xy-handle-background-color, var(--xy-handle-background-color-default));
234
+ border: 1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));
235
+ border-radius: 100%;
236
+ }
237
+ .react-flow__handle.connectingfrom {
238
+ pointer-events: all;
239
+ }
240
+ .react-flow__handle.connectionindicator {
241
+ pointer-events: all;
242
+ cursor: crosshair;
243
+ }
244
+ .react-flow__handle-bottom {
245
+ top: auto;
246
+ left: 50%;
247
+ bottom: 0;
248
+ transform: translate(-50%, 50%);
249
+ }
250
+ .react-flow__handle-top {
251
+ top: 0;
252
+ left: 50%;
253
+ transform: translate(-50%, -50%);
254
+ }
255
+ .react-flow__handle-left {
256
+ top: 50%;
257
+ left: 0;
258
+ transform: translate(-50%, -50%);
259
+ }
260
+ .react-flow__handle-right {
261
+ top: 50%;
262
+ right: 0;
263
+ transform: translate(50%, -50%);
264
+ }
265
+ .react-flow__edgeupdater {
266
+ cursor: move;
267
+ pointer-events: all;
268
+ }
269
+ .react-flow__pane.selection .react-flow__panel {
270
+ pointer-events: none;
271
+ }
272
+ .react-flow__panel {
273
+ position: absolute;
274
+ z-index: 5;
275
+ margin: 15px;
276
+ }
277
+ .react-flow__panel.top {
278
+ top: 0;
279
+ }
280
+ .react-flow__panel.bottom {
281
+ bottom: 0;
282
+ }
283
+ .react-flow__panel.top.center,
284
+ .react-flow__panel.bottom.center {
285
+ left: 50%;
286
+ transform: translateX(-15px) translateX(-50%);
287
+ }
288
+ .react-flow__panel.left {
289
+ left: 0;
290
+ }
291
+ .react-flow__panel.right {
292
+ right: 0;
293
+ }
294
+ .react-flow__panel.left.center,
295
+ .react-flow__panel.right.center {
296
+ top: 50%;
297
+ transform: translateY(-15px) translateY(-50%);
298
+ }
299
+ .react-flow__attribution {
300
+ font-size: 10px;
301
+ background: var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));
302
+ padding: 2px 3px;
303
+ margin: 0;
304
+ }
305
+ .react-flow__attribution a {
306
+ text-decoration: none;
307
+ color: #999;
308
+ }
309
+ @keyframes dashdraw {
310
+ from {
311
+ stroke-dashoffset: 10;
312
+ }
313
+ }
314
+ .react-flow__edgelabel-renderer {
315
+ position: absolute;
316
+ width: 100%;
317
+ height: 100%;
318
+ pointer-events: none;
319
+ -webkit-user-select: none;
320
+ -moz-user-select: none;
321
+ user-select: none;
322
+ left: 0;
323
+ top: 0;
324
+ }
325
+ .react-flow__viewport-portal {
326
+ position: absolute;
327
+ width: 100%;
328
+ height: 100%;
329
+ left: 0;
330
+ top: 0;
331
+ -webkit-user-select: none;
332
+ -moz-user-select: none;
333
+ user-select: none;
334
+ }
335
+ .react-flow__minimap {
336
+ background: var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) );
337
+ }
338
+ .react-flow__minimap-svg {
339
+ display: block;
340
+ }
341
+ .react-flow__minimap-mask {
342
+ fill: var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );
343
+ stroke: var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );
344
+ stroke-width: var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) );
345
+ }
346
+ .react-flow__minimap-node {
347
+ fill: var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );
348
+ stroke: var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );
349
+ stroke-width: var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) );
350
+ }
351
+ .react-flow__background-pattern.dots {
352
+ fill: var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) );
353
+ }
354
+ .react-flow__background-pattern.lines {
355
+ stroke: var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) );
356
+ }
357
+ .react-flow__background-pattern.cross {
358
+ stroke: var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) );
359
+ }
360
+ .react-flow__controls {
361
+ display: flex;
362
+ flex-direction: column;
363
+ box-shadow: var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default));
364
+ }
365
+ .react-flow__controls.horizontal {
366
+ flex-direction: row;
367
+ }
368
+ .react-flow__controls-button {
369
+ display: flex;
370
+ justify-content: center;
371
+ align-items: center;
372
+ height: 26px;
373
+ width: 26px;
374
+ padding: 4px;
375
+ border: none;
376
+ background: var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));
377
+ border-bottom: 1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );
378
+ color: var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );
379
+ cursor: pointer;
380
+ -webkit-user-select: none;
381
+ -moz-user-select: none;
382
+ user-select: none;
383
+ }
384
+ .react-flow__controls-button svg {
385
+ width: 100%;
386
+ max-width: 12px;
387
+ max-height: 12px;
388
+ fill: currentColor;
389
+ }
390
+ .react-flow__edge.updating .react-flow__edge-path {
391
+ stroke: #777;
392
+ }
393
+ .react-flow__edge-text {
394
+ font-size: 10px;
395
+ }
396
+ .react-flow__node.selectable:focus,
397
+ .react-flow__node.selectable:focus-visible {
398
+ outline: none;
399
+ }
400
+ .react-flow__node-input,
401
+ .react-flow__node-default,
402
+ .react-flow__node-output,
403
+ .react-flow__node-group {
404
+ padding: 10px;
405
+ border-radius: var(--xy-node-border-radius, var(--xy-node-border-radius-default));
406
+ width: 150px;
407
+ font-size: 12px;
408
+ color: var(--xy-node-color, var(--xy-node-color-default));
409
+ text-align: center;
410
+ border: var(--xy-node-border, var(--xy-node-border-default));
411
+ background-color: var(--xy-node-background-color, var(--xy-node-background-color-default));
412
+ }
413
+ .react-flow__node-input.selectable:hover,
414
+ .react-flow__node-default.selectable:hover,
415
+ .react-flow__node-output.selectable:hover,
416
+ .react-flow__node-group.selectable:hover {
417
+ box-shadow: var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default));
418
+ }
419
+ .react-flow__node-input.selectable.selected,
420
+ .react-flow__node-input.selectable:focus,
421
+ .react-flow__node-input.selectable:focus-visible,
422
+ .react-flow__node-default.selectable.selected,
423
+ .react-flow__node-default.selectable:focus,
424
+ .react-flow__node-default.selectable:focus-visible,
425
+ .react-flow__node-output.selectable.selected,
426
+ .react-flow__node-output.selectable:focus,
427
+ .react-flow__node-output.selectable:focus-visible,
428
+ .react-flow__node-group.selectable.selected,
429
+ .react-flow__node-group.selectable:focus,
430
+ .react-flow__node-group.selectable:focus-visible {
431
+ box-shadow: var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default));
432
+ }
433
+ .react-flow__node-group {
434
+ background-color: var(--xy-node-group-background-color, var(--xy-node-group-background-color-default));
435
+ }
436
+ .react-flow__nodesselection-rect,
437
+ .react-flow__selection {
438
+ background: var(--xy-selection-background-color, var(--xy-selection-background-color-default));
439
+ border: var(--xy-selection-border, var(--xy-selection-border-default));
440
+ }
441
+ .react-flow__nodesselection-rect:focus,
442
+ .react-flow__nodesselection-rect:focus-visible,
443
+ .react-flow__selection:focus,
444
+ .react-flow__selection:focus-visible {
445
+ outline: none;
446
+ }
447
+ .react-flow__controls-button:hover {
448
+ background: var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );
449
+ color: var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) );
450
+ }
451
+ .react-flow__controls-button:disabled {
452
+ pointer-events: none;
453
+ }
454
+ .react-flow__controls-button:disabled svg {
455
+ fill-opacity: 0.4;
456
+ }
457
+ .react-flow__controls-button:last-child {
458
+ border-bottom: none;
459
+ }
460
+ .react-flow__controls.horizontal .react-flow__controls-button {
461
+ border-bottom: none;
462
+ border-right: 1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );
463
+ }
464
+ .react-flow__controls.horizontal .react-flow__controls-button:last-child {
465
+ border-right: none;
466
+ }
467
+ .react-flow__resize-control {
468
+ position: absolute;
469
+ }
470
+ .react-flow__resize-control.left,
471
+ .react-flow__resize-control.right {
472
+ cursor: ew-resize;
473
+ }
474
+ .react-flow__resize-control.top,
475
+ .react-flow__resize-control.bottom {
476
+ cursor: ns-resize;
477
+ }
478
+ .react-flow__resize-control.top.left,
479
+ .react-flow__resize-control.bottom.right {
480
+ cursor: nwse-resize;
481
+ }
482
+ .react-flow__resize-control.bottom.left,
483
+ .react-flow__resize-control.top.right {
484
+ cursor: nesw-resize;
485
+ }
486
+ .react-flow__resize-control.handle {
487
+ width: 5px;
488
+ height: 5px;
489
+ border: 1px solid #fff;
490
+ border-radius: 1px;
491
+ background-color: var(--xy-resize-background-color, var(--xy-resize-background-color-default));
492
+ translate: -50% -50%;
493
+ }
494
+ .react-flow__resize-control.handle.left {
495
+ left: 0;
496
+ top: 50%;
497
+ }
498
+ .react-flow__resize-control.handle.right {
499
+ left: 100%;
500
+ top: 50%;
501
+ }
502
+ .react-flow__resize-control.handle.top {
503
+ left: 50%;
504
+ top: 0;
505
+ }
506
+ .react-flow__resize-control.handle.bottom {
507
+ left: 50%;
508
+ top: 100%;
509
+ }
510
+ .react-flow__resize-control.handle.top.left {
511
+ left: 0;
512
+ }
513
+ .react-flow__resize-control.handle.bottom.left {
514
+ left: 0;
515
+ }
516
+ .react-flow__resize-control.handle.top.right {
517
+ left: 100%;
518
+ }
519
+ .react-flow__resize-control.handle.bottom.right {
520
+ left: 100%;
521
+ }
522
+ .react-flow__resize-control.line {
523
+ border-color: var(--xy-resize-background-color, var(--xy-resize-background-color-default));
524
+ border-width: 0;
525
+ border-style: solid;
526
+ }
527
+ .react-flow__resize-control.line.left,
528
+ .react-flow__resize-control.line.right {
529
+ width: 1px;
530
+ transform: translate(-50%, 0);
531
+ top: 0;
532
+ height: 100%;
533
+ }
534
+ .react-flow__resize-control.line.left {
535
+ left: 0;
536
+ border-left-width: 1px;
537
+ }
538
+ .react-flow__resize-control.line.right {
539
+ left: 100%;
540
+ border-right-width: 1px;
541
+ }
542
+ .react-flow__resize-control.line.top,
543
+ .react-flow__resize-control.line.bottom {
544
+ height: 1px;
545
+ transform: translate(0, -50%);
546
+ left: 0;
547
+ width: 100%;
548
+ }
549
+ .react-flow__resize-control.line.top {
550
+ top: 0;
551
+ border-top-width: 1px;
552
+ }
553
+ .react-flow__resize-control.line.bottom {
554
+ border-bottom-width: 1px;
555
+ top: 100%;
556
+ }
557
+ .react-flow__edge-textbg {
558
+ fill: var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default));
559
+ }
560
+ .react-flow__edge-text {
561
+ fill: var(--xy-edge-label-color, var(--xy-edge-label-color-default));
562
+ }
563
+ /*# sourceMappingURL=screens.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../node_modules/@xyflow/react/dist/style.css"],"sourcesContent":["/* this gets exported as style.css and can be used for the default theming */\n/* these are the necessary styles for React/Svelte Flow, they get used by base.css and style.css */\n.react-flow {\n direction: ltr;\n\n --xy-edge-stroke-default: #b1b1b7;\n --xy-edge-stroke-width-default: 1;\n --xy-edge-stroke-selected-default: #555;\n\n --xy-connectionline-stroke-default: #b1b1b7;\n --xy-connectionline-stroke-width-default: 1;\n\n --xy-attribution-background-color-default: rgba(255, 255, 255, 0.5);\n\n --xy-minimap-background-color-default: #fff;\n --xy-minimap-mask-background-color-default: rgba(240, 240, 240, 0.6);\n --xy-minimap-mask-stroke-color-default: transparent;\n --xy-minimap-mask-stroke-width-default: 1;\n --xy-minimap-node-background-color-default: #e2e2e2;\n --xy-minimap-node-stroke-color-default: transparent;\n --xy-minimap-node-stroke-width-default: 2;\n\n --xy-background-color-default: transparent;\n --xy-background-pattern-dots-color-default: #91919a;\n --xy-background-pattern-lines-color-default: #eee;\n --xy-background-pattern-cross-color-default: #e2e2e2;\n background-color: var(--xy-background-color, var(--xy-background-color-default));\n --xy-node-color-default: inherit;\n --xy-node-border-default: 1px solid #1a192b;\n --xy-node-background-color-default: #fff;\n --xy-node-group-background-color-default: rgba(240, 240, 240, 0.25);\n --xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, 0.08);\n --xy-node-boxshadow-selected-default: 0 0 0 0.5px #1a192b;\n --xy-node-border-radius-default: 3px;\n\n --xy-handle-background-color-default: #1a192b;\n --xy-handle-border-color-default: #fff;\n\n --xy-selection-background-color-default: rgba(0, 89, 220, 0.08);\n --xy-selection-border-default: 1px dotted rgba(0, 89, 220, 0.8);\n\n --xy-controls-button-background-color-default: #fefefe;\n --xy-controls-button-background-color-hover-default: #f4f4f4;\n --xy-controls-button-color-default: inherit;\n --xy-controls-button-color-hover-default: inherit;\n --xy-controls-button-border-color-default: #eee;\n --xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, 0.08);\n\n --xy-edge-label-background-color-default: #ffffff;\n --xy-edge-label-color-default: inherit;\n --xy-resize-background-color-default: #3367d9;\n}\n.react-flow.dark {\n --xy-edge-stroke-default: #3e3e3e;\n --xy-edge-stroke-width-default: 1;\n --xy-edge-stroke-selected-default: #727272;\n\n --xy-connectionline-stroke-default: #b1b1b7;\n --xy-connectionline-stroke-width-default: 1;\n\n --xy-attribution-background-color-default: rgba(150, 150, 150, 0.25);\n\n --xy-minimap-background-color-default: #141414;\n --xy-minimap-mask-background-color-default: rgba(60, 60, 60, 0.6);\n --xy-minimap-mask-stroke-color-default: transparent;\n --xy-minimap-mask-stroke-width-default: 1;\n --xy-minimap-node-background-color-default: #2b2b2b;\n --xy-minimap-node-stroke-color-default: transparent;\n --xy-minimap-node-stroke-width-default: 2;\n\n --xy-background-color-default: #141414;\n --xy-background-pattern-dots-color-default: #777;\n --xy-background-pattern-lines-color-default: #777;\n --xy-background-pattern-cross-color-default: #777;\n --xy-node-color-default: #f8f8f8;\n --xy-node-border-default: 1px solid #3c3c3c;\n --xy-node-background-color-default: #1e1e1e;\n --xy-node-group-background-color-default: rgba(240, 240, 240, 0.25);\n --xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, 0.08);\n --xy-node-boxshadow-selected-default: 0 0 0 0.5px #999;\n\n --xy-handle-background-color-default: #bebebe;\n --xy-handle-border-color-default: #1e1e1e;\n\n --xy-selection-background-color-default: rgba(200, 200, 220, 0.08);\n --xy-selection-border-default: 1px dotted rgba(200, 200, 220, 0.8);\n\n --xy-controls-button-background-color-default: #2b2b2b;\n --xy-controls-button-background-color-hover-default: #3e3e3e;\n --xy-controls-button-color-default: #f8f8f8;\n --xy-controls-button-color-hover-default: #fff;\n --xy-controls-button-border-color-default: #5b5b5b;\n --xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, 0.08);\n\n --xy-edge-label-background-color-default: #141414;\n --xy-edge-label-color-default: #f8f8f8;\n}\n.react-flow__background {\n background-color: var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));\n pointer-events: none;\n z-index: -1;\n}\n.react-flow__container {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n}\n.react-flow__pane {\n z-index: 1;\n touch-action: none;\n}\n.react-flow__pane.draggable {\n cursor: grab;\n }\n.react-flow__pane.dragging {\n cursor: grabbing;\n }\n.react-flow__pane.selection {\n cursor: pointer;\n }\n.react-flow__viewport {\n transform-origin: 0 0;\n z-index: 2;\n pointer-events: none;\n}\n.react-flow__renderer {\n z-index: 4;\n}\n.react-flow__selection {\n z-index: 6;\n}\n.react-flow__nodesselection-rect:focus,\n.react-flow__nodesselection-rect:focus-visible {\n outline: none;\n}\n.react-flow__edge-path {\n stroke: var(--xy-edge-stroke, var(--xy-edge-stroke-default));\n stroke-width: var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));\n fill: none;\n}\n.react-flow__connection-path {\n stroke: var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));\n stroke-width: var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));\n fill: none;\n}\n.react-flow .react-flow__edges {\n position: absolute;\n}\n.react-flow .react-flow__edges svg {\n overflow: visible;\n position: absolute;\n pointer-events: none;\n }\n.react-flow__edge {\n pointer-events: visibleStroke;\n}\n.react-flow__edge.selectable {\n cursor: pointer;\n }\n.react-flow__edge.animated path {\n stroke-dasharray: 5;\n animation: dashdraw 0.5s linear infinite;\n }\n.react-flow__edge.animated path.react-flow__edge-interaction {\n stroke-dasharray: none;\n animation: none;\n }\n.react-flow__edge.inactive {\n pointer-events: none;\n }\n.react-flow__edge.selected,\n .react-flow__edge:focus,\n .react-flow__edge:focus-visible {\n outline: none;\n }\n.react-flow__edge.selected .react-flow__edge-path,\n .react-flow__edge.selectable:focus .react-flow__edge-path,\n .react-flow__edge.selectable:focus-visible .react-flow__edge-path {\n stroke: var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default));\n }\n.react-flow__edge-textwrapper {\n pointer-events: all;\n }\n.react-flow__edge .react-flow__edge-text {\n pointer-events: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n }\n/* Arrowhead marker styles - use CSS custom properties as default */\n.react-flow__arrowhead polyline {\n stroke: var(--xy-edge-stroke, var(--xy-edge-stroke-default));\n}\n.react-flow__arrowhead polyline.arrowclosed {\n fill: var(--xy-edge-stroke, var(--xy-edge-stroke-default));\n}\n.react-flow__connection {\n pointer-events: none;\n}\n.react-flow__connection .animated {\n stroke-dasharray: 5;\n animation: dashdraw 0.5s linear infinite;\n }\nsvg.react-flow__connectionline {\n z-index: 1001;\n overflow: visible;\n position: absolute;\n}\n.react-flow__nodes {\n pointer-events: none;\n transform-origin: 0 0;\n}\n.react-flow__node {\n position: absolute;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n pointer-events: all;\n transform-origin: 0 0;\n box-sizing: border-box;\n cursor: default;\n}\n.react-flow__node.selectable {\n cursor: pointer;\n }\n.react-flow__node.draggable {\n cursor: grab;\n pointer-events: all;\n }\n.react-flow__node.draggable.dragging {\n cursor: grabbing;\n }\n.react-flow__nodesselection {\n z-index: 3;\n transform-origin: left top;\n pointer-events: none;\n}\n.react-flow__nodesselection-rect {\n position: absolute;\n pointer-events: all;\n cursor: grab;\n }\n.react-flow__handle {\n position: absolute;\n pointer-events: none;\n min-width: 5px;\n min-height: 5px;\n width: 6px;\n height: 6px;\n background-color: var(--xy-handle-background-color, var(--xy-handle-background-color-default));\n border: 1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));\n border-radius: 100%;\n}\n.react-flow__handle.connectingfrom {\n pointer-events: all;\n }\n.react-flow__handle.connectionindicator {\n pointer-events: all;\n cursor: crosshair;\n }\n.react-flow__handle-bottom {\n top: auto;\n left: 50%;\n bottom: 0;\n transform: translate(-50%, 50%);\n }\n.react-flow__handle-top {\n top: 0;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n.react-flow__handle-left {\n top: 50%;\n left: 0;\n transform: translate(-50%, -50%);\n }\n.react-flow__handle-right {\n top: 50%;\n right: 0;\n transform: translate(50%, -50%);\n }\n.react-flow__edgeupdater {\n cursor: move;\n pointer-events: all;\n}\n.react-flow__pane.selection .react-flow__panel {\n pointer-events: none;\n}\n.react-flow__panel {\n position: absolute;\n z-index: 5;\n margin: 15px;\n}\n.react-flow__panel.top {\n top: 0;\n }\n.react-flow__panel.bottom {\n bottom: 0;\n }\n.react-flow__panel.top.center, .react-flow__panel.bottom.center {\n left: 50%;\n transform: translateX(-15px) translateX(-50%);\n }\n.react-flow__panel.left {\n left: 0;\n }\n.react-flow__panel.right {\n right: 0;\n }\n.react-flow__panel.left.center, .react-flow__panel.right.center {\n top: 50%;\n transform: translateY(-15px) translateY(-50%);\n }\n.react-flow__attribution {\n font-size: 10px;\n background: var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));\n padding: 2px 3px;\n margin: 0;\n}\n.react-flow__attribution a {\n text-decoration: none;\n color: #999;\n }\n@keyframes dashdraw {\n from {\n stroke-dashoffset: 10;\n }\n}\n.react-flow__edgelabel-renderer {\n position: absolute;\n width: 100%;\n height: 100%;\n pointer-events: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n left: 0;\n top: 0;\n}\n.react-flow__viewport-portal {\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0;\n top: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n.react-flow__minimap {\n background: var(\n --xy-minimap-background-color-props,\n var(--xy-minimap-background-color, var(--xy-minimap-background-color-default))\n );\n}\n.react-flow__minimap-svg {\n display: block;\n }\n.react-flow__minimap-mask {\n fill: var(\n --xy-minimap-mask-background-color-props,\n var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default))\n );\n stroke: var(\n --xy-minimap-mask-stroke-color-props,\n var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default))\n );\n stroke-width: var(\n --xy-minimap-mask-stroke-width-props,\n var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default))\n );\n }\n.react-flow__minimap-node {\n fill: var(\n --xy-minimap-node-background-color-props,\n var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default))\n );\n stroke: var(\n --xy-minimap-node-stroke-color-props,\n var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default))\n );\n stroke-width: var(\n --xy-minimap-node-stroke-width-props,\n var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default))\n );\n }\n.react-flow__background-pattern.dots {\n fill: var(\n --xy-background-pattern-color-props,\n var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default))\n );\n }\n.react-flow__background-pattern.lines {\n stroke: var(\n --xy-background-pattern-color-props,\n var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default))\n );\n }\n.react-flow__background-pattern.cross {\n stroke: var(\n --xy-background-pattern-color-props,\n var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default))\n );\n }\n.react-flow__controls {\n display: flex;\n flex-direction: column;\n box-shadow: var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default));\n}\n.react-flow__controls.horizontal {\n flex-direction: row;\n }\n.react-flow__controls-button {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 26px;\n width: 26px;\n padding: 4px;\n border: none;\n background: var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));\n border-bottom: 1px solid\n var(\n --xy-controls-button-border-color-props,\n var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default))\n );\n color: var(\n --xy-controls-button-color-props,\n var(--xy-controls-button-color, var(--xy-controls-button-color-default))\n );\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n }\n.react-flow__controls-button svg {\n width: 100%;\n max-width: 12px;\n max-height: 12px;\n fill: currentColor;\n }\n.react-flow__edge.updating .react-flow__edge-path {\n stroke: #777;\n }\n.react-flow__edge-text {\n font-size: 10px;\n }\n.react-flow__node.selectable:focus,\n .react-flow__node.selectable:focus-visible {\n outline: none;\n }\n.react-flow__node-input,\n.react-flow__node-default,\n.react-flow__node-output,\n.react-flow__node-group {\n padding: 10px;\n border-radius: var(--xy-node-border-radius, var(--xy-node-border-radius-default));\n width: 150px;\n font-size: 12px;\n color: var(--xy-node-color, var(--xy-node-color-default));\n text-align: center;\n border: var(--xy-node-border, var(--xy-node-border-default));\n background-color: var(--xy-node-background-color, var(--xy-node-background-color-default));\n}\n.react-flow__node-input.selectable:hover, .react-flow__node-default.selectable:hover, .react-flow__node-output.selectable:hover, .react-flow__node-group.selectable:hover {\n box-shadow: var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default));\n }\n.react-flow__node-input.selectable.selected,\n .react-flow__node-input.selectable:focus,\n .react-flow__node-input.selectable:focus-visible,\n .react-flow__node-default.selectable.selected,\n .react-flow__node-default.selectable:focus,\n .react-flow__node-default.selectable:focus-visible,\n .react-flow__node-output.selectable.selected,\n .react-flow__node-output.selectable:focus,\n .react-flow__node-output.selectable:focus-visible,\n .react-flow__node-group.selectable.selected,\n .react-flow__node-group.selectable:focus,\n .react-flow__node-group.selectable:focus-visible {\n box-shadow: var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default));\n }\n.react-flow__node-group {\n background-color: var(--xy-node-group-background-color, var(--xy-node-group-background-color-default));\n}\n.react-flow__nodesselection-rect,\n.react-flow__selection {\n background: var(--xy-selection-background-color, var(--xy-selection-background-color-default));\n border: var(--xy-selection-border, var(--xy-selection-border-default));\n}\n.react-flow__nodesselection-rect:focus,\n .react-flow__nodesselection-rect:focus-visible,\n .react-flow__selection:focus,\n .react-flow__selection:focus-visible {\n outline: none;\n }\n.react-flow__controls-button:hover {\n background: var(\n --xy-controls-button-background-color-hover-props,\n var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default))\n );\n color: var(\n --xy-controls-button-color-hover-props,\n var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default))\n );\n }\n.react-flow__controls-button:disabled {\n pointer-events: none;\n }\n.react-flow__controls-button:disabled svg {\n fill-opacity: 0.4;\n }\n.react-flow__controls-button:last-child {\n border-bottom: none;\n }\n.react-flow__controls.horizontal .react-flow__controls-button {\n border-bottom: none;\n border-right: 1px solid\n var(\n --xy-controls-button-border-color-props,\n var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default))\n );\n }\n.react-flow__controls.horizontal .react-flow__controls-button:last-child {\n border-right: none;\n }\n.react-flow__resize-control {\n position: absolute;\n}\n.react-flow__resize-control.left,\n.react-flow__resize-control.right {\n cursor: ew-resize;\n}\n.react-flow__resize-control.top,\n.react-flow__resize-control.bottom {\n cursor: ns-resize;\n}\n.react-flow__resize-control.top.left,\n.react-flow__resize-control.bottom.right {\n cursor: nwse-resize;\n}\n.react-flow__resize-control.bottom.left,\n.react-flow__resize-control.top.right {\n cursor: nesw-resize;\n}\n/* handle styles */\n.react-flow__resize-control.handle {\n width: 5px;\n height: 5px;\n border: 1px solid #fff;\n border-radius: 1px;\n background-color: var(--xy-resize-background-color, var(--xy-resize-background-color-default));\n translate: -50% -50%;\n}\n.react-flow__resize-control.handle.left {\n left: 0;\n top: 50%;\n}\n.react-flow__resize-control.handle.right {\n left: 100%;\n top: 50%;\n}\n.react-flow__resize-control.handle.top {\n left: 50%;\n top: 0;\n}\n.react-flow__resize-control.handle.bottom {\n left: 50%;\n top: 100%;\n}\n.react-flow__resize-control.handle.top.left {\n left: 0;\n}\n.react-flow__resize-control.handle.bottom.left {\n left: 0;\n}\n.react-flow__resize-control.handle.top.right {\n left: 100%;\n}\n.react-flow__resize-control.handle.bottom.right {\n left: 100%;\n}\n/* line styles */\n.react-flow__resize-control.line {\n border-color: var(--xy-resize-background-color, var(--xy-resize-background-color-default));\n border-width: 0;\n border-style: solid;\n}\n.react-flow__resize-control.line.left,\n.react-flow__resize-control.line.right {\n width: 1px;\n transform: translate(-50%, 0);\n top: 0;\n height: 100%;\n}\n.react-flow__resize-control.line.left {\n left: 0;\n border-left-width: 1px;\n}\n.react-flow__resize-control.line.right {\n left: 100%;\n border-right-width: 1px;\n}\n.react-flow__resize-control.line.top,\n.react-flow__resize-control.line.bottom {\n height: 1px;\n transform: translate(0, -50%);\n left: 0;\n width: 100%;\n}\n.react-flow__resize-control.line.top {\n top: 0;\n border-top-width: 1px;\n}\n.react-flow__resize-control.line.bottom {\n border-bottom-width: 1px;\n top: 100%;\n}\n.react-flow__edge-textbg {\n fill: var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default));\n}\n.react-flow__edge-text {\n fill: var(--xy-edge-label-color, var(--xy-edge-label-color-default));\n}\n"],"mappings":"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","names":[]}
@@ -0,0 +1,25 @@
1
+ export { F as FlowNodeStatus, a as FlowViewer, b as FlowViewerClassNames, c as FlowViewerProps } from './FlowViewer-nLqo7s2E.cjs';
2
+ import 'react';
3
+ import './types-sOmpCitB.cjs';
4
+ import '@xyflow/react';
5
+
6
+ /**
7
+ * Register fancy-flow's components with fancy-screens, so an agent-emitted
8
+ * `ScreenSchema` can place a workflow in a page:
9
+ *
10
+ * ```json
11
+ * { "type": "FlowViewer", "props": { "graph": { "nodes": [], "edges": [] } } }
12
+ * ```
13
+ *
14
+ * Call once at host startup.
15
+ *
16
+ * **Only the VIEWER is registered, deliberately.** A schema is JSON an agent
17
+ * emits, and `FlowEditor` needs executors, run handlers and controlled state
18
+ * that cannot be expressed as JSON props — registering it would let an agent
19
+ * emit an editor that renders but does nothing, which is worse than not
20
+ * offering it. The viewer is complete from props alone, which is exactly what
21
+ * makes it schema-safe.
22
+ */
23
+ declare function registerFlowSchema(): void;
24
+
25
+ export { registerFlowSchema };
@@ -0,0 +1,25 @@
1
+ export { F as FlowNodeStatus, a as FlowViewer, b as FlowViewerClassNames, c as FlowViewerProps } from './FlowViewer-C4QAVgWv.js';
2
+ import 'react';
3
+ import './types-sOmpCitB.js';
4
+ import '@xyflow/react';
5
+
6
+ /**
7
+ * Register fancy-flow's components with fancy-screens, so an agent-emitted
8
+ * `ScreenSchema` can place a workflow in a page:
9
+ *
10
+ * ```json
11
+ * { "type": "FlowViewer", "props": { "graph": { "nodes": [], "edges": [] } } }
12
+ * ```
13
+ *
14
+ * Call once at host startup.
15
+ *
16
+ * **Only the VIEWER is registered, deliberately.** A schema is JSON an agent
17
+ * emits, and `FlowEditor` needs executors, run handlers and controlled state
18
+ * that cannot be expressed as JSON props — registering it would let an agent
19
+ * emit an editor that renders but does nothing, which is worse than not
20
+ * offering it. The viewer is complete from props alone, which is exactly what
21
+ * makes it schema-safe.
22
+ */
23
+ declare function registerFlowSchema(): void;
24
+
25
+ export { registerFlowSchema };