@syntrologie/runtime-sdk 1.0.1-canary.3 → 2.0.0-canary.1

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 (122) hide show
  1. package/CAPABILITIES.md +630 -463
  2. package/README.md +285 -62
  3. package/dist/RuntimeProvider.d.ts +51 -0
  4. package/dist/RuntimeProvider.js +114 -0
  5. package/dist/RuntimeProvider.js.map +1 -0
  6. package/dist/SmartCanvasApp.d.ts +9 -3
  7. package/dist/SmartCanvasApp.js +36 -38
  8. package/dist/SmartCanvasApp.js.map +1 -1
  9. package/dist/actions/ActionEngine.d.ts +11 -0
  10. package/dist/actions/ActionEngine.js +274 -0
  11. package/dist/actions/ActionEngine.js.map +1 -0
  12. package/dist/actions/executors/index.d.ts +118 -0
  13. package/dist/actions/executors/index.js +242 -0
  14. package/dist/actions/executors/index.js.map +1 -0
  15. package/dist/actions/executors/tour.d.ts +18 -0
  16. package/dist/actions/executors/tour.js +332 -0
  17. package/dist/actions/executors/tour.js.map +1 -0
  18. package/dist/actions/index.d.ts +10 -0
  19. package/dist/actions/index.js +12 -0
  20. package/dist/actions/index.js.map +1 -0
  21. package/dist/actions/types.d.ts +399 -0
  22. package/dist/actions/types.js +8 -0
  23. package/dist/actions/types.js.map +1 -0
  24. package/dist/actions/validation.d.ts +14 -0
  25. package/dist/actions/validation.js +603 -0
  26. package/dist/actions/validation.js.map +1 -0
  27. package/dist/api.d.ts +32 -18
  28. package/dist/api.js +56 -39
  29. package/dist/api.js.map +1 -1
  30. package/dist/apps/AppContext.d.ts +31 -0
  31. package/dist/apps/AppContext.js +93 -0
  32. package/dist/apps/AppContext.js.map +1 -0
  33. package/dist/apps/AppLoader.d.ts +84 -0
  34. package/dist/apps/AppLoader.js +250 -0
  35. package/dist/apps/AppLoader.js.map +1 -0
  36. package/dist/apps/AppRegistry.d.ts +102 -0
  37. package/dist/apps/AppRegistry.js +317 -0
  38. package/dist/apps/AppRegistry.js.map +1 -0
  39. package/dist/apps/examples/gamification-app.example.d.ts +305 -0
  40. package/dist/apps/examples/gamification-app.example.js +329 -0
  41. package/dist/apps/examples/gamification-app.example.js.map +1 -0
  42. package/dist/apps/index.d.ts +18 -0
  43. package/dist/apps/index.js +26 -0
  44. package/dist/apps/index.js.map +1 -0
  45. package/dist/apps/types.d.ts +231 -0
  46. package/dist/apps/types.js +8 -0
  47. package/dist/apps/types.js.map +1 -0
  48. package/dist/bootstrap.d.ts +24 -0
  49. package/dist/bootstrap.js +133 -33
  50. package/dist/bootstrap.js.map +1 -1
  51. package/dist/components/ShadowCanvasOverlay.js +36 -9
  52. package/dist/components/ShadowCanvasOverlay.js.map +1 -1
  53. package/dist/components/TileCard.js +37 -18
  54. package/dist/components/TileCard.js.map +1 -1
  55. package/dist/context/schema.d.ts +16 -16
  56. package/dist/decisions/schema.d.ts +96 -96
  57. package/dist/earlyPatcher.d.ts +8 -20
  58. package/dist/earlyPatcher.js +13 -62
  59. package/dist/earlyPatcher.js.map +1 -1
  60. package/dist/editorLoader.d.ts +2 -0
  61. package/dist/editorLoader.js +46 -7
  62. package/dist/editorLoader.js.map +1 -1
  63. package/dist/events/normalizers/posthog.d.ts +24 -0
  64. package/dist/events/normalizers/posthog.js.map +1 -1
  65. package/dist/events/schema.d.ts +8 -8
  66. package/dist/events/types.d.ts +6 -0
  67. package/dist/events/types.js +8 -0
  68. package/dist/events/types.js.map +1 -1
  69. package/dist/hooks/useCanvasOverlays.d.ts +4 -1
  70. package/dist/hooks/useCanvasOverlays.js +53 -6
  71. package/dist/hooks/useCanvasOverlays.js.map +1 -1
  72. package/dist/hooks/useShadowCanvasConfig.d.ts +3 -7
  73. package/dist/hooks/useShadowCanvasConfig.js +2 -3
  74. package/dist/hooks/useShadowCanvasConfig.js.map +1 -1
  75. package/dist/index.d.ts +5 -0
  76. package/dist/index.js +10 -0
  77. package/dist/index.js.map +1 -1
  78. package/dist/overlays/schema.d.ts +153 -153
  79. package/dist/runtime.d.ts +24 -0
  80. package/dist/runtime.js +75 -1
  81. package/dist/runtime.js.map +1 -1
  82. package/dist/smart-canvas.esm.js +162 -55
  83. package/dist/smart-canvas.esm.js.map +4 -4
  84. package/dist/smart-canvas.js +21133 -17957
  85. package/dist/smart-canvas.js.map +4 -4
  86. package/dist/smart-canvas.min.js +162 -55
  87. package/dist/smart-canvas.min.js.map +4 -4
  88. package/dist/store/example.d.ts +1 -0
  89. package/dist/store/example.js +43 -0
  90. package/dist/store/example.js.map +1 -0
  91. package/dist/store/mini-effector.d.ts +46 -0
  92. package/dist/store/mini-effector.js +90 -0
  93. package/dist/store/mini-effector.js.map +1 -0
  94. package/dist/surfaces/Surfaces.d.ts +11 -0
  95. package/dist/surfaces/Surfaces.js +361 -0
  96. package/dist/surfaces/Surfaces.js.map +1 -0
  97. package/dist/surfaces/index.d.ts +9 -0
  98. package/dist/surfaces/index.js +12 -0
  99. package/dist/surfaces/index.js.map +1 -0
  100. package/dist/surfaces/positioning.d.ts +50 -0
  101. package/dist/surfaces/positioning.js +231 -0
  102. package/dist/surfaces/positioning.js.map +1 -0
  103. package/dist/surfaces/types.d.ts +167 -0
  104. package/dist/surfaces/types.js +23 -0
  105. package/dist/surfaces/types.js.map +1 -0
  106. package/dist/telemetry/adapters/posthog.d.ts +6 -0
  107. package/dist/telemetry/adapters/posthog.js +9 -0
  108. package/dist/telemetry/adapters/posthog.js.map +1 -1
  109. package/dist/types-only.d.ts +32 -0
  110. package/dist/types-only.js +11 -0
  111. package/dist/types-only.js.map +1 -0
  112. package/dist/types.d.ts +26 -14
  113. package/dist/types.js +1 -1
  114. package/dist/types.js.map +1 -1
  115. package/dist/widgets/WidgetRegistry.d.ts +139 -0
  116. package/dist/widgets/WidgetRegistry.js +182 -0
  117. package/dist/widgets/WidgetRegistry.js.map +1 -0
  118. package/dist/widgets/index.d.ts +7 -0
  119. package/dist/widgets/index.js +7 -0
  120. package/dist/widgets/index.js.map +1 -0
  121. package/package.json +13 -3
  122. package/schema/canvas-config.schema.json +444 -254
package/dist/overlays/schema.d.ts CHANGED
@@ -15,11 +15,11 @@ export declare const SelectorZ: z.ZodUnion<[z.ZodObject<{
15
15
  type: z.ZodLiteral<"css">;
16
16
  value: z.ZodString;
17
17
  }, "strip", z.ZodTypeAny, {
18
- type: "css";
19
18
  value: string;
20
- }, {
21
19
  type: "css";
20
+ }, {
22
21
  value: string;
22
+ type: "css";
23
23
  }>, z.ZodObject<{
24
24
  type: z.ZodLiteral<"aria">;
25
25
  role: z.ZodOptional<z.ZodString>;
@@ -36,11 +36,11 @@ export declare const SelectorZ: z.ZodUnion<[z.ZodObject<{
36
36
  type: z.ZodLiteral<"shadow-css">;
37
37
  value: z.ZodString;
38
38
  }, "strip", z.ZodTypeAny, {
39
- type: "shadow-css";
40
39
  value: string;
41
- }, {
42
40
  type: "shadow-css";
41
+ }, {
43
42
  value: string;
43
+ type: "shadow-css";
44
44
  }>, z.ZodObject<{
45
45
  type: z.ZodLiteral<"ref">;
46
46
  el: z.ZodAny;
@@ -70,11 +70,11 @@ export declare const TooltipStepZ: z.ZodObject<{
70
70
  type: z.ZodLiteral<"css">;
71
71
  value: z.ZodString;
72
72
  }, "strip", z.ZodTypeAny, {
73
- type: "css";
74
73
  value: string;
75
- }, {
76
74
  type: "css";
75
+ }, {
77
76
  value: string;
77
+ type: "css";
78
78
  }>, z.ZodObject<{
79
79
  type: z.ZodLiteral<"aria">;
80
80
  role: z.ZodOptional<z.ZodString>;
@@ -91,11 +91,11 @@ export declare const TooltipStepZ: z.ZodObject<{
91
91
  type: z.ZodLiteral<"shadow-css">;
92
92
  value: z.ZodString;
93
93
  }, "strip", z.ZodTypeAny, {
94
- type: "shadow-css";
95
94
  value: string;
96
- }, {
97
95
  type: "shadow-css";
96
+ }, {
98
97
  value: string;
98
+ type: "shadow-css";
99
99
  }>, z.ZodObject<{
100
100
  type: z.ZodLiteral<"ref">;
101
101
  el: z.ZodAny;
@@ -134,73 +134,73 @@ export declare const TooltipStepZ: z.ZodObject<{
134
134
  timeoutMs?: number | undefined;
135
135
  }>>;
136
136
  }, "strip", z.ZodTypeAny, {
137
+ kind: "tooltip";
138
+ content: {
139
+ body: string;
140
+ title?: string | undefined;
141
+ };
142
+ id: string;
137
143
  anchor: {
138
144
  type: "data";
139
145
  key: string;
140
146
  value?: string | undefined;
141
147
  } | {
142
- type: "css";
143
148
  value: string;
149
+ type: "css";
144
150
  } | {
145
151
  type: "aria";
146
152
  label?: string | undefined;
147
153
  role?: string | undefined;
148
154
  } | {
149
- type: "shadow-css";
150
155
  value: string;
156
+ type: "shadow-css";
151
157
  } | {
152
158
  type: "ref";
153
159
  el?: any;
154
160
  };
155
- kind: "tooltip";
156
- id: string;
157
- content: {
158
- body: string;
159
- title?: string | undefined;
160
- };
161
- placement?: "top" | "bottom" | "left" | "right" | "auto" | undefined;
162
- offsetPx?: number | undefined;
163
- blocking?: boolean | undefined;
164
161
  trigger?: "immediate" | "hover" | "click" | undefined;
162
+ placement?: "top" | "right" | "bottom" | "left" | "auto" | undefined;
163
+ blocking?: boolean | undefined;
165
164
  dismiss?: {
166
165
  onEsc?: boolean | undefined;
167
166
  closeButton?: boolean | undefined;
168
167
  timeoutMs?: number | undefined;
169
168
  } | undefined;
169
+ offsetPx?: number | undefined;
170
170
  }, {
171
+ kind: "tooltip";
172
+ content: {
173
+ body: string;
174
+ title?: string | undefined;
175
+ };
176
+ id: string;
171
177
  anchor: {
172
178
  type: "data";
173
179
  key: string;
174
180
  value?: string | undefined;
175
181
  } | {
176
- type: "css";
177
182
  value: string;
183
+ type: "css";
178
184
  } | {
179
185
  type: "aria";
180
186
  label?: string | undefined;
181
187
  role?: string | undefined;
182
188
  } | {
183
- type: "shadow-css";
184
189
  value: string;
190
+ type: "shadow-css";
185
191
  } | {
186
192
  type: "ref";
187
193
  el?: any;
188
194
  };
189
- kind: "tooltip";
190
- id: string;
191
- content: {
192
- body: string;
193
- title?: string | undefined;
194
- };
195
- placement?: "top" | "bottom" | "left" | "right" | "auto" | undefined;
196
- offsetPx?: number | undefined;
197
- blocking?: boolean | undefined;
198
195
  trigger?: "immediate" | "hover" | "click" | undefined;
196
+ placement?: "top" | "right" | "bottom" | "left" | "auto" | undefined;
197
+ blocking?: boolean | undefined;
199
198
  dismiss?: {
200
199
  onEsc?: boolean | undefined;
201
200
  closeButton?: boolean | undefined;
202
201
  timeoutMs?: number | undefined;
203
202
  } | undefined;
203
+ offsetPx?: number | undefined;
204
204
  }>;
205
205
  export declare const HighlightStepZ: z.ZodObject<{
206
206
  kind: z.ZodLiteral<"highlight">;
@@ -221,11 +221,11 @@ export declare const HighlightStepZ: z.ZodObject<{
221
221
  type: z.ZodLiteral<"css">;
222
222
  value: z.ZodString;
223
223
  }, "strip", z.ZodTypeAny, {
224
- type: "css";
225
224
  value: string;
226
- }, {
227
225
  type: "css";
226
+ }, {
228
227
  value: string;
228
+ type: "css";
229
229
  }>, z.ZodObject<{
230
230
  type: z.ZodLiteral<"aria">;
231
231
  role: z.ZodOptional<z.ZodString>;
@@ -242,11 +242,11 @@ export declare const HighlightStepZ: z.ZodObject<{
242
242
  type: z.ZodLiteral<"shadow-css">;
243
243
  value: z.ZodString;
244
244
  }, "strip", z.ZodTypeAny, {
245
- type: "shadow-css";
246
245
  value: string;
247
- }, {
248
246
  type: "shadow-css";
247
+ }, {
249
248
  value: string;
249
+ type: "shadow-css";
250
250
  }>, z.ZodObject<{
251
251
  type: z.ZodLiteral<"ref">;
252
252
  el: z.ZodAny;
@@ -291,76 +291,76 @@ export declare const HighlightStepZ: z.ZodObject<{
291
291
  onClickOutside?: boolean | undefined;
292
292
  }>>;
293
293
  }, "strip", z.ZodTypeAny, {
294
+ kind: "highlight";
295
+ id: string;
294
296
  anchor: {
295
297
  type: "data";
296
298
  key: string;
297
299
  value?: string | undefined;
298
300
  } | {
299
- type: "css";
300
301
  value: string;
302
+ type: "css";
301
303
  } | {
302
304
  type: "aria";
303
305
  label?: string | undefined;
304
306
  role?: string | undefined;
305
307
  } | {
306
- type: "shadow-css";
307
308
  value: string;
309
+ type: "shadow-css";
308
310
  } | {
309
311
  type: "ref";
310
312
  el?: any;
311
313
  };
312
- kind: "highlight";
313
- id: string;
314
- copy?: string | undefined;
315
314
  blocking?: boolean | undefined;
315
+ scrim?: {
316
+ opacity?: number | undefined;
317
+ } | undefined;
316
318
  dismiss?: {
317
319
  onEsc?: boolean | undefined;
318
320
  timeoutMs?: number | undefined;
319
321
  onClickOutside?: boolean | undefined;
320
322
  } | undefined;
323
+ copy?: string | undefined;
321
324
  ring?: {
322
325
  paddingPx?: number | undefined;
323
326
  radiusPx?: number | undefined;
324
327
  } | undefined;
325
- scrim?: {
326
- opacity?: number | undefined;
327
- } | undefined;
328
328
  ringColor?: string | undefined;
329
329
  }, {
330
+ kind: "highlight";
331
+ id: string;
330
332
  anchor: {
331
333
  type: "data";
332
334
  key: string;
333
335
  value?: string | undefined;
334
336
  } | {
335
- type: "css";
336
337
  value: string;
338
+ type: "css";
337
339
  } | {
338
340
  type: "aria";
339
341
  label?: string | undefined;
340
342
  role?: string | undefined;
341
343
  } | {
342
- type: "shadow-css";
343
344
  value: string;
345
+ type: "shadow-css";
344
346
  } | {
345
347
  type: "ref";
346
348
  el?: any;
347
349
  };
348
- kind: "highlight";
349
- id: string;
350
- copy?: string | undefined;
351
350
  blocking?: boolean | undefined;
351
+ scrim?: {
352
+ opacity?: number | undefined;
353
+ } | undefined;
352
354
  dismiss?: {
353
355
  onEsc?: boolean | undefined;
354
356
  timeoutMs?: number | undefined;
355
357
  onClickOutside?: boolean | undefined;
356
358
  } | undefined;
359
+ copy?: string | undefined;
357
360
  ring?: {
358
361
  paddingPx?: number | undefined;
359
362
  radiusPx?: number | undefined;
360
363
  } | undefined;
361
- scrim?: {
362
- opacity?: number | undefined;
363
- } | undefined;
364
364
  ringColor?: string | undefined;
365
365
  }>;
366
366
  export declare const CanvasRecipeZ: z.ZodObject<{
@@ -386,11 +386,11 @@ export declare const CanvasRecipeZ: z.ZodObject<{
386
386
  type: z.ZodLiteral<"css">;
387
387
  value: z.ZodString;
388
388
  }, "strip", z.ZodTypeAny, {
389
- type: "css";
390
389
  value: string;
391
- }, {
392
390
  type: "css";
391
+ }, {
393
392
  value: string;
393
+ type: "css";
394
394
  }>, z.ZodObject<{
395
395
  type: z.ZodLiteral<"aria">;
396
396
  role: z.ZodOptional<z.ZodString>;
@@ -407,11 +407,11 @@ export declare const CanvasRecipeZ: z.ZodObject<{
407
407
  type: z.ZodLiteral<"shadow-css">;
408
408
  value: z.ZodString;
409
409
  }, "strip", z.ZodTypeAny, {
410
- type: "shadow-css";
411
410
  value: string;
412
- }, {
413
411
  type: "shadow-css";
412
+ }, {
414
413
  value: string;
414
+ type: "shadow-css";
415
415
  }>, z.ZodObject<{
416
416
  type: z.ZodLiteral<"ref">;
417
417
  el: z.ZodAny;
@@ -450,73 +450,73 @@ export declare const CanvasRecipeZ: z.ZodObject<{
450
450
  timeoutMs?: number | undefined;
451
451
  }>>;
452
452
  }, "strip", z.ZodTypeAny, {
453
+ kind: "tooltip";
454
+ content: {
455
+ body: string;
456
+ title?: string | undefined;
457
+ };
458
+ id: string;
453
459
  anchor: {
454
460
  type: "data";
455
461
  key: string;
456
462
  value?: string | undefined;
457
463
  } | {
458
- type: "css";
459
464
  value: string;
465
+ type: "css";
460
466
  } | {
461
467
  type: "aria";
462
468
  label?: string | undefined;
463
469
  role?: string | undefined;
464
470
  } | {
465
- type: "shadow-css";
466
471
  value: string;
472
+ type: "shadow-css";
467
473
  } | {
468
474
  type: "ref";
469
475
  el?: any;
470
476
  };
471
- kind: "tooltip";
472
- id: string;
473
- content: {
474
- body: string;
475
- title?: string | undefined;
476
- };
477
- placement?: "top" | "bottom" | "left" | "right" | "auto" | undefined;
478
- offsetPx?: number | undefined;
479
- blocking?: boolean | undefined;
480
477
  trigger?: "immediate" | "hover" | "click" | undefined;
478
+ placement?: "top" | "right" | "bottom" | "left" | "auto" | undefined;
479
+ blocking?: boolean | undefined;
481
480
  dismiss?: {
482
481
  onEsc?: boolean | undefined;
483
482
  closeButton?: boolean | undefined;
484
483
  timeoutMs?: number | undefined;
485
484
  } | undefined;
485
+ offsetPx?: number | undefined;
486
486
  }, {
487
+ kind: "tooltip";
488
+ content: {
489
+ body: string;
490
+ title?: string | undefined;
491
+ };
492
+ id: string;
487
493
  anchor: {
488
494
  type: "data";
489
495
  key: string;
490
496
  value?: string | undefined;
491
497
  } | {
492
- type: "css";
493
498
  value: string;
499
+ type: "css";
494
500
  } | {
495
501
  type: "aria";
496
502
  label?: string | undefined;
497
503
  role?: string | undefined;
498
504
  } | {
499
- type: "shadow-css";
500
505
  value: string;
506
+ type: "shadow-css";
501
507
  } | {
502
508
  type: "ref";
503
509
  el?: any;
504
510
  };
505
- kind: "tooltip";
506
- id: string;
507
- content: {
508
- body: string;
509
- title?: string | undefined;
510
- };
511
- placement?: "top" | "bottom" | "left" | "right" | "auto" | undefined;
512
- offsetPx?: number | undefined;
513
- blocking?: boolean | undefined;
514
511
  trigger?: "immediate" | "hover" | "click" | undefined;
512
+ placement?: "top" | "right" | "bottom" | "left" | "auto" | undefined;
513
+ blocking?: boolean | undefined;
515
514
  dismiss?: {
516
515
  onEsc?: boolean | undefined;
517
516
  closeButton?: boolean | undefined;
518
517
  timeoutMs?: number | undefined;
519
518
  } | undefined;
519
+ offsetPx?: number | undefined;
520
520
  }>, z.ZodObject<{
521
521
  kind: z.ZodLiteral<"highlight">;
522
522
  id: z.ZodString;
@@ -536,11 +536,11 @@ export declare const CanvasRecipeZ: z.ZodObject<{
536
536
  type: z.ZodLiteral<"css">;
537
537
  value: z.ZodString;
538
538
  }, "strip", z.ZodTypeAny, {
539
- type: "css";
540
539
  value: string;
541
- }, {
542
540
  type: "css";
541
+ }, {
543
542
  value: string;
543
+ type: "css";
544
544
  }>, z.ZodObject<{
545
545
  type: z.ZodLiteral<"aria">;
546
546
  role: z.ZodOptional<z.ZodString>;
@@ -557,11 +557,11 @@ export declare const CanvasRecipeZ: z.ZodObject<{
557
557
  type: z.ZodLiteral<"shadow-css">;
558
558
  value: z.ZodString;
559
559
  }, "strip", z.ZodTypeAny, {
560
- type: "shadow-css";
561
560
  value: string;
562
- }, {
563
561
  type: "shadow-css";
562
+ }, {
564
563
  value: string;
564
+ type: "shadow-css";
565
565
  }>, z.ZodObject<{
566
566
  type: z.ZodLiteral<"ref">;
567
567
  el: z.ZodAny;
@@ -606,148 +606,148 @@ export declare const CanvasRecipeZ: z.ZodObject<{
606
606
  onClickOutside?: boolean | undefined;
607
607
  }>>;
608
608
  }, "strip", z.ZodTypeAny, {
609
+ kind: "highlight";
610
+ id: string;
609
611
  anchor: {
610
612
  type: "data";
611
613
  key: string;
612
614
  value?: string | undefined;
613
615
  } | {
614
- type: "css";
615
616
  value: string;
617
+ type: "css";
616
618
  } | {
617
619
  type: "aria";
618
620
  label?: string | undefined;
619
621
  role?: string | undefined;
620
622
  } | {
621
- type: "shadow-css";
622
623
  value: string;
624
+ type: "shadow-css";
623
625
  } | {
624
626
  type: "ref";
625
627
  el?: any;
626
628
  };
627
- kind: "highlight";
628
- id: string;
629
- copy?: string | undefined;
630
629
  blocking?: boolean | undefined;
630
+ scrim?: {
631
+ opacity?: number | undefined;
632
+ } | undefined;
631
633
  dismiss?: {
632
634
  onEsc?: boolean | undefined;
633
635
  timeoutMs?: number | undefined;
634
636
  onClickOutside?: boolean | undefined;
635
637
  } | undefined;
638
+ copy?: string | undefined;
636
639
  ring?: {
637
640
  paddingPx?: number | undefined;
638
641
  radiusPx?: number | undefined;
639
642
  } | undefined;
640
- scrim?: {
641
- opacity?: number | undefined;
642
- } | undefined;
643
643
  ringColor?: string | undefined;
644
644
  }, {
645
+ kind: "highlight";
646
+ id: string;
645
647
  anchor: {
646
648
  type: "data";
647
649
  key: string;
648
650
  value?: string | undefined;
649
651
  } | {
650
- type: "css";
651
652
  value: string;
653
+ type: "css";
652
654
  } | {
653
655
  type: "aria";
654
656
  label?: string | undefined;
655
657
  role?: string | undefined;
656
658
  } | {
657
- type: "shadow-css";
658
659
  value: string;
660
+ type: "shadow-css";
659
661
  } | {
660
662
  type: "ref";
661
663
  el?: any;
662
664
  };
663
- kind: "highlight";
664
- id: string;
665
- copy?: string | undefined;
666
665
  blocking?: boolean | undefined;
666
+ scrim?: {
667
+ opacity?: number | undefined;
668
+ } | undefined;
667
669
  dismiss?: {
668
670
  onEsc?: boolean | undefined;
669
671
  timeoutMs?: number | undefined;
670
672
  onClickOutside?: boolean | undefined;
671
673
  } | undefined;
674
+ copy?: string | undefined;
672
675
  ring?: {
673
676
  paddingPx?: number | undefined;
674
677
  radiusPx?: number | undefined;
675
678
  } | undefined;
676
- scrim?: {
677
- opacity?: number | undefined;
678
- } | undefined;
679
679
  ringColor?: string | undefined;
680
680
  }>]>, "many">;
681
681
  }, "strip", z.ZodTypeAny, {
682
682
  steps: ({
683
+ kind: "tooltip";
684
+ content: {
685
+ body: string;
686
+ title?: string | undefined;
687
+ };
688
+ id: string;
683
689
  anchor: {
684
690
  type: "data";
685
691
  key: string;
686
692
  value?: string | undefined;
687
693
  } | {
688
- type: "css";
689
694
  value: string;
695
+ type: "css";
690
696
  } | {
691
697
  type: "aria";
692
698
  label?: string | undefined;
693
699
  role?: string | undefined;
694
700
  } | {
695
- type: "shadow-css";
696
701
  value: string;
702
+ type: "shadow-css";
697
703
  } | {
698
704
  type: "ref";
699
705
  el?: any;
700
706
  };
701
- kind: "tooltip";
702
- id: string;
703
- content: {
704
- body: string;
705
- title?: string | undefined;
706
- };
707
- placement?: "top" | "bottom" | "left" | "right" | "auto" | undefined;
708
- offsetPx?: number | undefined;
709
- blocking?: boolean | undefined;
710
707
  trigger?: "immediate" | "hover" | "click" | undefined;
708
+ placement?: "top" | "right" | "bottom" | "left" | "auto" | undefined;
709
+ blocking?: boolean | undefined;
711
710
  dismiss?: {
712
711
  onEsc?: boolean | undefined;
713
712
  closeButton?: boolean | undefined;
714
713
  timeoutMs?: number | undefined;
715
714
  } | undefined;
715
+ offsetPx?: number | undefined;
716
716
  } | {
717
+ kind: "highlight";
718
+ id: string;
717
719
  anchor: {
718
720
  type: "data";
719
721
  key: string;
720
722
  value?: string | undefined;
721
723
  } | {
722
- type: "css";
723
724
  value: string;
725
+ type: "css";
724
726
  } | {
725
727
  type: "aria";
726
728
  label?: string | undefined;
727
729
  role?: string | undefined;
728
730
  } | {
729
- type: "shadow-css";
730
731
  value: string;
732
+ type: "shadow-css";
731
733
  } | {
732
734
  type: "ref";
733
735
  el?: any;
734
736
  };
735
- kind: "highlight";
736
- id: string;
737
- copy?: string | undefined;
738
737
  blocking?: boolean | undefined;
738
+ scrim?: {
739
+ opacity?: number | undefined;
740
+ } | undefined;
739
741
  dismiss?: {
740
742
  onEsc?: boolean | undefined;
741
743
  timeoutMs?: number | undefined;
742
744
  onClickOutside?: boolean | undefined;
743
745
  } | undefined;
746
+ copy?: string | undefined;
744
747
  ring?: {
745
748
  paddingPx?: number | undefined;
746
749
  radiusPx?: number | undefined;
747
750
  } | undefined;
748
- scrim?: {
749
- opacity?: number | undefined;
750
- } | undefined;
751
751
  ringColor?: string | undefined;
752
752
  })[];
753
753
  id: string;
@@ -755,74 +755,74 @@ export declare const CanvasRecipeZ: z.ZodObject<{
755
755
  routes?: string[] | undefined;
756
756
  }, {
757
757
  steps: ({
758
+ kind: "tooltip";
759
+ content: {
760
+ body: string;
761
+ title?: string | undefined;
762
+ };
763
+ id: string;
758
764
  anchor: {
759
765
  type: "data";
760
766
  key: string;
761
767
  value?: string | undefined;
762
768
  } | {
763
- type: "css";
764
769
  value: string;
770
+ type: "css";
765
771
  } | {
766
772
  type: "aria";
767
773
  label?: string | undefined;
768
774
  role?: string | undefined;
769
775
  } | {
770
- type: "shadow-css";
771
776
  value: string;
777
+ type: "shadow-css";
772
778
  } | {
773
779
  type: "ref";
774
780
  el?: any;
775
781
  };
776
- kind: "tooltip";
777
- id: string;
778
- content: {
779
- body: string;
780
- title?: string | undefined;
781
- };
782
- placement?: "top" | "bottom" | "left" | "right" | "auto" | undefined;
783
- offsetPx?: number | undefined;
784
- blocking?: boolean | undefined;
785
782
  trigger?: "immediate" | "hover" | "click" | undefined;
783
+ placement?: "top" | "right" | "bottom" | "left" | "auto" | undefined;
784
+ blocking?: boolean | undefined;
786
785
  dismiss?: {
787
786
  onEsc?: boolean | undefined;
788
787
  closeButton?: boolean | undefined;
789
788
  timeoutMs?: number | undefined;
790
789
  } | undefined;
790
+ offsetPx?: number | undefined;
791
791
  } | {
792
+ kind: "highlight";
793
+ id: string;
792
794
  anchor: {
793
795
  type: "data";
794
796
  key: string;
795
797
  value?: string | undefined;
796
798
  } | {
797
- type: "css";
798
799
  value: string;
800
+ type: "css";
799
801
  } | {
800
802
  type: "aria";
801
803
  label?: string | undefined;
802
804
  role?: string | undefined;
803
805
  } | {
804
- type: "shadow-css";
805
806
  value: string;
807
+ type: "shadow-css";
806
808
  } | {
807
809
  type: "ref";
808
810
  el?: any;
809
811
  };
810
- kind: "highlight";
811
- id: string;
812
- copy?: string | undefined;
813
812
  blocking?: boolean | undefined;
813
+ scrim?: {
814
+ opacity?: number | undefined;
815
+ } | undefined;
814
816
  dismiss?: {
815
817
  onEsc?: boolean | undefined;
816
818
  timeoutMs?: number | undefined;
817
819
  onClickOutside?: boolean | undefined;
818
820
  } | undefined;
821
+ copy?: string | undefined;
819
822
  ring?: {
820
823
  paddingPx?: number | undefined;
821
824
  radiusPx?: number | undefined;
822
825
  } | undefined;
823
- scrim?: {
824
- opacity?: number | undefined;
825
- } | undefined;
826
826
  ringColor?: string | undefined;
827
827
  })[];
828
828
  id: string;
@@ -831,74 +831,74 @@ export declare const CanvasRecipeZ: z.ZodObject<{
831
831
  }>;
832
832
  export declare function validateRecipe(json: unknown): {
833
833
  steps: ({
834
+ kind: "tooltip";
835
+ content: {
836
+ body: string;
837
+ title?: string | undefined;
838
+ };
839
+ id: string;
834
840
  anchor: {
835
841
  type: "data";
836
842
  key: string;
837
843
  value?: string | undefined;
838
844
  } | {
839
- type: "css";
840
845
  value: string;
846
+ type: "css";
841
847
  } | {
842
848
  type: "aria";
843
849
  label?: string | undefined;
844
850
  role?: string | undefined;
845
851
  } | {
846
- type: "shadow-css";
847
852
  value: string;
853
+ type: "shadow-css";
848
854
  } | {
849
855
  type: "ref";
850
856
  el?: any;
851
857
  };
852
- kind: "tooltip";
853
- id: string;
854
- content: {
855
- body: string;
856
- title?: string | undefined;
857
- };
858
- placement?: "top" | "bottom" | "left" | "right" | "auto" | undefined;
859
- offsetPx?: number | undefined;
860
- blocking?: boolean | undefined;
861
858
  trigger?: "immediate" | "hover" | "click" | undefined;
859
+ placement?: "top" | "right" | "bottom" | "left" | "auto" | undefined;
860
+ blocking?: boolean | undefined;
862
861
  dismiss?: {
863
862
  onEsc?: boolean | undefined;
864
863
  closeButton?: boolean | undefined;
865
864
  timeoutMs?: number | undefined;
866
865
  } | undefined;
866
+ offsetPx?: number | undefined;
867
867
  } | {
868
+ kind: "highlight";
869
+ id: string;
868
870
  anchor: {
869
871
  type: "data";
870
872
  key: string;
871
873
  value?: string | undefined;
872
874
  } | {
873
- type: "css";
874
875
  value: string;
876
+ type: "css";
875
877
  } | {
876
878
  type: "aria";
877
879
  label?: string | undefined;
878
880
  role?: string | undefined;
879
881
  } | {
880
- type: "shadow-css";
881
882
  value: string;
883
+ type: "shadow-css";
882
884
  } | {
883
885
  type: "ref";
884
886
  el?: any;
885
887
  };
886
- kind: "highlight";
887
- id: string;
888
- copy?: string | undefined;
889
888
  blocking?: boolean | undefined;
889
+ scrim?: {
890
+ opacity?: number | undefined;
891
+ } | undefined;
890
892
  dismiss?: {
891
893
  onEsc?: boolean | undefined;
892
894
  timeoutMs?: number | undefined;
893
895
  onClickOutside?: boolean | undefined;
894
896
  } | undefined;
897
+ copy?: string | undefined;
895
898
  ring?: {
896
899
  paddingPx?: number | undefined;
897
900
  radiusPx?: number | undefined;
898
901
  } | undefined;
899
- scrim?: {
900
- opacity?: number | undefined;
901
- } | undefined;
902
902
  ringColor?: string | undefined;
903
903
  })[];
904
904
  id: string;