@neatico/visual-core 0.14.3 → 0.14.64

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 (68) hide show
  1. package/dist/candidateRanking.d.ts +31 -0
  2. package/dist/candidateRanking.js +55 -0
  3. package/dist/cjs/candidateRanking.js +61 -0
  4. package/dist/cjs/composition.js +62 -36
  5. package/dist/cjs/compositionNumbers.js +111 -0
  6. package/dist/cjs/compositionScenes.js +91 -38
  7. package/dist/cjs/compositionUseCases.js +145 -0
  8. package/dist/cjs/content.js +574 -120
  9. package/dist/cjs/contentBrief.js +82 -0
  10. package/dist/cjs/designBlueprint.js +94 -19
  11. package/dist/cjs/designSystem.js +536 -77
  12. package/dist/cjs/editorial.js +76 -20
  13. package/dist/cjs/fontCatalog.js +81 -23
  14. package/dist/cjs/formalCompositions.js +120 -0
  15. package/dist/cjs/index.js +13 -0
  16. package/dist/cjs/layoutContracts.js +57 -11
  17. package/dist/cjs/layouts.js +5 -92
  18. package/dist/cjs/nativeSocialParameters.js +145 -0
  19. package/dist/cjs/pagination.js +27 -7
  20. package/dist/cjs/parameterDefaults.js +20 -0
  21. package/dist/cjs/recipeParameters.js +304 -0
  22. package/dist/cjs/socialLayouts.js +127 -387
  23. package/dist/cjs/styleManifest.js +107 -0
  24. package/dist/cjs/text.js +12 -2
  25. package/dist/cjs/textPresentation.js +68 -0
  26. package/dist/composition.d.ts +4 -4
  27. package/dist/composition.js +62 -36
  28. package/dist/compositionNumbers.d.ts +4 -0
  29. package/dist/compositionNumbers.js +108 -0
  30. package/dist/compositionScenes.d.ts +2 -2
  31. package/dist/compositionScenes.js +91 -38
  32. package/dist/compositionUseCases.d.ts +1 -0
  33. package/dist/compositionUseCases.js +142 -0
  34. package/dist/content.d.ts +65 -20
  35. package/dist/content.js +575 -121
  36. package/dist/contentBrief.d.ts +16 -0
  37. package/dist/contentBrief.js +78 -0
  38. package/dist/designBlueprint.d.ts +4 -4
  39. package/dist/designBlueprint.js +95 -20
  40. package/dist/designSystem.d.ts +11 -7
  41. package/dist/designSystem.js +537 -79
  42. package/dist/editorial.d.ts +1 -1
  43. package/dist/editorial.js +77 -21
  44. package/dist/fontCatalog.d.ts +1 -1
  45. package/dist/fontCatalog.js +81 -23
  46. package/dist/formalCompositions.d.ts +26 -0
  47. package/dist/formalCompositions.js +116 -0
  48. package/dist/index.d.ts +10 -0
  49. package/dist/index.js +10 -0
  50. package/dist/layoutContracts.d.ts +3 -3
  51. package/dist/layoutContracts.js +58 -12
  52. package/dist/layouts.d.ts +2 -2
  53. package/dist/layouts.js +5 -92
  54. package/dist/nativeSocialParameters.d.ts +38 -0
  55. package/dist/nativeSocialParameters.js +139 -0
  56. package/dist/pagination.js +27 -7
  57. package/dist/parameterDefaults.d.ts +2 -0
  58. package/dist/parameterDefaults.js +17 -0
  59. package/dist/recipeParameters.d.ts +34 -0
  60. package/dist/recipeParameters.js +300 -0
  61. package/dist/socialLayouts.d.ts +40 -232
  62. package/dist/socialLayouts.js +127 -387
  63. package/dist/styleManifest.d.ts +20 -0
  64. package/dist/styleManifest.js +103 -0
  65. package/dist/text.js +12 -2
  66. package/dist/textPresentation.d.ts +29 -0
  67. package/dist/textPresentation.js +64 -0
  68. package/package.json +1 -1
@@ -1,468 +1,208 @@
1
1
  /** Stable authored social layouts and their semantic scenes. */
2
2
  export const SOCIAL_LAYOUT_CATALOG = [
3
+ { id: "note-question", scene: "editorial", name: "Emoji question" },
4
+ { id: "note-marker", scene: "editorial", name: "Marker statement" },
5
+ { id: "note-editorial", scene: "editorial", name: "Warm editorial note" },
6
+ { id: "note-checklist", scene: "features", name: "Saveable checklist" },
7
+ { id: "note-photo", scene: "launch", name: "Photo headline" },
8
+ { id: "note-news", scene: "editorial", name: "News number" },
9
+ { id: "chat-messenger", scene: "features", name: "Green messenger" },
10
+ { id: "chat-imessage", scene: "features", name: "Blue messages" },
11
+ { id: "chat-telegram", scene: "features", name: "Cloud messenger" },
12
+ { id: "chat-workplace", scene: "features", name: "Team conversation" },
3
13
  {
4
- "id": "time-notice",
5
- "scene": "event",
6
- "name": "Time notice"
14
+ id: "time-notice",
15
+ scene: "event",
16
+ name: "Time notice",
7
17
  },
8
18
  {
9
- "id": "news-focus",
10
- "scene": "editorial",
11
- "name": "News focus"
19
+ id: "news-focus",
20
+ scene: "editorial",
21
+ name: "News focus",
12
22
  },
13
23
  {
14
- "id": "manifesto",
15
- "scene": "editorial",
16
- "name": "Brand manifesto"
24
+ id: "manifesto",
25
+ scene: "editorial",
26
+ name: "Brand manifesto",
17
27
  },
18
28
  {
19
- "id": "launch",
20
- "scene": "launch",
21
- "name": "Product launch"
29
+ id: "launch",
30
+ scene: "launch",
31
+ name: "Product launch",
22
32
  },
23
33
  {
24
- "id": "bento",
25
- "scene": "features",
26
- "name": "Feature overview"
34
+ id: "bento",
35
+ scene: "features",
36
+ name: "Feature overview",
27
37
  },
28
38
  {
29
- "id": "spotlight",
30
- "scene": "spotlight",
31
- "name": "Product spotlight"
39
+ id: "spotlight",
40
+ scene: "spotlight",
41
+ name: "Product spotlight",
32
42
  },
33
43
  {
34
- "id": "ticket",
35
- "scene": "event",
36
- "name": "Event ticket"
44
+ id: "ticket",
45
+ scene: "event",
46
+ name: "Event ticket",
37
47
  },
38
48
  {
39
- "id": "webinar",
40
- "scene": "event",
41
- "name": "Webinar"
49
+ id: "webinar",
50
+ scene: "event",
51
+ name: "Webinar",
42
52
  },
43
53
  {
44
- "id": "quote",
45
- "scene": "quote",
46
- "name": "Editorial quote"
54
+ id: "quote",
55
+ scene: "quote",
56
+ name: "Editorial quote",
47
57
  },
48
58
  {
49
- "id": "testimonial",
50
- "scene": "quote",
51
- "name": "Customer voice"
59
+ id: "testimonial",
60
+ scene: "quote",
61
+ name: "Customer voice",
52
62
  },
53
63
  {
54
- "id": "metric",
55
- "scene": "metric",
56
- "name": "Metric spotlight"
64
+ id: "metric",
65
+ scene: "metric",
66
+ name: "Metric spotlight",
57
67
  },
58
68
  {
59
- "id": "report",
60
- "scene": "features",
61
- "name": "Trend briefing"
69
+ id: "report",
70
+ scene: "features",
71
+ name: "Trend briefing",
62
72
  },
63
73
  {
64
- "id": "checklist",
65
- "scene": "features",
66
- "name": "Practical checklist"
74
+ id: "checklist",
75
+ scene: "features",
76
+ name: "Practical checklist",
67
77
  },
68
78
  {
69
- "id": "steps",
70
- "scene": "steps",
71
- "name": "Step-by-step guide"
79
+ id: "steps",
80
+ scene: "steps",
81
+ name: "Step-by-step guide",
72
82
  },
73
83
  {
74
- "id": "comparison",
75
- "scene": "comparison",
76
- "name": "Side-by-side"
84
+ id: "comparison",
85
+ scene: "comparison",
86
+ name: "Side-by-side",
77
87
  },
78
88
  {
79
- "id": "myth",
80
- "scene": "comparison",
81
- "name": "Myth & fact"
89
+ id: "myth",
90
+ scene: "comparison",
91
+ name: "Myth & fact",
82
92
  },
83
93
  {
84
- "id": "pricing",
85
- "scene": "pricing",
86
- "name": "Plan & benefits"
94
+ id: "pricing",
95
+ scene: "pricing",
96
+ name: "Plan & benefits",
87
97
  },
88
98
  {
89
- "id": "offer",
90
- "scene": "pricing",
91
- "name": "Seasonal offer"
99
+ id: "offer",
100
+ scene: "pricing",
101
+ name: "Seasonal offer",
92
102
  },
93
103
  {
94
- "id": "editorial",
95
- "scene": "editorial",
96
- "name": "Magazine cover"
104
+ id: "editorial",
105
+ scene: "editorial",
106
+ name: "Magazine cover",
97
107
  },
98
108
  {
99
- "id": "story",
100
- "scene": "story",
101
- "name": "Story journal"
109
+ id: "story",
110
+ scene: "story",
111
+ name: "Story journal",
102
112
  },
103
113
  {
104
- "id": "hiring",
105
- "scene": "features",
106
- "name": "We are hiring"
114
+ id: "hiring",
115
+ scene: "features",
116
+ name: "We are hiring",
107
117
  },
108
118
  {
109
- "id": "team",
110
- "scene": "story",
111
- "name": "Meet the team"
119
+ id: "team",
120
+ scene: "story",
121
+ name: "Meet the team",
112
122
  },
113
123
  {
114
- "id": "course",
115
- "scene": "steps",
116
- "name": "Learning roadmap"
124
+ id: "course",
125
+ scene: "steps",
126
+ name: "Learning roadmap",
117
127
  },
118
128
  {
119
- "id": "case-study",
120
- "scene": "features",
121
- "name": "Case study"
129
+ id: "case-study",
130
+ scene: "features",
131
+ name: "Case study",
122
132
  },
123
133
  {
124
- "id": "notice",
125
- "scene": "editorial",
126
- "name": "Important update"
134
+ id: "notice",
135
+ scene: "editorial",
136
+ name: "Important update",
127
137
  },
128
138
  {
129
- "id": "community",
130
- "scene": "event",
131
- "name": "Community invite"
139
+ id: "community",
140
+ scene: "event",
141
+ name: "Community invite",
132
142
  },
133
143
  {
134
- "id": "menu",
135
- "scene": "features",
136
- "name": "Menu & price list"
144
+ id: "menu",
145
+ scene: "features",
146
+ name: "Menu & price list",
137
147
  },
138
148
  {
139
- "id": "specification",
140
- "scene": "features",
141
- "name": "Specification sheet"
149
+ id: "specification",
150
+ scene: "features",
151
+ name: "Specification sheet",
142
152
  },
143
153
  {
144
- "id": "itinerary",
145
- "scene": "steps",
146
- "name": "Travel itinerary"
154
+ id: "itinerary",
155
+ scene: "steps",
156
+ name: "Travel itinerary",
147
157
  },
148
158
  {
149
- "id": "schedule",
150
- "scene": "event",
151
- "name": "Event agenda"
159
+ id: "schedule",
160
+ scene: "event",
161
+ name: "Event agenda",
152
162
  },
153
163
  {
154
- "id": "safety",
155
- "scene": "features",
156
- "name": "Safety briefing"
164
+ id: "safety",
165
+ scene: "features",
166
+ name: "Safety briefing",
157
167
  },
158
168
  {
159
- "id": "faq",
160
- "scene": "features",
161
- "name": "Questions & answers"
169
+ id: "faq",
170
+ scene: "features",
171
+ name: "Questions & answers",
162
172
  },
163
173
  {
164
- "id": "split-bar-compare",
165
- "scene": "comparison",
166
- "name": "Side-by-side score bars"
174
+ id: "split-bar-compare",
175
+ scene: "comparison",
176
+ name: "Side-by-side score bars",
167
177
  },
168
178
  {
169
- "id": "benchmark-bars",
170
- "scene": "features",
171
- "name": "Metric vs benchmark"
179
+ id: "benchmark-bars",
180
+ scene: "features",
181
+ name: "Metric vs benchmark",
172
182
  },
173
183
  {
174
- "id": "block-banner",
175
- "scene": "editorial",
176
- "name": "Bold split banner"
184
+ id: "usage-breakdown",
185
+ scene: "usage-breakdown",
186
+ name: "Usage breakdown",
177
187
  },
178
188
  {
179
- "id": "progress-roadmap",
180
- "scene": "steps",
181
- "name": "Progress roadmap"
189
+ id: "organization",
190
+ scene: "organization",
191
+ name: "Role hierarchy",
182
192
  },
183
193
  {
184
- "id": "fan-deck",
185
- "scene": "features",
186
- "name": "Fanned card stack"
194
+ id: "editorial-quote",
195
+ scene: "editorial-quote",
196
+ name: "Editorial quote",
187
197
  },
188
198
  {
189
- "id": "contents-index",
190
- "scene": "features",
191
- "name": "Contents rail"
199
+ id: "research-highlight",
200
+ scene: "research-highlight",
201
+ name: "Research highlight",
192
202
  },
193
203
  {
194
- "id": "contents-chapters",
195
- "scene": "steps",
196
- "name": "Chapter index"
204
+ id: "product-showcase",
205
+ scene: "product-showcase",
206
+ name: "Product showcase",
197
207
  },
198
- {
199
- "id": "contents-grid",
200
- "scene": "features",
201
- "name": "Quick access grid"
202
- },
203
- {
204
- "id": "definition-card",
205
- "scene": "editorial",
206
- "name": "Definition / principle"
207
- },
208
- {
209
- "id": "topic-branches",
210
- "scene": "features",
211
- "name": "Topic framework"
212
- },
213
- {
214
- "id": "radial-mindmap",
215
- "scene": "organization",
216
- "name": "Radial mindmap"
217
- },
218
- {
219
- "id": "tips-card",
220
- "scene": "features",
221
- "name": "Pro tips"
222
- },
223
- {
224
- "id": "code-snippet",
225
- "scene": "product-showcase",
226
- "name": "Code snippet"
227
- },
228
- {
229
- "id": "series-carousel",
230
- "scene": "story",
231
- "name": "Series collection"
232
- },
233
- {
234
- "id": "reflection-card",
235
- "scene": "editorial-quote",
236
- "name": "Reflection note"
237
- },
238
- {
239
- "id": "video-cover",
240
- "scene": "spotlight",
241
- "name": "Video cover"
242
- },
243
- {
244
- "id": "digest-card",
245
- "scene": "features",
246
- "name": "Knowledge digest"
247
- },
248
- {
249
- "id": "chat-preview",
250
- "scene": "product-showcase",
251
- "name": "Chat snippet"
252
- },
253
- {
254
- "id": "recommendation-feed",
255
- "scene": "product-showcase",
256
- "name": "Personalized picks"
257
- },
258
- {
259
- "id": "before-after",
260
- "scene": "comparison",
261
- "name": "Before / after"
262
- },
263
- {
264
- "id": "course-syllabus",
265
- "scene": "steps",
266
- "name": "Course syllabus"
267
- },
268
- {
269
- "id": "concept-explainer",
270
- "scene": "spotlight",
271
- "name": "Concept explainer"
272
- },
273
- {
274
- "id": "persona-question",
275
- "scene": "quote",
276
- "name": "Persona question"
277
- },
278
- {
279
- "id": "nutrient-symptom-grid",
280
- "scene": "features",
281
- "name": "Nutrient symptom grid"
282
- },
283
- {
284
- "id": "milestone-history",
285
- "scene": "story",
286
- "name": "Milestone history"
287
- },
288
- {
289
- "id": "release-notes",
290
- "scene": "launch",
291
- "name": "Release notes"
292
- },
293
- {
294
- "id": "product-listing",
295
- "scene": "spotlight",
296
- "name": "Product listing"
297
- },
298
- {
299
- "id": "flash-sale",
300
- "scene": "spotlight",
301
- "name": "Flash sale"
302
- },
303
- {
304
- "id": "event-banner",
305
- "scene": "event",
306
- "name": "Event banner"
307
- },
308
- {
309
- "id": "startup-journey",
310
- "scene": "story",
311
- "name": "Startup journey"
312
- },
313
- {
314
- "id": "vision-goals",
315
- "scene": "editorial",
316
- "name": "Vision goals"
317
- },
318
- {
319
- "id": "tips-grid",
320
- "scene": "editorial",
321
- "name": "Tips grid"
322
- },
323
- {
324
- "id": "experiment-report",
325
- "scene": "research-highlight",
326
- "name": "Experiment report"
327
- },
328
- {
329
- "id": "leaderboard",
330
- "scene": "editorial",
331
- "name": "Bestseller leaderboard"
332
- },
333
- {
334
- "id": "win-journey",
335
- "scene": "story",
336
- "name": "Win journey"
337
- },
338
- {
339
- "id": "device-price-promo",
340
- "scene": "pricing",
341
- "name": "Device price promo"
342
- },
343
- {
344
- "id": "mega-sale-typographic",
345
- "scene": "spotlight",
346
- "name": "Mega sale typographic"
347
- },
348
- {
349
- "id": "illustration-process",
350
- "scene": "steps",
351
- "name": "Illustration process"
352
- },
353
- {
354
- "id": "glass-neon-sale",
355
- "scene": "spotlight",
356
- "name": "Glass neon sale"
357
- },
358
- {
359
- "id": "free-trial-hero",
360
- "scene": "pricing",
361
- "name": "Free trial hero"
362
- },
363
- {
364
- "id": "feature-chip-hero",
365
- "scene": "features",
366
- "name": "Feature chip hero"
367
- },
368
- {
369
- "id": "event-speaker-card",
370
- "scene": "event",
371
- "name": "Event speaker card"
372
- },
373
- {
374
- "id": "corporate-hero",
375
- "scene": "launch",
376
- "name": "Corporate hero"
377
- },
378
- {
379
- "id": "release-version-hero",
380
- "scene": "launch",
381
- "name": "Release version hero"
382
- },
383
- {
384
- "id": "og-cover",
385
- "scene": "editorial",
386
- "name": "Article OG cover"
387
- },
388
- {
389
- "id": "gradient-cover",
390
- "scene": "editorial",
391
- "name": "Sheen gradient cover"
392
- },
393
- {
394
- "id": "bold-diagonal-cover",
395
- "scene": "editorial",
396
- "name": "Bold diagonal cover"
397
- },
398
- {
399
- "id": "split-cover",
400
- "scene": "editorial",
401
- "name": "Diagonal split cover"
402
- },
403
- {
404
- "id": "article-feed-card",
405
- "scene": "story",
406
- "name": "Article feed card"
407
- },
408
- {
409
- "id": "article-summary-card",
410
- "scene": "editorial",
411
- "name": "Article summary card"
412
- },
413
- {
414
- "id": "paragraph-summary-card",
415
- "scene": "quote",
416
- "name": "Paragraph summary card"
417
- },
418
- {
419
- "id": "summary-card-stack",
420
- "scene": "editorial",
421
- "name": "Summary card stack"
422
- },
423
- {
424
- "id": "article-repost-card",
425
- "scene": "editorial",
426
- "name": "Article repost card"
427
- },
428
- {
429
- "id": "article-core-digest",
430
- "scene": "editorial",
431
- "name": "Article core digest"
432
- },
433
- {
434
- "id": "product-thread-mockup",
435
- "scene": "story",
436
- "name": "Product thread mockup"
437
- },
438
- {
439
- "id": "agent-notification",
440
- "scene": "launch",
441
- "name": "Agent notification card"
442
- },
443
- {
444
- "id": "angled-ui-launch",
445
- "scene": "launch",
446
- "name": "Angled UI launch card"
447
- },
448
- {
449
- "id": "repo-card",
450
- "scene": "product-showcase",
451
- "name": "Repository card"
452
- },
453
- {
454
- "id": "magazine-pull-quote",
455
- "scene": "editorial-quote",
456
- "name": "Magazine pull quote card"
457
- },
458
- {
459
- "id": "question-answer-quote",
460
- "scene": "quote",
461
- "name": "Question and answer quote card"
462
- },
463
- { "id": "usage-breakdown", "scene": "usage-breakdown", "name": "Usage breakdown" },
464
- { "id": "organization", "scene": "organization", "name": "Role hierarchy" },
465
- { "id": "editorial-quote", "scene": "editorial-quote", "name": "Editorial quote" },
466
- { "id": "research-highlight", "scene": "research-highlight", "name": "Research highlight" },
467
- { "id": "product-showcase", "scene": "product-showcase", "name": "Product showcase" },
468
208
  ];
@@ -0,0 +1,20 @@
1
+ import { type DesignTheme } from "./designSystem.js";
2
+ /** Persist the resolved tokens, not just a mutable theme name. */
3
+ export interface StyleManifest {
4
+ version: 1;
5
+ themeId: string;
6
+ themeVersion: 1;
7
+ theme: DesignTheme;
8
+ fonts: {
9
+ heading: string;
10
+ body: string;
11
+ code: string;
12
+ };
13
+ imagery: {
14
+ medium: "native" | "photography" | "illustration" | "3d";
15
+ referenceAssetIds: string[];
16
+ direction: string;
17
+ };
18
+ }
19
+ export declare function createStyleManifest(themeId: string, copy?: string, imagery?: Partial<StyleManifest["imagery"]>): StyleManifest;
20
+ export declare function validateStyleManifest(value: unknown): StyleManifest;