@almadar/std 16.9.2 → 16.10.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 (36) hide show
  1. package/behaviors/registry/core/atoms/std-calendar.orb +121 -58
  2. package/behaviors/registry/core-variations/atoms/std-board-kanban-classic.orb +58 -58
  3. package/behaviors/registry/core-variations/atoms/std-board-swim-lanes.orb +58 -58
  4. package/behaviors/registry/core-variations/atoms/std-board-timeline-roadmap.orb +94 -88
  5. package/behaviors/registry/core-variations/atoms/std-browse-dense.orb +54 -61
  6. package/behaviors/registry/core-variations/atoms/std-browse-feed.orb +52 -51
  7. package/behaviors/registry/core-variations/atoms/std-browse-gallery.orb +53 -53
  8. package/behaviors/registry/core-variations/atoms/std-browse-triage.orb +66 -86
  9. package/behaviors/registry/core-variations/atoms/std-calendar-agenda-list.orb +56 -50
  10. package/behaviors/registry/core-variations/atoms/std-calendar-week-timeline.orb +37 -31
  11. package/behaviors/registry/core-variations/atoms/std-thread-chat-bubbles.orb +57 -45
  12. package/dist/behaviors/behaviors-registry.json +8 -3
  13. package/dist/behaviors/registry/core/atoms/std-calendar.orb +121 -58
  14. package/dist/behaviors/registry/core-variations/atoms/std-board-kanban-classic.orb +58 -58
  15. package/dist/behaviors/registry/core-variations/atoms/std-board-swim-lanes.orb +58 -58
  16. package/dist/behaviors/registry/core-variations/atoms/std-board-timeline-roadmap.orb +94 -88
  17. package/dist/behaviors/registry/core-variations/atoms/std-browse-dense.orb +54 -61
  18. package/dist/behaviors/registry/core-variations/atoms/std-browse-feed.orb +52 -51
  19. package/dist/behaviors/registry/core-variations/atoms/std-browse-gallery.orb +53 -53
  20. package/dist/behaviors/registry/core-variations/atoms/std-browse-triage.orb +66 -86
  21. package/dist/behaviors/registry/core-variations/atoms/std-calendar-agenda-list.orb +56 -50
  22. package/dist/behaviors/registry/core-variations/atoms/std-calendar-week-timeline.orb +37 -31
  23. package/dist/behaviors/registry/core-variations/atoms/std-thread-chat-bubbles.orb +57 -45
  24. package/dist/behaviors-registry.json +8 -3
  25. package/dist/registry/core/atoms/std-calendar.orb +121 -58
  26. package/dist/registry/core-variations/atoms/std-board-kanban-classic.orb +58 -58
  27. package/dist/registry/core-variations/atoms/std-board-swim-lanes.orb +58 -58
  28. package/dist/registry/core-variations/atoms/std-board-timeline-roadmap.orb +94 -88
  29. package/dist/registry/core-variations/atoms/std-browse-dense.orb +54 -61
  30. package/dist/registry/core-variations/atoms/std-browse-feed.orb +52 -51
  31. package/dist/registry/core-variations/atoms/std-browse-gallery.orb +53 -53
  32. package/dist/registry/core-variations/atoms/std-browse-triage.orb +66 -86
  33. package/dist/registry/core-variations/atoms/std-calendar-agenda-list.orb +56 -50
  34. package/dist/registry/core-variations/atoms/std-calendar-week-timeline.orb +37 -31
  35. package/dist/registry/core-variations/atoms/std-thread-chat-bubbles.orb +57 -45
  36. package/package.json +1 -1
package/dist/registry/core-variations/atoms/std-board-swim-lanes.orb CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "std-board-swim-lanes",
3
- "version": "1.0.1",
3
+ "version": "1.0.2",
4
4
  "description": "Swim-lane board — full-width horizontal lanes per status, cards flow left-to-right within each lane. Lane header on top with icon + label + count; cards render in the lane body. Useful for HR-portal recruiting stages and project-manager team boards. Same BoardItemBoard trait, same state machine, same emits/listens as std-board — only the bodyContent tree differs.",
5
5
  "orbitals": [
6
6
  {
@@ -98,15 +98,11 @@
98
98
  "linkedEntity": "SwimLaneItem",
99
99
  "config": {
100
100
  "bodyContent": {
101
+ "gap": "md",
101
102
  "direction": "vertical",
102
103
  "type": "stack",
103
104
  "children": [
104
105
  {
105
- "className": "px-card-md",
106
- "gap": "sm",
107
- "direction": "horizontal",
108
- "type": "stack",
109
- "align": "center",
110
106
  "children": [
111
107
  {
112
108
  "type": "icon",
@@ -117,144 +113,148 @@
117
113
  "content": "@config.title",
118
114
  "variant": "h2"
119
115
  }
120
- ]
116
+ ],
117
+ "type": "stack",
118
+ "direction": "horizontal",
119
+ "className": "px-card-md",
120
+ "align": "center",
121
+ "gap": "sm"
121
122
  },
122
123
  {
123
124
  "type": "divider"
124
125
  },
125
126
  {
126
- "type": "data-list",
127
127
  "dndRoot": true,
128
- "fields": [],
128
+ "gap": "md",
129
+ "entity": "@entity.boards",
129
130
  "renderItem": [
130
131
  "fn",
131
132
  "col",
132
133
  {
133
134
  "padding": "none",
135
+ "type": "card",
136
+ "className": "overflow-hidden rounded-lg",
137
+ "look": "flat-bordered",
134
138
  "children": [
135
139
  {
140
+ "type": "stack",
141
+ "gap": "none",
136
142
  "children": [
137
143
  {
138
- "align": "center",
139
- "direction": "horizontal",
140
144
  "type": "stack",
145
+ "className": "p-card-md border-b border-[var(--color-border)] bg-[var(--color-surface-subtle)]",
146
+ "direction": "horizontal",
141
147
  "gap": "sm",
142
- "className": "px-card-md py-3 border-b border-[var(--color-border)] bg-[var(--color-surface-subtle)]",
143
148
  "children": [
144
149
  {
145
- "name": "@col.icon",
146
- "type": "icon"
150
+ "type": "icon",
151
+ "name": "@col.icon"
147
152
  },
148
153
  {
154
+ "type": "typography",
149
155
  "variant": "h4",
150
- "className": "flex-1",
151
156
  "content": "@col.label",
152
- "type": "typography"
157
+ "className": "flex-1"
153
158
  },
154
159
  {
155
- "type": "badge",
156
160
  "variant": "primary",
161
+ "type": "badge",
157
162
  "size": "sm",
158
163
  "label": "@col.count"
159
164
  }
160
- ]
165
+ ],
166
+ "align": "center"
161
167
  },
162
168
  {
163
- "positionEvent": "REORDER_POSITION",
164
169
  "renderItem": [
165
170
  "fn",
166
171
  "item",
167
172
  {
168
- "look": "elevated",
169
- "className": "min-w-[220px] max-w-[260px] rounded-md cursor-grab shadow-sm hover:shadow-md transition-shadow",
170
173
  "padding": "sm",
174
+ "className": "min-w-[220px] max-w-[260px] rounded-md cursor-grab shadow-sm hover:shadow-md transition-shadow",
171
175
  "type": "card",
176
+ "look": "elevated",
172
177
  "children": [
173
178
  {
179
+ "gap": "xs",
180
+ "direction": "vertical",
174
181
  "children": [
175
182
  {
176
- "variant": "body",
183
+ "content": "@item.title",
177
184
  "weight": "medium",
178
185
  "type": "typography",
179
- "content": "@item.title"
186
+ "variant": "body"
180
187
  },
181
188
  {
182
189
  "type": "typography",
183
190
  "content": "@item.description",
184
- "color": "muted",
185
191
  "variant": "caption",
186
- "className": "line-clamp-2"
192
+ "className": "line-clamp-2",
193
+ "color": "muted"
187
194
  },
188
195
  {
196
+ "type": "stack",
197
+ "direction": "horizontal",
198
+ "align": "center",
199
+ "gap": "xs",
189
200
  "children": [
190
201
  {
191
- "size": "sm",
192
202
  "label": "@item.stage",
193
203
  "variant": "primary",
194
- "type": "badge"
204
+ "type": "badge",
205
+ "size": "sm"
195
206
  },
196
207
  {
208
+ "type": "button",
197
209
  "label": "Open",
198
- "size": "sm",
199
210
  "variant": "ghost",
200
211
  "actionPayload": {
201
- "row": "@item",
202
- "id": "@item.id"
212
+ "id": "@item.id",
213
+ "row": "@item"
203
214
  },
204
215
  "action": "OPEN_CARD",
216
+ "size": "sm",
205
217
  "icon": "arrow-right",
206
- "type": "button",
207
218
  "className": "ml-auto"
208
219
  }
209
220
  ],
210
- "className": "pt-1",
211
- "align": "center",
212
- "direction": "horizontal",
213
- "type": "stack",
214
- "gap": "xs"
221
+ "className": "pt-1"
215
222
  }
216
223
  ],
217
- "type": "stack",
218
- "direction": "vertical",
219
- "gap": "xs"
224
+ "type": "stack"
220
225
  }
221
226
  ]
222
227
  }
223
228
  ],
224
- "className": "p-card-md min-h-[140px] flex flex-row flex-nowrap gap-3 overflow-x-auto",
225
- "dropEvent": "MOVE_CARD",
226
- "entity": "@col.items",
227
- "sortable": true,
229
+ "accepts": "*",
228
230
  "type": "data-list",
229
- "fields": [],
231
+ "entity": "@col.items",
232
+ "dropEvent": "MOVE_CARD",
230
233
  "dragGroup": "@col.key",
231
234
  "gap": "sm",
232
- "accepts": "*",
233
- "reorderEvent": "REORDER_CARD"
235
+ "positionEvent": "REORDER_POSITION",
236
+ "reorderEvent": "REORDER_CARD",
237
+ "fields": [],
238
+ "className": "p-card-md min-h-[140px] flex flex-row flex-nowrap gap-3 overflow-x-auto",
239
+ "sortable": true
234
240
  }
235
241
  ],
236
- "gap": "none",
237
- "type": "stack",
238
242
  "direction": "vertical"
239
243
  }
240
- ],
241
- "look": "flat-bordered",
242
- "type": "card",
243
- "className": "overflow-hidden rounded-lg"
244
+ ]
244
245
  }
245
246
  ],
246
- "entity": "@entity.boards",
247
- "gap": "md"
247
+ "fields": [],
248
+ "type": "data-list"
248
249
  },
249
250
  {
251
+ "label": "Add card",
250
252
  "action": "ADD_CARD",
251
253
  "variant": "primary",
252
254
  "icon": "plus",
253
- "type": "floating-action-button",
254
- "label": "Add card"
255
+ "type": "floating-action-button"
255
256
  }
256
- ],
257
- "gap": "md"
257
+ ]
258
258
  }
259
259
  }
260
260
  }
package/dist/registry/core-variations/atoms/std-board-timeline-roadmap.orb CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "std-board-timeline-roadmap",
3
- "version": "1.0.0",
3
+ "version": "1.0.1",
4
4
  "description": "Timeline / roadmap board — horizontal time axis with quarters or months as columns; items render as cards inside their target column (item.stage = column.key). Mirrors the Linear / Asana / Productboard roadmap UX. Configure `columns` as ['Q1', 'Q2', 'Q3', 'Q4'] (or months) and the board lays them out left-to-right along a time axis. Same BoardItemBoard trait, same state machine, same emits/listens as std-board — only the bodyContent tree differs.",
5
5
  "orbitals": [
6
6
  {
@@ -34,7 +34,13 @@
34
34
  {
35
35
  "name": "stage",
36
36
  "type": "string",
37
- "default": "Q1"
37
+ "default": "Q1",
38
+ "values": [
39
+ "Q1",
40
+ "Q2",
41
+ "Q3",
42
+ "Q4"
43
+ ]
38
44
  },
39
45
  {
40
46
  "name": "notes",
@@ -94,214 +100,214 @@
94
100
  "config": {
95
101
  "columns": [
96
102
  {
97
- "icon": "calendar",
98
- "label": "Q1",
99
103
  "variant": "default",
104
+ "label": "Q1",
105
+ "icon": "calendar",
100
106
  "key": "Q1"
101
107
  },
102
108
  {
103
- "label": "Q2",
104
- "icon": "calendar",
105
109
  "key": "Q2",
106
- "variant": "primary"
110
+ "label": "Q2",
111
+ "variant": "primary",
112
+ "icon": "calendar"
107
113
  },
108
114
  {
109
- "key": "Q3",
110
115
  "label": "Q3",
116
+ "variant": "info",
111
117
  "icon": "calendar",
112
- "variant": "info"
118
+ "key": "Q3"
113
119
  },
114
120
  {
115
- "key": "Q4",
116
- "label": "Q4",
117
121
  "icon": "calendar",
118
- "variant": "success"
122
+ "key": "Q4",
123
+ "variant": "success",
124
+ "label": "Q4"
119
125
  }
120
126
  ],
121
- "gridCols": 4.0,
122
127
  "bodyContent": {
123
- "type": "stack",
124
- "gap": "md",
128
+ "direction": "vertical",
125
129
  "children": [
126
130
  {
127
131
  "className": "px-card-md",
128
- "direction": "horizontal",
129
132
  "children": [
130
133
  {
131
- "name": "calendar-range",
132
- "type": "icon"
134
+ "type": "icon",
135
+ "name": "calendar-range"
133
136
  },
134
137
  {
135
- "variant": "h2",
138
+ "type": "typography",
136
139
  "content": "@config.title",
137
- "type": "typography"
140
+ "variant": "h2"
138
141
  },
139
142
  {
140
- "type": "typography",
141
- "className": "ml-2",
142
143
  "content": "Roadmap",
144
+ "type": "typography",
143
145
  "color": "muted",
144
- "variant": "caption"
146
+ "variant": "caption",
147
+ "className": "ml-2"
145
148
  }
146
149
  ],
147
- "align": "center",
150
+ "direction": "horizontal",
148
151
  "type": "stack",
149
- "gap": "sm"
152
+ "gap": "sm",
153
+ "align": "center"
150
154
  },
151
155
  {
152
156
  "type": "divider"
153
157
  },
154
158
  {
155
- "align": "stretch",
156
- "type": "stack",
157
- "gap": "none",
158
159
  "className": "overflow-x-auto border-y border-[var(--color-border)]",
160
+ "align": "stretch",
159
161
  "children": [
160
162
  {
161
- "dndRoot": true,
163
+ "type": "data-grid",
162
164
  "renderItem": [
163
165
  "fn",
164
166
  "col",
165
167
  {
166
168
  "children": [
167
169
  {
168
- "gap": "xs",
169
- "align": "center",
170
- "type": "stack",
171
- "className": "px-card-md py-2 bg-[var(--color-surface-subtle)] border-b border-[var(--color-border)] sticky top-0",
172
- "direction": "horizontal",
173
170
  "children": [
174
171
  {
175
172
  "type": "icon",
176
173
  "name": "@col.icon"
177
174
  },
178
175
  {
179
- "variant": "h4",
180
176
  "content": "@col.label",
177
+ "type": "typography",
181
178
  "className": "flex-1",
182
- "type": "typography"
179
+ "variant": "h4"
183
180
  },
184
181
  {
185
- "variant": "primary",
186
- "label": "@col.count",
187
182
  "type": "badge",
183
+ "label": "@col.count",
184
+ "variant": "primary",
188
185
  "size": "sm"
189
186
  }
190
- ]
187
+ ],
188
+ "align": "center",
189
+ "className": "px-card-md py-2 bg-[var(--color-surface-subtle)] border-b border-[var(--color-border)] sticky top-0",
190
+ "gap": "xs",
191
+ "type": "stack",
192
+ "direction": "horizontal"
191
193
  },
192
194
  {
195
+ "dropEvent": "MOVE_CARD",
196
+ "className": "p-card-md min-h-[160px]",
197
+ "entity": "@col.items",
193
198
  "sortable": true,
194
- "fields": [],
195
- "positionEvent": "REORDER_POSITION",
196
199
  "renderItem": [
197
200
  "fn",
198
201
  "item",
199
202
  {
203
+ "type": "card",
204
+ "look": "elevated",
205
+ "padding": "sm",
206
+ "className": "cursor-grab hover:shadow-md transition-shadow",
200
207
  "children": [
201
208
  {
209
+ "type": "stack",
210
+ "direction": "vertical",
211
+ "gap": "xs",
202
212
  "children": [
203
213
  {
204
- "align": "center",
214
+ "type": "stack",
205
215
  "gap": "xs",
216
+ "direction": "horizontal",
217
+ "align": "center",
206
218
  "children": [
207
219
  {
208
220
  "type": "icon",
209
221
  "name": "flag"
210
222
  },
211
223
  {
212
- "weight": "medium",
213
- "variant": "body",
214
224
  "type": "typography",
215
- "className": "flex-1",
216
- "content": "@item.title"
225
+ "variant": "body",
226
+ "content": "@item.title",
227
+ "weight": "medium",
228
+ "className": "flex-1"
217
229
  }
218
- ],
219
- "type": "stack",
220
- "direction": "horizontal"
230
+ ]
221
231
  },
222
232
  {
223
- "color": "muted",
224
- "variant": "caption",
225
233
  "content": "@item.description",
234
+ "className": "line-clamp-2",
235
+ "variant": "caption",
226
236
  "type": "typography",
227
- "className": "line-clamp-2"
237
+ "color": "muted"
228
238
  },
229
239
  {
230
- "direction": "horizontal",
231
240
  "children": [
232
241
  {
242
+ "label": "@item.stage",
233
243
  "type": "badge",
234
244
  "size": "sm",
235
- "variant": "primary",
236
- "label": "@item.stage"
245
+ "variant": "primary"
237
246
  },
238
247
  {
239
- "action": "OPEN_CARD",
240
- "className": "ml-auto",
241
- "label": "Details",
242
248
  "variant": "ghost",
249
+ "type": "button",
250
+ "size": "sm",
251
+ "icon": "arrow-right",
252
+ "label": "Details",
243
253
  "actionPayload": {
244
254
  "id": "@item.id",
245
255
  "row": "@item"
246
256
  },
247
- "type": "button",
248
- "icon": "arrow-right",
249
- "size": "sm"
257
+ "className": "ml-auto",
258
+ "action": "OPEN_CARD"
250
259
  }
251
260
  ],
252
261
  "type": "stack",
262
+ "direction": "horizontal",
263
+ "gap": "xs",
253
264
  "align": "center",
254
- "className": "pt-1",
255
- "gap": "xs"
265
+ "className": "pt-1"
256
266
  }
257
- ],
258
- "direction": "vertical",
259
- "gap": "xs",
260
- "type": "stack"
267
+ ]
261
268
  }
262
- ],
263
- "className": "cursor-grab hover:shadow-md transition-shadow",
264
- "look": "elevated",
265
- "type": "card",
266
- "padding": "sm"
269
+ ]
267
270
  }
268
271
  ],
269
- "dragGroup": "@col.key",
272
+ "type": "data-list",
270
273
  "accepts": "*",
274
+ "fields": [],
271
275
  "gap": "sm",
272
- "type": "data-list",
273
- "entity": "@col.items",
274
- "dropEvent": "MOVE_CARD",
276
+ "dragGroup": "@col.key",
275
277
  "reorderEvent": "REORDER_CARD",
276
- "className": "p-card-md min-h-[160px]"
278
+ "positionEvent": "REORDER_POSITION"
277
279
  }
278
280
  ],
279
- "gap": "none",
280
- "className": "min-w-[240px] border-r border-[var(--color-border)] last:border-r-0",
281
281
  "type": "stack",
282
- "direction": "vertical"
282
+ "direction": "vertical",
283
+ "className": "min-w-[240px] border-r border-[var(--color-border)] last:border-r-0",
284
+ "gap": "none"
283
285
  }
284
286
  ],
285
- "cols": "@config.gridCols",
286
287
  "entity": "@entity.boards",
287
- "type": "data-grid",
288
288
  "gap": "none",
289
+ "fields": [],
289
290
  "className": "min-w-full",
290
- "fields": []
291
+ "cols": "@config.gridCols",
292
+ "dndRoot": true
291
293
  }
292
294
  ],
293
- "direction": "horizontal"
295
+ "gap": "none",
296
+ "direction": "horizontal",
297
+ "type": "stack"
294
298
  },
295
299
  {
296
- "icon": "plus",
297
- "type": "floating-action-button",
298
300
  "label": "Add milestone",
299
301
  "variant": "primary",
302
+ "icon": "plus",
303
+ "type": "floating-action-button",
300
304
  "action": "ADD_CARD"
301
305
  }
302
306
  ],
303
- "direction": "vertical"
304
- }
307
+ "gap": "md",
308
+ "type": "stack"
309
+ },
310
+ "gridCols": 4.0
305
311
  }
306
312
  }
307
313
  ],