@almadar/std 16.10.2 → 16.10.4

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 (24) hide show
  1. package/behaviors/registry/core-variations/atoms/std-browse-command-palette.orb +64 -62
  2. package/behaviors/registry/core-variations/atoms/std-browse-dense.orb +48 -46
  3. package/behaviors/registry/core-variations/atoms/std-browse-gallery.orb +55 -54
  4. package/behaviors/registry/core-variations/atoms/std-stats-hero-metric.orb +207 -99
  5. package/behaviors/registry/core-variations/atoms/std-stats-kpi-tiles.orb +215 -141
  6. package/behaviors/registry/core-variations/atoms/std-stats-sparkline-row.orb +215 -129
  7. package/behaviors/registry/core-variations/atoms/std-thread-email-threaded.orb +157 -147
  8. package/dist/behaviors/behaviors-registry.json +1 -1
  9. package/dist/behaviors/registry/core-variations/atoms/std-browse-command-palette.orb +64 -62
  10. package/dist/behaviors/registry/core-variations/atoms/std-browse-dense.orb +48 -46
  11. package/dist/behaviors/registry/core-variations/atoms/std-browse-gallery.orb +55 -54
  12. package/dist/behaviors/registry/core-variations/atoms/std-stats-hero-metric.orb +207 -99
  13. package/dist/behaviors/registry/core-variations/atoms/std-stats-kpi-tiles.orb +215 -141
  14. package/dist/behaviors/registry/core-variations/atoms/std-stats-sparkline-row.orb +215 -129
  15. package/dist/behaviors/registry/core-variations/atoms/std-thread-email-threaded.orb +157 -147
  16. package/dist/behaviors-registry.json +1 -1
  17. package/dist/registry/core-variations/atoms/std-browse-command-palette.orb +64 -62
  18. package/dist/registry/core-variations/atoms/std-browse-dense.orb +48 -46
  19. package/dist/registry/core-variations/atoms/std-browse-gallery.orb +55 -54
  20. package/dist/registry/core-variations/atoms/std-stats-hero-metric.orb +207 -99
  21. package/dist/registry/core-variations/atoms/std-stats-kpi-tiles.orb +215 -141
  22. package/dist/registry/core-variations/atoms/std-stats-sparkline-row.orb +215 -129
  23. package/dist/registry/core-variations/atoms/std-thread-email-threaded.orb +157 -147
  24. package/package.json +1 -1
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "std-thread-email-threaded",
3
- "version": "1.3.0",
3
+ "version": "1.3.5",
4
4
  "description": "Email-threaded — Gmail/Outlook/Mail.app split-pane: left message list (sender, subject, preview), right pane shows the focused message with from/to/subject header and quoted-reply nested tree. For helpdesk email threads, support tickets, document discussions that read like email.",
5
5
  "orbitals": [
6
6
  {
@@ -91,23 +91,13 @@
91
91
  "type": "object",
92
92
  "default": {},
93
93
  "properties": {
94
- "fromAddress": {
95
- "name": "fromAddress",
96
- "type": "string",
97
- "required": false
98
- },
99
94
  "subject": {
100
95
  "name": "subject",
101
96
  "type": "string",
102
97
  "required": false
103
98
  },
104
- "createdAt": {
105
- "name": "createdAt",
106
- "type": "string",
107
- "required": false
108
- },
109
- "authorName": {
110
- "name": "authorName",
99
+ "content": {
100
+ "name": "content",
111
101
  "type": "string",
112
102
  "required": false
113
103
  },
@@ -120,8 +110,8 @@
120
110
  "cardinality": "many"
121
111
  }
122
112
  },
123
- "id": {
124
- "name": "id",
113
+ "authorName": {
114
+ "name": "authorName",
125
115
  "type": "string",
126
116
  "required": false
127
117
  },
@@ -130,8 +120,18 @@
130
120
  "type": "string",
131
121
  "required": false
132
122
  },
133
- "content": {
134
- "name": "content",
123
+ "createdAt": {
124
+ "name": "createdAt",
125
+ "type": "string",
126
+ "required": false
127
+ },
128
+ "fromAddress": {
129
+ "name": "fromAddress",
130
+ "type": "string",
131
+ "required": false
132
+ },
133
+ "id": {
134
+ "name": "id",
135
135
  "type": "string",
136
136
  "required": false
137
137
  }
@@ -146,18 +146,21 @@
146
146
  "linkedEntity": "EmailThreadedPost",
147
147
  "config": {
148
148
  "bodyContent": {
149
+ "type": "stack",
150
+ "direction": "horizontal",
151
+ "align": "stretch",
152
+ "gap": "none",
153
+ "className": "max-w-7xl mx-auto my-section min-h-[32rem] max-h-[80vh] border border-[var(--color-border)] rounded-lg overflow-hidden shadow-sm bg-[var(--color-surface)]",
149
154
  "children": [
150
155
  {
151
- "direction": "vertical",
152
- "type": "stack",
156
+ "className": "w-80 shrink-0 border-r border-[var(--color-border)] bg-[var(--color-surface-subtle)] overflow-y-auto",
153
157
  "gap": "none",
154
- "className": "w-80 shrink-0 border-r border-[var(--color-border)] bg-[var(--color-muted)]",
158
+ "type": "stack",
155
159
  "children": [
156
160
  {
157
- "direction": "horizontal",
161
+ "align": "center",
158
162
  "gap": "sm",
159
- "type": "stack",
160
- "className": "px-card-md py-md border-b border-[var(--color-border)]",
163
+ "className": "p-card-md border-b border-[var(--color-border)] sticky top-0 bg-[var(--color-surface-subtle)] z-10",
161
164
  "children": [
162
165
  {
163
166
  "type": "icon",
@@ -165,251 +168,265 @@
165
168
  "size": "sm"
166
169
  },
167
170
  {
168
- "type": "typography",
169
171
  "variant": "label",
170
- "content": "Inbox",
171
- "weight": "medium"
172
+ "weight": "medium",
173
+ "type": "typography",
174
+ "content": "Inbox"
172
175
  }
173
176
  ],
174
- "align": "center"
177
+ "type": "stack",
178
+ "direction": "horizontal"
175
179
  },
176
180
  {
181
+ "type": "data-list",
182
+ "gap": "none",
183
+ "variant": "default",
184
+ "entity": "@payload.data",
177
185
  "fields": [],
186
+ "itemClickEvent": "SELECT",
178
187
  "renderItem": [
179
188
  "fn",
180
189
  "item",
181
190
  {
182
- "type": "stack",
191
+ "align": "start",
192
+ "gap": "sm",
193
+ "className": "min-w-0 px-4 py-3",
183
194
  "direction": "horizontal",
195
+ "type": "stack",
184
196
  "children": [
185
197
  {
186
- "type": "avatar",
187
- "className": "shrink-0",
198
+ "name": "@item.authorName",
188
199
  "size": "sm",
189
- "name": "@item.authorName"
200
+ "type": "avatar",
201
+ "className": "shrink-0 mt-0.5"
190
202
  },
191
203
  {
204
+ "gap": "xs",
192
205
  "direction": "vertical",
193
- "gap": "none",
194
206
  "type": "stack",
195
207
  "className": "flex-1 min-w-0",
196
208
  "children": [
197
209
  {
198
- "variant": "body2",
199
- "weight": "medium",
200
- "type": "typography",
201
- "className": "truncate",
202
- "content": "@item.authorName"
210
+ "className": "min-w-0",
211
+ "type": "stack",
212
+ "children": [
213
+ {
214
+ "variant": "body2",
215
+ "type": "typography",
216
+ "weight": "semibold",
217
+ "content": "@item.authorName",
218
+ "className": "flex-1 truncate"
219
+ },
220
+ {
221
+ "name": "chevron-right",
222
+ "className": "shrink-0 text-[var(--color-text-muted)]",
223
+ "size": "xs",
224
+ "type": "icon"
225
+ }
226
+ ],
227
+ "align": "center",
228
+ "gap": "sm",
229
+ "direction": "horizontal"
203
230
  },
204
231
  {
205
232
  "content": "@item.subject",
206
- "type": "typography",
207
233
  "className": "truncate",
234
+ "type": "typography",
208
235
  "variant": "body2"
209
236
  },
210
237
  {
211
- "content": "@item.preview",
212
- "className": "truncate",
213
- "variant": "caption",
238
+ "color": "muted",
214
239
  "type": "typography",
215
- "color": "muted"
240
+ "variant": "caption",
241
+ "content": "@item.preview",
242
+ "className": "truncate"
216
243
  }
217
244
  ]
218
245
  }
219
- ],
220
- "className": "min-w-0",
221
- "align": "center",
222
- "gap": "sm"
223
- }
224
- ],
225
- "entity": "@payload.data",
226
- "gap": "none",
227
- "variant": "default",
228
- "itemActions": [
229
- {
230
- "event": "SELECT",
231
- "label": "",
232
- "variant": "ghost",
233
- "icon": "chevron-right"
246
+ ]
234
247
  }
235
- ],
236
- "type": "data-list"
248
+ ]
237
249
  }
238
- ]
250
+ ],
251
+ "direction": "vertical"
239
252
  },
240
253
  {
241
- "type": "stack",
242
- "gap": "md",
243
- "direction": "vertical",
244
- "className": "flex-1 px-card-md py-md overflow-y-auto",
245
254
  "children": [
246
255
  {
256
+ "direction": "vertical",
257
+ "className": "pb-4 border-b border-[var(--color-border)]",
247
258
  "children": [
248
259
  {
249
- "gap": "md",
260
+ "type": "stack",
250
261
  "justify": "between",
262
+ "gap": "md",
263
+ "align": "start",
264
+ "direction": "horizontal",
251
265
  "children": [
252
266
  {
253
- "content": "@entity.focusedRow.subject",
254
267
  "variant": "h3",
255
268
  "type": "typography",
269
+ "content": "@entity.focusedRow.subject",
256
270
  "className": "flex-1 min-w-0"
257
271
  },
258
272
  {
259
- "align": "center",
260
- "gap": "sm",
261
- "className": "shrink-0",
262
273
  "children": [
263
274
  {
264
- "variant": "secondary",
265
- "type": "button",
266
- "action": "REPLY",
267
- "label": "Reply",
268
275
  "size": "sm",
269
- "icon": "corner-up-left",
270
276
  "actionPayload": {
271
277
  "parentId": "@entity.focusedRow.id"
272
- }
278
+ },
279
+ "variant": "secondary",
280
+ "type": "button",
281
+ "icon": "corner-up-left",
282
+ "label": "Reply",
283
+ "action": "REPLY"
273
284
  },
274
285
  {
275
- "label": "Forward",
276
- "icon": "corner-up-right",
277
286
  "type": "button",
287
+ "action": "REPLY",
288
+ "icon": "corner-up-right",
289
+ "label": "Forward",
278
290
  "variant": "ghost",
279
- "size": "sm",
280
- "action": "REPLY"
291
+ "size": "sm"
281
292
  }
282
293
  ],
283
294
  "direction": "horizontal",
284
- "type": "stack"
295
+ "type": "stack",
296
+ "align": "center",
297
+ "gap": "sm",
298
+ "className": "shrink-0"
285
299
  }
286
- ],
287
- "direction": "horizontal",
288
- "type": "stack",
289
- "align": "start"
300
+ ]
290
301
  },
291
302
  {
292
- "direction": "horizontal",
293
303
  "gap": "md",
294
- "type": "stack",
304
+ "direction": "horizontal",
295
305
  "align": "center",
306
+ "type": "stack",
296
307
  "children": [
297
308
  {
298
309
  "size": "md",
310
+ "name": "@entity.focusedRow.authorName",
299
311
  "type": "avatar",
300
- "className": "shrink-0",
301
- "name": "@entity.focusedRow.authorName"
312
+ "className": "shrink-0"
302
313
  },
303
314
  {
304
- "type": "stack",
305
- "className": "flex-1 min-w-0",
306
315
  "children": [
307
316
  {
308
- "gap": "xs",
309
- "align": "center",
310
317
  "type": "stack",
311
318
  "children": [
312
319
  {
313
- "className": "w-10 shrink-0",
314
- "color": "muted",
315
320
  "content": "From",
316
321
  "type": "typography",
317
- "variant": "caption"
322
+ "variant": "caption",
323
+ "color": "muted",
324
+ "className": "w-10 shrink-0"
318
325
  },
319
326
  {
320
- "content": "@entity.focusedRow.fromAddress",
321
327
  "className": "truncate",
328
+ "content": "@entity.focusedRow.fromAddress",
329
+ "weight": "medium",
322
330
  "variant": "body2",
323
- "type": "typography",
324
- "weight": "medium"
331
+ "type": "typography"
325
332
  }
326
333
  ],
327
- "direction": "horizontal"
334
+ "align": "center",
335
+ "direction": "horizontal",
336
+ "gap": "xs"
328
337
  },
329
338
  {
330
- "type": "stack",
331
339
  "direction": "horizontal",
332
- "gap": "xs",
340
+ "type": "stack",
333
341
  "align": "center",
334
342
  "children": [
335
343
  {
336
- "content": "To",
344
+ "className": "w-10 shrink-0",
337
345
  "type": "typography",
338
- "variant": "caption",
346
+ "content": "To",
339
347
  "color": "muted",
340
- "className": "w-10 shrink-0"
348
+ "variant": "caption"
341
349
  },
342
350
  {
351
+ "type": "typography",
343
352
  "className": "truncate",
344
353
  "content": "@entity.focusedRow.toAddress",
345
- "type": "typography",
346
354
  "variant": "body2"
347
355
  }
348
- ]
356
+ ],
357
+ "gap": "xs"
349
358
  }
350
359
  ],
351
360
  "gap": "none",
361
+ "type": "stack",
362
+ "className": "flex-1 min-w-0",
352
363
  "direction": "vertical"
353
364
  },
354
365
  {
355
- "variant": "caption",
356
- "color": "muted",
366
+ "className": "shrink-0",
357
367
  "content": "@entity.focusedRow.createdAt",
358
368
  "type": "typography",
359
- "className": "shrink-0"
369
+ "color": "muted",
370
+ "variant": "caption"
360
371
  }
361
372
  ]
362
373
  }
363
374
  ],
364
- "gap": "md",
365
375
  "type": "stack",
366
- "direction": "vertical",
367
- "className": "pb-md border-b border-[var(--color-border)]"
376
+ "gap": "md"
368
377
  },
369
378
  {
379
+ "look": "flat-bordered",
380
+ "type": "card",
370
381
  "children": {
371
382
  "content": "@entity.focusedRow.content",
383
+ "className": "leading-relaxed whitespace-pre-wrap",
372
384
  "variant": "body",
373
385
  "type": "typography"
374
386
  },
375
- "look": "flat-bordered",
376
- "padding": "md",
377
- "type": "card"
387
+ "padding": "lg"
378
388
  },
379
389
  {
380
- "type": "stack",
381
- "align": "center",
382
- "gap": "sm",
383
390
  "children": [
384
391
  {
385
- "type": "icon",
392
+ "size": "xs",
386
393
  "name": "corner-down-right",
387
- "size": "xs"
394
+ "type": "icon"
388
395
  },
389
396
  {
390
- "variant": "label",
391
- "content": "Quoted replies",
392
397
  "type": "typography",
398
+ "content": "Quoted replies",
399
+ "variant": "label",
393
400
  "color": "muted"
394
401
  }
395
402
  ],
403
+ "align": "center",
404
+ "type": "stack",
405
+ "gap": "sm",
396
406
  "direction": "horizontal"
397
407
  },
398
408
  {
399
409
  "type": "data-list",
410
+ "gap": "sm",
411
+ "entity": "@entity.focusedRow.replies",
400
412
  "variant": "default",
401
413
  "fields": [],
402
414
  "renderItem": [
403
415
  "fn",
404
416
  "reply",
405
417
  {
418
+ "type": "card",
419
+ "look": "flat-bordered",
420
+ "padding": "md",
406
421
  "children": {
422
+ "type": "stack",
423
+ "gap": "sm",
407
424
  "children": [
408
425
  {
409
- "type": "stack",
410
- "direction": "horizontal",
411
426
  "gap": "sm",
427
+ "type": "stack",
412
428
  "align": "center",
429
+ "direction": "horizontal",
413
430
  "children": [
414
431
  {
415
432
  "type": "avatar",
@@ -418,27 +435,27 @@
418
435
  },
419
436
  {
420
437
  "weight": "medium",
421
- "content": "@reply.authorName",
422
438
  "type": "typography",
439
+ "content": "@reply.authorName",
423
440
  "variant": "body2"
424
441
  },
425
442
  {
426
- "type": "typography",
427
- "content": "@reply.fromAddress",
443
+ "variant": "caption",
428
444
  "color": "muted",
429
- "variant": "caption"
445
+ "type": "typography",
446
+ "content": "@reply.fromAddress"
430
447
  },
431
448
  {
432
- "type": "typography",
433
- "variant": "caption",
434
449
  "color": "muted",
435
- "content": "·"
450
+ "type": "typography",
451
+ "content": "·",
452
+ "variant": "caption"
436
453
  },
437
454
  {
438
455
  "color": "muted",
439
- "variant": "caption",
456
+ "content": "@reply.createdAt",
440
457
  "type": "typography",
441
- "content": "@reply.createdAt"
458
+ "variant": "caption"
442
459
  }
443
460
  ]
444
461
  },
@@ -448,26 +465,19 @@
448
465
  "content": "@reply.content"
449
466
  }
450
467
  ],
451
- "type": "stack",
452
- "gap": "sm",
453
468
  "direction": "vertical"
454
469
  },
455
- "look": "flat-bordered",
456
- "padding": "md",
457
- "type": "card",
458
470
  "className": "border-l-4 border-l-[var(--color-primary)] ml-card-md"
459
471
  }
460
- ],
461
- "gap": "sm",
462
- "entity": "@entity.focusedRow.replies"
472
+ ]
463
473
  }
464
- ]
474
+ ],
475
+ "className": "flex-1 min-w-0 p-card-lg overflow-y-auto",
476
+ "gap": "lg",
477
+ "type": "stack",
478
+ "direction": "vertical"
465
479
  }
466
- ],
467
- "type": "stack",
468
- "direction": "horizontal",
469
- "className": "max-w-7xl mx-auto h-full border border-[var(--color-border)] rounded-md overflow-hidden",
470
- "gap": "none"
480
+ ]
471
481
  }
472
482
  }
473
483
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@almadar/std",
3
- "version": "16.10.2",
3
+ "version": "16.10.4",
4
4
  "description": "Standard library operators for Almadar (math, string, array, etc.)",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",