@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/behaviors/registry/core-variations/atoms/std-browse-feed.orb CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "std-browse-feed",
3
- "version": "1.0.0",
3
+ "version": "1.0.1",
4
4
  "description": "Activity feed — chronological card-per-item stream with avatar, title, meta, body, timestamp; hover-lift, gap-md rhythm.",
5
5
  "orbitals": [
6
6
  {
@@ -56,122 +56,123 @@
56
56
  "linkedEntity": "FeedPost",
57
57
  "config": {
58
58
  "bodyContent": {
59
- "className": "max-w-2xl mx-auto p-card-md",
60
- "type": "stack",
61
59
  "children": [
62
60
  {
63
- "align": "center",
64
- "className": "rounded-md border border-[var(--color-border)] bg-[var(--color-surface)] px-3 py-2 shadow-sm",
65
- "direction": "horizontal",
66
- "gap": "sm",
67
61
  "type": "stack",
62
+ "className": "rounded-md border border-[var(--color-border)] bg-[var(--color-surface)] px-3 py-2 shadow-sm",
68
63
  "children": [
69
64
  {
70
65
  "name": "search",
71
66
  "type": "icon"
72
67
  },
73
68
  {
74
- "inputType": "search",
75
69
  "placeholder": "Filter the feed…",
76
- "action": "REFETCH_QUERY",
77
- "type": "input"
70
+ "type": "input",
71
+ "className": "flex-1",
72
+ "inputType": "search",
73
+ "action": "REFETCH_QUERY"
78
74
  }
79
- ]
75
+ ],
76
+ "gap": "sm",
77
+ "direction": "horizontal",
78
+ "align": "center"
80
79
  },
81
80
  {
82
- "variant": "card",
81
+ "entity": "@payload.data",
83
82
  "fields": [],
83
+ "type": "data-list",
84
+ "variant": "card",
84
85
  "renderItem": [
85
86
  "fn",
86
87
  "item",
87
88
  {
88
89
  "look": "flat-bordered",
89
- "className": "rounded-lg bg-[var(--color-card)] border border-[var(--color-border)] shadow-sm transition-all duration-normal hover:shadow-main hover:border-[var(--color-border-strong)] hover:-translate-y-px",
90
- "type": "card",
91
90
  "children": [
92
91
  {
92
+ "direction": "horizontal",
93
+ "align": "start",
93
94
  "children": [
94
95
  {
95
- "className": "rounded-full flex-shrink-0",
96
- "type": "avatar",
96
+ "fallback": "@item.name",
97
97
  "size": "md",
98
- "fallback": "@item.name"
98
+ "className": "rounded-full flex-shrink-0",
99
+ "type": "avatar"
99
100
  },
100
101
  {
101
102
  "gap": "xs",
103
+ "className": "flex-1 min-w-0",
102
104
  "type": "stack",
105
+ "direction": "vertical",
103
106
  "children": [
104
107
  {
108
+ "direction": "horizontal",
105
109
  "align": "center",
106
110
  "className": "flex-wrap",
111
+ "gap": "xs",
112
+ "type": "stack",
107
113
  "children": [
108
114
  {
109
- "type": "typography",
110
- "content": "@item.name",
111
- "className": "truncate",
112
115
  "variant": "body",
113
- "weight": "medium"
116
+ "content": "@item.name",
117
+ "weight": "medium",
118
+ "type": "typography",
119
+ "className": "truncate"
114
120
  },
115
121
  {
116
122
  "variant": "neutral",
123
+ "label": "@item.category",
117
124
  "size": "sm",
118
- "type": "badge",
119
- "label": "@item.category"
125
+ "type": "badge"
120
126
  }
121
- ],
122
- "gap": "xs",
123
- "direction": "horizontal",
124
- "type": "stack"
127
+ ]
125
128
  },
126
129
  {
127
130
  "className": "text-[var(--color-foreground)] whitespace-pre-wrap break-words leading-relaxed",
128
- "content": "@item.description",
129
131
  "variant": "body",
132
+ "content": "@item.description",
130
133
  "type": "typography"
131
134
  },
132
135
  {
133
- "justify": "between",
134
- "gap": "sm",
135
- "align": "center",
136
136
  "type": "stack",
137
+ "direction": "horizontal",
138
+ "justify": "between",
139
+ "className": "pt-1",
137
140
  "children": [
138
141
  {
139
- "content": "@item.createdAt",
140
142
  "variant": "caption",
143
+ "type": "typography",
141
144
  "color": "muted",
142
- "type": "typography"
145
+ "content": "@item.createdAt"
143
146
  },
144
147
  {
145
- "label": "@item.status",
148
+ "variant": "default",
146
149
  "type": "badge",
147
- "size": "sm",
148
- "variant": "default"
150
+ "label": "@item.status",
151
+ "size": "sm"
149
152
  }
150
153
  ],
151
- "className": "pt-1",
152
- "direction": "horizontal"
154
+ "gap": "sm",
155
+ "align": "center"
153
156
  }
154
- ],
155
- "direction": "vertical",
156
- "className": "flex-1 min-w-0"
157
+ ]
157
158
  }
158
159
  ],
159
- "direction": "horizontal",
160
- "className": "p-card-md",
160
+ "type": "stack",
161
161
  "gap": "md",
162
- "align": "start",
163
- "type": "stack"
162
+ "className": "p-card-md"
164
163
  }
165
- ]
164
+ ],
165
+ "className": "rounded-lg bg-[var(--color-card)] border border-[var(--color-border)] shadow-sm transition-all duration-normal hover:shadow-main hover:border-[var(--color-border-strong)] hover:-translate-y-px",
166
+ "type": "card"
166
167
  }
167
168
  ],
168
- "type": "data-list",
169
- "gap": "md",
170
- "entity": "@payload.data"
169
+ "gap": "md"
171
170
  }
172
171
  ],
173
- "gap": "lg",
174
- "direction": "vertical"
172
+ "type": "stack",
173
+ "className": "max-w-2xl mx-auto p-card-md",
174
+ "direction": "vertical",
175
+ "gap": "lg"
175
176
  }
176
177
  }
177
178
  }
package/dist/behaviors/registry/core-variations/atoms/std-browse-gallery.orb CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "std-browse-gallery",
3
- "version": "1.0.0",
3
+ "version": "1.0.1",
4
4
  "description": "Gallery browse — image-first responsive card grid (Pinterest/Dribbble) using data-grid with auto-fit minCardWidth so it stays a grid from 3 cols above 1200px down to 1 col under 600px.",
5
5
  "orbitals": [
6
6
  {
@@ -60,124 +60,124 @@
60
60
  "linkedEntity": "GalleryItem",
61
61
  "config": {
62
62
  "bodyContent": {
63
- "gap": "lg",
64
63
  "type": "stack",
65
- "className": "max-w-7xl mx-auto px-card-md py-section",
66
- "direction": "vertical",
67
64
  "children": [
68
65
  {
69
- "direction": "horizontal",
70
- "gap": "sm",
71
66
  "type": "stack",
72
- "align": "center",
67
+ "direction": "horizontal",
73
68
  "className": "sticky top-0 z-10 -mx-card-md px-card-md py-3 bg-[var(--color-surface)]/95 backdrop-blur border-b border-[var(--color-border)]",
69
+ "gap": "sm",
74
70
  "children": [
75
71
  {
72
+ "type": "icon",
76
73
  "name": "search",
77
- "className": "text-muted-foreground",
78
- "type": "icon"
74
+ "className": "text-muted-foreground"
79
75
  },
80
76
  {
81
- "inputType": "search",
82
- "type": "input",
83
77
  "action": "REFETCH_QUERY",
84
- "placeholder": "Search the gallery…"
78
+ "type": "input",
79
+ "placeholder": "Search the gallery…",
80
+ "inputType": "search"
85
81
  }
86
- ]
82
+ ],
83
+ "align": "center"
87
84
  },
88
85
  {
86
+ "gap": "lg",
87
+ "minCardWidth": 280.0,
88
+ "className": "w-full",
89
89
  "renderItem": [
90
90
  "fn",
91
91
  "item",
92
92
  {
93
- "direction": "vertical",
94
- "className": "group rounded-lg overflow-hidden bg-[var(--color-card)] border border-[var(--color-border)] shadow-sm hover:shadow-hover hover:-translate-y-0.5 transition-all duration-normal cursor-pointer",
93
+ "type": "stack",
95
94
  "children": [
96
95
  {
97
- "className": "relative aspect-square w-full bg-muted overflow-hidden",
98
96
  "type": "stack",
99
- "align": "center",
100
97
  "direction": "vertical",
101
- "justify": "center",
98
+ "className": "relative aspect-square w-full bg-muted overflow-hidden",
102
99
  "gap": "xs",
100
+ "justify": "center",
103
101
  "children": [
104
102
  {
103
+ "className": "text-muted-foreground opacity-50 transition-transform duration-normal group-hover:scale-105",
105
104
  "size": "lg",
106
- "type": "icon",
107
105
  "name": "image",
108
- "className": "text-muted-foreground opacity-50 transition-transform duration-normal group-hover:scale-105"
106
+ "type": "icon"
109
107
  },
110
108
  {
111
- "className": "px-2 text-center truncate max-w-full",
112
109
  "type": "typography",
113
- "color": "muted",
110
+ "className": "px-2 text-center truncate max-w-full",
114
111
  "variant": "caption",
115
- "content": "@item.thumbnailLabel"
112
+ "content": "@item.thumbnailLabel",
113
+ "color": "muted"
116
114
  },
117
115
  {
116
+ "type": "stack",
117
+ "className": "absolute top-2 right-2",
118
+ "direction": "horizontal",
119
+ "gap": "xs",
120
+ "align": "center",
118
121
  "children": [
119
122
  {
123
+ "variant": "primary",
120
124
  "label": "@item.price",
121
- "type": "badge",
122
- "variant": "primary"
125
+ "type": "badge"
123
126
  }
124
- ],
125
- "type": "stack",
126
- "direction": "horizontal",
127
- "align": "center",
128
- "className": "absolute top-2 right-2",
129
- "gap": "xs"
127
+ ]
130
128
  },
131
129
  {
132
130
  "className": "absolute top-2 left-2",
133
131
  "type": "stack",
132
+ "direction": "horizontal",
134
133
  "gap": "xs",
134
+ "align": "center",
135
135
  "children": [
136
136
  {
137
- "type": "badge",
138
137
  "label": "@item.status",
138
+ "type": "badge",
139
139
  "variant": "neutral"
140
140
  }
141
- ],
142
- "direction": "horizontal",
143
- "align": "center"
141
+ ]
144
142
  }
145
- ]
143
+ ],
144
+ "align": "center"
146
145
  },
147
146
  {
148
- "type": "stack",
149
- "className": "px-card-md pb-card-md",
147
+ "direction": "vertical",
148
+ "gap": "xs",
149
+ "className": "p-card-md",
150
150
  "children": [
151
151
  {
152
- "variant": "h4",
153
- "content": "@item.name",
154
152
  "type": "typography",
155
- "className": "truncate"
153
+ "content": "@item.name",
154
+ "className": "truncate",
155
+ "variant": "h4"
156
156
  },
157
157
  {
158
- "color": "muted",
159
158
  "type": "typography",
160
159
  "content": "@item.description",
160
+ "variant": "caption",
161
161
  "className": "line-clamp-2",
162
- "variant": "caption"
162
+ "color": "muted"
163
163
  }
164
164
  ],
165
- "direction": "vertical",
166
- "gap": "xs"
165
+ "type": "stack"
167
166
  }
168
167
  ],
169
- "type": "stack",
170
- "gap": "sm"
168
+ "className": "group rounded-lg overflow-hidden bg-[var(--color-card)] border border-[var(--color-border)] shadow-sm hover:shadow-hover hover:-translate-y-0.5 transition-all duration-normal cursor-pointer",
169
+ "gap": "sm",
170
+ "direction": "vertical"
171
171
  }
172
172
  ],
173
- "gap": "lg",
174
- "entity": "@payload.data",
175
- "fields": [],
176
173
  "type": "data-grid",
177
- "minCardWidth": 280.0,
178
- "className": "w-full"
174
+ "fields": [],
175
+ "entity": "@payload.data"
179
176
  }
180
- ]
177
+ ],
178
+ "direction": "vertical",
179
+ "gap": "lg",
180
+ "className": "max-w-7xl mx-auto px-card-md py-section"
181
181
  }
182
182
  }
183
183
  }
package/dist/behaviors/registry/core-variations/atoms/std-browse-triage.orb CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "std-browse-triage",
3
- "version": "1.0.0",
3
+ "version": "1.0.1",
4
4
  "description": "Work-queue triage — prioritized rows with leading queue-position pill, priority badge, and per-row Accept/Defer/Escalate action buttons.",
5
5
  "orbitals": [
6
6
  {
@@ -60,170 +60,150 @@
60
60
  "linkedEntity": "TriageItem",
61
61
  "config": {
62
62
  "bodyContent": {
63
- "className": "max-w-3xl mx-auto p-card-md",
64
- "gap": "md",
65
63
  "direction": "vertical",
64
+ "gap": "md",
66
65
  "type": "stack",
66
+ "className": "max-w-3xl mx-auto p-card-md",
67
67
  "children": [
68
68
  {
69
- "type": "stack",
70
69
  "justify": "between",
70
+ "direction": "horizontal",
71
+ "gap": "sm",
72
+ "align": "center",
71
73
  "className": "px-1",
74
+ "type": "stack",
72
75
  "children": [
73
76
  {
74
- "variant": "overline",
75
77
  "content": "Triage queue",
78
+ "type": "typography",
76
79
  "color": "muted",
77
- "type": "typography"
80
+ "variant": "overline"
78
81
  },
79
82
  {
80
- "label": "@payload.data.length",
81
- "type": "badge",
82
83
  "variant": "neutral",
83
- "size": "sm"
84
+ "label": "@payload.data.length",
85
+ "size": "sm",
86
+ "type": "badge"
84
87
  }
85
- ],
86
- "align": "center",
87
- "gap": "sm",
88
- "direction": "horizontal"
88
+ ]
89
89
  },
90
90
  {
91
91
  "type": "divider"
92
92
  },
93
93
  {
94
- "fields": [],
95
- "type": "data-list",
96
- "entity": "@payload.data",
94
+ "variant": "card",
97
95
  "renderItem": [
98
96
  "fn",
99
97
  "item",
100
98
  {
99
+ "type": "card",
100
+ "className": "group rounded-md bg-[var(--color-card)] border border-[var(--color-border)] shadow-sm transition-all duration-normal hover:shadow-hover hover:border-[var(--color-border-strong)] hover:-translate-y-px",
101
101
  "children": [
102
102
  {
103
+ "direction": "horizontal",
103
104
  "children": [
104
105
  {
105
- "direction": "vertical",
106
- "align": "center",
107
- "justify": "center",
108
106
  "children": [
109
107
  {
110
- "weight": "bold",
111
- "variant": "caption",
112
- "type": "typography",
113
- "content": "@item.queueIndex"
114
- }
115
- ],
116
- "type": "stack",
117
- "className": "shrink-0 w-10 h-10 rounded-full bg-[var(--color-primary-soft)] text-[var(--color-primary-strong)] font-semibold",
118
- "gap": "none"
119
- },
120
- {
121
- "className": "shrink-0 text-[var(--color-text-muted)]",
122
- "type": "icon",
123
- "name": "flag"
124
- },
125
- {
126
- "type": "stack",
127
- "gap": "xs",
128
- "direction": "vertical",
129
- "children": [
130
- {
131
- "align": "center",
132
- "className": "flex-wrap",
108
+ "direction": "horizontal",
109
+ "className": "min-w-0",
133
110
  "children": [
134
111
  {
135
- "variant": "body",
136
- "type": "typography",
112
+ "variant": "neutral",
113
+ "type": "badge",
114
+ "size": "sm",
115
+ "label": "@item.priority"
116
+ },
117
+ {
137
118
  "weight": "medium",
119
+ "type": "typography",
138
120
  "content": "@item.name",
121
+ "variant": "body",
139
122
  "className": "truncate"
140
- },
141
- {
142
- "type": "badge",
143
- "label": "@item.priority",
144
- "size": "sm",
145
- "variant": "warning"
146
123
  }
147
124
  ],
125
+ "align": "center",
148
126
  "type": "stack",
149
- "direction": "horizontal",
150
- "gap": "xs"
127
+ "gap": "sm"
151
128
  },
152
129
  {
153
- "color": "muted",
130
+ "content": "@item.description",
131
+ "variant": "caption",
154
132
  "type": "typography",
155
133
  "className": "truncate",
156
- "content": "@item.description",
157
- "variant": "caption"
134
+ "color": "muted"
158
135
  },
159
136
  {
160
- "type": "stack",
161
- "align": "center",
162
- "className": "pt-0.5",
163
137
  "direction": "horizontal",
138
+ "className": "pt-0.5",
139
+ "type": "stack",
140
+ "gap": "xs",
164
141
  "children": [
165
142
  {
166
- "type": "icon",
167
143
  "className": "text-[var(--color-text-muted)]",
168
- "name": "user"
144
+ "type": "icon",
145
+ "name": "user",
146
+ "size": "sm"
169
147
  },
170
148
  {
171
- "variant": "caption",
172
- "content": "@item.assignee",
173
149
  "color": "muted",
174
- "type": "typography"
150
+ "type": "typography",
151
+ "content": "@item.assignee",
152
+ "variant": "caption"
175
153
  }
176
154
  ],
177
- "gap": "xs"
155
+ "align": "center"
178
156
  }
179
157
  ],
158
+ "direction": "vertical",
159
+ "type": "stack",
160
+ "gap": "xs",
180
161
  "className": "flex-1 min-w-0"
181
162
  },
182
163
  {
164
+ "gap": "xs",
165
+ "align": "center",
166
+ "type": "stack",
183
167
  "children": [
184
168
  {
185
- "size": "sm",
186
169
  "type": "button",
187
- "action": "DEFER",
188
170
  "label": "Defer",
189
- "variant": "ghost"
171
+ "action": "DEFER",
172
+ "variant": "ghost",
173
+ "size": "sm"
190
174
  },
191
175
  {
176
+ "variant": "warning",
192
177
  "size": "sm",
193
178
  "type": "button",
194
- "variant": "warning",
195
- "action": "ESCALATE",
196
- "label": "Escalate"
179
+ "label": "Escalate",
180
+ "action": "ESCALATE"
197
181
  },
198
182
  {
199
- "size": "sm",
183
+ "action": "ACCEPT",
200
184
  "label": "Accept",
201
- "type": "button",
202
185
  "variant": "primary",
203
- "action": "ACCEPT"
186
+ "type": "button",
187
+ "size": "sm"
204
188
  }
205
189
  ],
206
- "direction": "horizontal",
207
- "gap": "xs",
208
- "type": "stack",
209
- "align": "center",
210
- "className": "shrink-0 opacity-60 group-hover:opacity-100 transition-opacity duration-normal"
190
+ "className": "shrink-0 opacity-60 group-hover:opacity-100 transition-opacity duration-normal",
191
+ "direction": "horizontal"
211
192
  }
212
193
  ],
213
- "align": "center",
194
+ "type": "stack",
214
195
  "gap": "md",
215
- "className": "p-card-md",
216
- "direction": "horizontal",
217
- "type": "stack"
196
+ "align": "center",
197
+ "className": "p-card-md"
218
198
  }
219
199
  ],
220
- "className": "group rounded-md bg-[var(--color-card)] border border-[var(--color-border)] shadow-sm transition-all duration-normal hover:shadow-hover hover:border-[var(--color-border-strong)] hover:-translate-y-px",
221
- "type": "card",
222
200
  "look": "flat-bordered"
223
201
  }
224
202
  ],
225
- "gap": "md",
226
- "variant": "card"
203
+ "entity": "@payload.data",
204
+ "type": "data-list",
205
+ "fields": [],
206
+ "gap": "md"
227
207
  }
228
208
  ]
229
209
  }