@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/behaviors/registry/core-variations/atoms/std-browse-dense.orb CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "std-browse-dense",
3
- "version": "1.0.0",
4
- "description": "Spreadsheet-style dense browse — sortable column-row table, sticky header, monospaced numerics, tight 8px row padding.",
3
+ "version": "1.1.1",
4
+ "description": "Spreadsheet-style dense browse — column-row data-table molecule with sticky header, monospaced numerics, status badges, tight row padding.",
5
5
  "orbitals": [
6
6
  {
7
7
  "name": "DenseBrowseOrbital",
@@ -64,119 +64,112 @@
64
64
  "linkedEntity": "DenseRow",
65
65
  "config": {
66
66
  "bodyContent": {
67
- "className": "p-card-md",
68
67
  "direction": "vertical",
69
- "gap": "sm",
68
+ "className": "p-card-md",
70
69
  "children": [
71
70
  {
72
- "align": "center",
73
- "direction": "horizontal",
74
- "className": "max-w-md",
75
- "gap": "sm",
71
+ "type": "stack",
76
72
  "children": [
77
73
  {
78
74
  "name": "search",
79
75
  "type": "icon"
80
76
  },
81
77
  {
82
- "type": "input",
83
- "inputType": "search",
84
78
  "placeholder": "Filter records…",
85
- "action": "REFETCH_QUERY"
79
+ "type": "input",
80
+ "action": "REFETCH_QUERY",
81
+ "inputType": "search"
86
82
  }
87
83
  ],
88
- "type": "stack"
84
+ "gap": "sm",
85
+ "align": "center",
86
+ "className": "max-w-md",
87
+ "direction": "horizontal"
89
88
  },
90
89
  {
91
- "type": "stack",
90
+ "gap": "none",
92
91
  "direction": "vertical",
93
92
  "children": [
94
93
  {
94
+ "selectable": true,
95
+ "entity": "@payload.data",
96
+ "type": "table-view",
97
+ "look": "dense",
98
+ "emptyMessage": "No records",
95
99
  "columns": [
96
100
  {
97
- "key": "id",
98
- "header": "ID",
99
101
  "align": "left",
100
- "label": "ID",
102
+ "header": "ID",
101
103
  "field": "id",
102
- "width": "w-28",
103
- "className": "font-mono text-[var(--color-text-muted)] truncate"
104
+ "width": "7rem",
105
+ "className": "font-mono text-[var(--color-text-muted)]",
106
+ "key": "id"
104
107
  },
105
108
  {
106
- "label": "Name",
107
- "width": "flex-1 min-w-[10rem]",
108
109
  "weight": "medium",
109
- "field": "name",
110
- "className": "truncate",
110
+ "width": "minmax(10rem, 1.5fr)",
111
111
  "key": "name",
112
- "header": "NAME",
112
+ "field": "name",
113
+ "header": "Name",
113
114
  "align": "left"
114
115
  },
115
116
  {
116
- "label": "Detail",
117
- "width": "flex-1 min-w-[12rem]",
118
117
  "key": "description",
119
- "align": "left",
120
118
  "field": "description",
121
- "header": "DETAIL",
122
- "className": "text-[var(--color-text-muted)] truncate"
119
+ "align": "left",
120
+ "width": "minmax(12rem, 2fr)",
121
+ "className": "text-[var(--color-text-muted)]",
122
+ "header": "Detail"
123
123
  },
124
124
  {
125
- "header": "VALUE",
126
- "width": "w-28",
127
- "align": "right",
128
- "className": "font-mono tabular-nums",
129
125
  "field": "value",
130
- "label": "Value",
131
- "key": "value"
126
+ "header": "Value",
127
+ "width": "6rem",
128
+ "className": "font-mono tabular-nums",
129
+ "key": "value",
130
+ "align": "right"
132
131
  },
133
132
  {
134
- "width": "w-24",
135
- "label": "Change",
136
133
  "className": "font-mono tabular-nums",
137
- "align": "right",
134
+ "width": "6rem",
135
+ "field": "change",
138
136
  "key": "change",
139
- "header": "CHANGE",
140
- "field": "change"
137
+ "align": "right",
138
+ "header": "Change"
141
139
  },
142
140
  {
143
- "label": "Volume",
144
141
  "key": "volume",
142
+ "header": "Volume",
143
+ "width": "6rem",
145
144
  "field": "volume",
146
- "header": "VOLUME",
147
145
  "align": "right",
148
- "width": "w-24",
149
146
  "className": "font-mono tabular-nums text-[var(--color-text-muted)]"
150
147
  },
151
148
  {
152
- "header": "STATUS",
153
- "field": "status",
154
- "label": "Status",
149
+ "width": "6rem",
155
150
  "key": "status",
156
- "width": "w-24",
157
- "align": "center"
151
+ "align": "center",
152
+ "header": "Status",
153
+ "format": "badge",
154
+ "field": "status"
158
155
  },
159
156
  {
160
- "field": "createdAt",
161
- "width": "w-32",
162
157
  "align": "right",
163
- "key": "createdAt",
164
- "className": "font-mono tabular-nums text-[var(--color-text-muted)] truncate",
165
- "header": "CREATED",
166
- "label": "Created"
158
+ "className": "font-mono tabular-nums text-[var(--color-text-muted)]",
159
+ "field": "createdAt",
160
+ "format": "date",
161
+ "width": "9rem",
162
+ "header": "Created",
163
+ "key": "createdAt"
167
164
  }
168
- ],
169
- "emptyMessage": "No records",
170
- "type": "table",
171
- "className": "w-full text-sm [&_thead]:sticky [&_thead]:top-0 [&_thead]:z-10 [&_thead]:bg-[var(--color-surface-muted)] [&_thead]:text-[var(--color-text-muted)] [&_thead]:uppercase [&_thead]:text-xs [&_thead]:font-semibold [&_thead]:tracking-wide [&_thead]:border-b [&_thead]:border-[var(--color-border)] [&_tbody_tr]:border-b [&_tbody_tr]:border-[var(--color-border)] [&_tbody_tr:last-child]:border-b-0 [&_tbody_tr:hover]:bg-[var(--color-surface-muted)] [&_td]:px-3 [&_td]:py-2 [&_th]:px-3 [&_th]:py-2",
172
- "entity": "@payload.data",
173
- "selectable": true
165
+ ]
174
166
  }
175
167
  ],
176
- "gap": "none",
177
- "className": "rounded-md border border-[var(--color-border)] overflow-hidden bg-[var(--color-surface)]"
168
+ "type": "stack",
169
+ "className": "rounded-lg border border-[var(--color-border)] overflow-x-auto bg-[var(--color-card)] shadow-sm"
178
170
  }
179
171
  ],
172
+ "gap": "sm",
180
173
  "type": "stack"
181
174
  }
182
175
  }
package/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/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
  }