@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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "std-board-kanban-classic",
3
- "version": "1.0.0",
3
+ "version": "1.0.1",
4
4
  "description": "Trello-style kanban — wide elevated columns side-by-side, sticky column headers with icon + label + count chip, dense cards with title, description, and a status badge. Same BoardItemBoard trait, same state machine, same emits/listens as std-board — only the bodyContent tree differs.",
5
5
  "orbitals": [
6
6
  {
@@ -98,6 +98,7 @@
98
98
  "linkedEntity": "KanbanClassicItem",
99
99
  "config": {
100
100
  "bodyContent": {
101
+ "gap": "md",
101
102
  "type": "stack",
102
103
  "direction": "vertical",
103
104
  "className": "h-full",
@@ -109,15 +110,15 @@
109
110
  "name": "kanban-square"
110
111
  },
111
112
  {
112
- "type": "typography",
113
+ "content": "@config.title",
113
114
  "variant": "h2",
114
- "content": "@config.title"
115
+ "type": "typography"
115
116
  }
116
117
  ],
117
- "className": "px-card-md",
118
+ "gap": "sm",
118
119
  "type": "stack",
120
+ "className": "px-card-md",
119
121
  "direction": "horizontal",
120
- "gap": "sm",
121
122
  "align": "center"
122
123
  },
123
124
  {
@@ -128,135 +129,134 @@
128
129
  "fn",
129
130
  "col",
130
131
  {
132
+ "look": "elevated",
131
133
  "padding": "none",
132
134
  "type": "card",
133
- "look": "elevated",
134
135
  "className": "min-w-[280px] bg-[var(--color-surface-subtle)] rounded-lg overflow-hidden",
135
136
  "children": [
136
137
  {
138
+ "type": "stack",
137
139
  "gap": "none",
138
140
  "children": [
139
141
  {
140
- "direction": "horizontal",
141
- "type": "stack",
142
- "align": "center",
143
142
  "gap": "sm",
144
- "className": "px-card-md py-3 border-b border-[var(--color-border)] sticky top-0 bg-[var(--color-surface)]",
143
+ "align": "center",
144
+ "type": "stack",
145
+ "direction": "horizontal",
146
+ "className": "p-card-md border-b border-[var(--color-border)] sticky top-0 bg-[var(--color-surface)]",
145
147
  "children": [
146
148
  {
147
- "name": "@col.icon",
148
- "type": "icon"
149
+ "type": "icon",
150
+ "name": "@col.icon"
149
151
  },
150
152
  {
151
- "variant": "h4",
152
153
  "content": "@col.label",
154
+ "variant": "h4",
153
155
  "type": "typography",
154
156
  "className": "flex-1"
155
157
  },
156
158
  {
157
- "variant": "primary",
158
159
  "label": "@col.count",
160
+ "variant": "primary",
159
161
  "size": "sm",
160
162
  "type": "badge"
161
163
  }
162
164
  ]
163
165
  },
164
166
  {
167
+ "sortable": true,
168
+ "reorderEvent": "REORDER_CARD",
169
+ "type": "data-list",
170
+ "gap": "sm",
171
+ "entity": "@col.items",
172
+ "dragGroup": "@col.key",
173
+ "accepts": "*",
174
+ "fields": [],
175
+ "dropEvent": "MOVE_CARD",
176
+ "positionEvent": "REORDER_POSITION",
177
+ "className": "p-card-md min-h-[120px]",
165
178
  "renderItem": [
166
179
  "fn",
167
180
  "item",
168
181
  {
169
- "type": "card",
170
182
  "children": [
171
183
  {
184
+ "direction": "vertical",
172
185
  "gap": "xs",
173
186
  "children": [
174
187
  {
175
- "variant": "body",
176
188
  "weight": "medium",
177
189
  "content": "@item.title",
178
- "type": "typography"
190
+ "type": "typography",
191
+ "variant": "body"
179
192
  },
180
193
  {
181
194
  "variant": "caption",
182
- "content": "@item.description",
183
- "color": "muted",
184
195
  "type": "typography",
185
- "className": "line-clamp-2"
196
+ "className": "line-clamp-2",
197
+ "color": "muted",
198
+ "content": "@item.description"
186
199
  },
187
200
  {
188
- "align": "center",
189
- "direction": "horizontal",
190
- "type": "stack",
201
+ "gap": "xs",
191
202
  "children": [
192
203
  {
193
- "variant": "primary",
194
- "type": "badge",
195
204
  "label": "@item.stage",
196
- "size": "sm"
205
+ "size": "sm",
206
+ "type": "badge",
207
+ "variant": "primary"
197
208
  },
198
209
  {
199
- "type": "button",
200
- "action": "OPEN_CARD",
201
210
  "icon": "arrow-right",
202
- "className": "ml-auto",
211
+ "type": "button",
203
212
  "size": "sm",
204
- "label": "Open",
213
+ "className": "ml-auto",
205
214
  "variant": "ghost",
206
215
  "actionPayload": {
207
- "id": "@item.id",
208
- "row": "@item"
209
- }
216
+ "row": "@item",
217
+ "id": "@item.id"
218
+ },
219
+ "label": "Open",
220
+ "action": "OPEN_CARD"
210
221
  }
211
222
  ],
212
- "gap": "xs",
213
- "className": "pt-1"
223
+ "align": "center",
224
+ "type": "stack",
225
+ "className": "pt-1",
226
+ "direction": "horizontal"
214
227
  }
215
228
  ],
216
- "type": "stack",
217
- "direction": "vertical"
229
+ "type": "stack"
218
230
  }
219
231
  ],
220
- "look": "elevated",
221
232
  "className": "cursor-grab hover:shadow-lg transition-shadow",
222
- "padding": "sm"
233
+ "padding": "sm",
234
+ "type": "card",
235
+ "look": "elevated"
223
236
  }
224
- ],
225
- "positionEvent": "REORDER_POSITION",
226
- "fields": [],
227
- "dragGroup": "@col.key",
228
- "reorderEvent": "REORDER_CARD",
229
- "className": "p-card-md min-h-[120px]",
230
- "sortable": true,
231
- "type": "data-list",
232
- "gap": "sm",
233
- "entity": "@col.items",
234
- "accepts": "*",
235
- "dropEvent": "MOVE_CARD"
237
+ ]
236
238
  }
237
239
  ],
238
- "type": "stack",
239
240
  "direction": "vertical"
240
241
  }
241
242
  ]
242
243
  }
243
244
  ],
244
- "gap": "lg",
245
245
  "type": "data-grid",
246
246
  "cols": "@config.gridCols",
247
247
  "entity": "@entity.boards",
248
+ "gap": "lg",
248
249
  "fields": [],
249
250
  "dndRoot": true
250
251
  },
251
252
  {
252
253
  "variant": "primary",
253
- "type": "floating-action-button",
254
254
  "label": "Add card",
255
- "action": "ADD_CARD",
256
- "icon": "plus"
255
+ "icon": "plus",
256
+ "type": "floating-action-button",
257
+ "action": "ADD_CARD"
257
258
  }
258
- ],
259
- "gap": "md"
259
+ ]
260
260
  }
261
261
  }
262
262
  }
@@ -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
  }