@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.
- package/behaviors/registry/core-variations/atoms/std-browse-command-palette.orb +64 -62
- package/behaviors/registry/core-variations/atoms/std-browse-dense.orb +48 -46
- package/behaviors/registry/core-variations/atoms/std-browse-gallery.orb +55 -54
- package/behaviors/registry/core-variations/atoms/std-stats-hero-metric.orb +207 -99
- package/behaviors/registry/core-variations/atoms/std-stats-kpi-tiles.orb +215 -141
- package/behaviors/registry/core-variations/atoms/std-stats-sparkline-row.orb +215 -129
- package/behaviors/registry/core-variations/atoms/std-thread-email-threaded.orb +157 -147
- package/dist/behaviors/behaviors-registry.json +1 -1
- package/dist/behaviors/registry/core-variations/atoms/std-browse-command-palette.orb +64 -62
- package/dist/behaviors/registry/core-variations/atoms/std-browse-dense.orb +48 -46
- package/dist/behaviors/registry/core-variations/atoms/std-browse-gallery.orb +55 -54
- package/dist/behaviors/registry/core-variations/atoms/std-stats-hero-metric.orb +207 -99
- package/dist/behaviors/registry/core-variations/atoms/std-stats-kpi-tiles.orb +215 -141
- package/dist/behaviors/registry/core-variations/atoms/std-stats-sparkline-row.orb +215 -129
- package/dist/behaviors/registry/core-variations/atoms/std-thread-email-threaded.orb +157 -147
- package/dist/behaviors-registry.json +1 -1
- package/dist/registry/core-variations/atoms/std-browse-command-palette.orb +64 -62
- package/dist/registry/core-variations/atoms/std-browse-dense.orb +48 -46
- package/dist/registry/core-variations/atoms/std-browse-gallery.orb +55 -54
- package/dist/registry/core-variations/atoms/std-stats-hero-metric.orb +207 -99
- package/dist/registry/core-variations/atoms/std-stats-kpi-tiles.orb +215 -141
- package/dist/registry/core-variations/atoms/std-stats-sparkline-row.orb +215 -129
- package/dist/registry/core-variations/atoms/std-thread-email-threaded.orb +157 -147
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "std-browse-command-palette",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.1",
|
|
4
4
|
"description": "Command-palette browse — VS Code/Linear/Raycast floating overlay with search input header, tight result list, and kbd hint chips.",
|
|
5
5
|
"orbitals": [
|
|
6
6
|
{
|
|
@@ -53,169 +53,171 @@
|
|
|
53
53
|
"config": {
|
|
54
54
|
"bodyContent": {
|
|
55
55
|
"gap": "lg",
|
|
56
|
-
"className": "pt-section px-card-md",
|
|
57
|
-
"type": "stack",
|
|
58
|
-
"direction": "vertical",
|
|
59
|
-
"align": "center",
|
|
60
56
|
"children": [
|
|
61
57
|
{
|
|
62
|
-
"padding": "md",
|
|
63
|
-
"type": "card",
|
|
64
58
|
"children": [
|
|
65
59
|
{
|
|
60
|
+
"direction": "vertical",
|
|
61
|
+
"type": "stack",
|
|
62
|
+
"gap": "none",
|
|
66
63
|
"children": [
|
|
67
64
|
{
|
|
68
|
-
"align": "center",
|
|
69
65
|
"gap": "sm",
|
|
70
|
-
"type": "stack",
|
|
71
66
|
"direction": "horizontal",
|
|
67
|
+
"align": "center",
|
|
68
|
+
"className": "px-card-md py-3",
|
|
72
69
|
"children": [
|
|
73
70
|
{
|
|
74
|
-
"
|
|
75
|
-
"name": "search"
|
|
71
|
+
"className": "text-muted-foreground",
|
|
72
|
+
"name": "search",
|
|
73
|
+
"type": "icon"
|
|
76
74
|
},
|
|
77
75
|
{
|
|
78
76
|
"inputType": "search",
|
|
77
|
+
"className": "flex-1",
|
|
79
78
|
"placeholder": "Search or jump to…",
|
|
80
|
-
"
|
|
81
|
-
"
|
|
79
|
+
"action": "REFETCH_QUERY",
|
|
80
|
+
"type": "input"
|
|
82
81
|
},
|
|
83
82
|
{
|
|
84
|
-
"label": "ESC",
|
|
85
83
|
"type": "badge",
|
|
84
|
+
"label": "ESC",
|
|
86
85
|
"variant": "neutral",
|
|
87
86
|
"size": "sm"
|
|
88
87
|
}
|
|
89
88
|
],
|
|
90
|
-
"
|
|
89
|
+
"type": "stack"
|
|
91
90
|
},
|
|
92
91
|
{
|
|
93
92
|
"type": "divider"
|
|
94
93
|
},
|
|
95
94
|
{
|
|
95
|
+
"gap": "none",
|
|
96
96
|
"entity": "@payload.data",
|
|
97
97
|
"className": "max-h-96 overflow-y-auto p-1",
|
|
98
|
+
"type": "data-list",
|
|
98
99
|
"renderItem": [
|
|
99
100
|
"fn",
|
|
100
101
|
"item",
|
|
101
102
|
{
|
|
103
|
+
"gap": "sm",
|
|
104
|
+
"className": "px-3 py-2 rounded-sm cursor-pointer hover:bg-muted/50 transition-colors",
|
|
102
105
|
"align": "center",
|
|
103
106
|
"direction": "horizontal",
|
|
104
|
-
"className": "px-3 py-2 rounded-sm cursor-pointer hover:bg-muted/50 transition-colors",
|
|
105
107
|
"children": [
|
|
106
108
|
{
|
|
107
109
|
"type": "icon",
|
|
108
110
|
"name": "file"
|
|
109
111
|
},
|
|
110
112
|
{
|
|
111
|
-
"direction": "vertical",
|
|
112
|
-
"type": "stack",
|
|
113
113
|
"children": [
|
|
114
114
|
{
|
|
115
|
-
"className": "truncate",
|
|
116
115
|
"weight": "medium",
|
|
116
|
+
"className": "truncate",
|
|
117
|
+
"type": "typography",
|
|
117
118
|
"content": "@item.name",
|
|
118
|
-
"variant": "body"
|
|
119
|
-
"type": "typography"
|
|
119
|
+
"variant": "body"
|
|
120
120
|
},
|
|
121
121
|
{
|
|
122
|
-
"color": "muted",
|
|
123
122
|
"type": "typography",
|
|
124
123
|
"variant": "caption",
|
|
125
|
-
"
|
|
126
|
-
"className": "truncate"
|
|
124
|
+
"color": "muted",
|
|
125
|
+
"className": "truncate",
|
|
126
|
+
"content": "@item.description"
|
|
127
127
|
}
|
|
128
128
|
],
|
|
129
|
+
"type": "stack",
|
|
130
|
+
"direction": "vertical",
|
|
129
131
|
"gap": "none",
|
|
130
132
|
"className": "flex-1 min-w-0"
|
|
131
133
|
},
|
|
132
134
|
{
|
|
133
|
-
"variant": "neutral",
|
|
134
135
|
"type": "badge",
|
|
135
136
|
"label": "@item.status",
|
|
136
|
-
"size": "sm"
|
|
137
|
+
"size": "sm",
|
|
138
|
+
"variant": "neutral"
|
|
137
139
|
},
|
|
138
140
|
{
|
|
139
|
-
"
|
|
141
|
+
"type": "badge",
|
|
140
142
|
"label": "↵",
|
|
141
|
-
"
|
|
142
|
-
"
|
|
143
|
+
"size": "sm",
|
|
144
|
+
"variant": "neutral"
|
|
143
145
|
}
|
|
144
146
|
],
|
|
145
|
-
"gap": "sm",
|
|
146
147
|
"type": "stack"
|
|
147
148
|
}
|
|
148
149
|
],
|
|
149
|
-
"
|
|
150
|
-
"fields": [],
|
|
151
|
-
"gap": "none"
|
|
150
|
+
"fields": []
|
|
152
151
|
},
|
|
153
152
|
{
|
|
154
153
|
"type": "divider"
|
|
155
154
|
},
|
|
156
155
|
{
|
|
156
|
+
"type": "stack",
|
|
157
|
+
"direction": "horizontal",
|
|
157
158
|
"children": [
|
|
158
159
|
{
|
|
159
|
-
"type": "badge",
|
|
160
160
|
"variant": "neutral",
|
|
161
|
+
"type": "badge",
|
|
161
162
|
"label": "↑↓",
|
|
162
163
|
"size": "sm"
|
|
163
164
|
},
|
|
164
165
|
{
|
|
165
|
-
"
|
|
166
|
-
"color": "muted",
|
|
166
|
+
"type": "typography",
|
|
167
167
|
"variant": "caption",
|
|
168
|
-
"
|
|
168
|
+
"color": "muted",
|
|
169
|
+
"content": "Navigate"
|
|
169
170
|
},
|
|
170
171
|
{
|
|
171
|
-
"variant": "neutral",
|
|
172
172
|
"type": "badge",
|
|
173
|
+
"label": "↵",
|
|
173
174
|
"size": "sm",
|
|
174
|
-
"
|
|
175
|
+
"variant": "neutral"
|
|
175
176
|
},
|
|
176
177
|
{
|
|
178
|
+
"color": "muted",
|
|
177
179
|
"type": "typography",
|
|
178
|
-
"variant": "caption",
|
|
179
180
|
"content": "Select",
|
|
180
|
-
"
|
|
181
|
+
"variant": "caption"
|
|
181
182
|
},
|
|
182
183
|
{
|
|
184
|
+
"direction": "horizontal",
|
|
185
|
+
"gap": "sm",
|
|
186
|
+
"type": "stack",
|
|
187
|
+
"align": "center",
|
|
183
188
|
"className": "ml-auto",
|
|
184
189
|
"children": [
|
|
185
190
|
{
|
|
186
|
-
"
|
|
187
|
-
"size": "sm",
|
|
191
|
+
"label": "⌘K",
|
|
188
192
|
"variant": "neutral",
|
|
189
|
-
"
|
|
193
|
+
"type": "badge",
|
|
194
|
+
"size": "sm"
|
|
190
195
|
},
|
|
191
196
|
{
|
|
192
|
-
"
|
|
193
|
-
"content": "Toggle",
|
|
197
|
+
"type": "typography",
|
|
194
198
|
"variant": "caption",
|
|
195
|
-
"
|
|
199
|
+
"content": "Toggle",
|
|
200
|
+
"color": "muted"
|
|
196
201
|
}
|
|
197
|
-
]
|
|
198
|
-
"align": "center",
|
|
199
|
-
"direction": "horizontal",
|
|
200
|
-
"type": "stack",
|
|
201
|
-
"gap": "sm"
|
|
202
|
+
]
|
|
202
203
|
}
|
|
203
204
|
],
|
|
204
205
|
"align": "center",
|
|
205
|
-
"
|
|
206
|
-
"gap": "md"
|
|
207
|
-
"direction": "horizontal",
|
|
208
|
-
"className": "px-card-md py-2 bg-[var(--color-surface-muted)]"
|
|
206
|
+
"className": "px-card-md py-2 bg-[var(--color-surface-muted)]",
|
|
207
|
+
"gap": "md"
|
|
209
208
|
}
|
|
210
|
-
]
|
|
211
|
-
"direction": "vertical",
|
|
212
|
-
"gap": "none",
|
|
213
|
-
"type": "stack"
|
|
209
|
+
]
|
|
214
210
|
}
|
|
215
211
|
],
|
|
216
|
-
"look": "elevated"
|
|
212
|
+
"look": "elevated",
|
|
213
|
+
"type": "card",
|
|
214
|
+
"padding": "md"
|
|
217
215
|
}
|
|
218
|
-
]
|
|
216
|
+
],
|
|
217
|
+
"align": "center",
|
|
218
|
+
"type": "stack",
|
|
219
|
+
"className": "pt-section px-card-md",
|
|
220
|
+
"direction": "vertical"
|
|
219
221
|
}
|
|
220
222
|
}
|
|
221
223
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "std-browse-dense",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.2",
|
|
4
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
|
{
|
|
@@ -64,113 +64,115 @@
|
|
|
64
64
|
"linkedEntity": "DenseRow",
|
|
65
65
|
"config": {
|
|
66
66
|
"bodyContent": {
|
|
67
|
+
"type": "stack",
|
|
68
|
+
"gap": "sm",
|
|
67
69
|
"direction": "vertical",
|
|
68
70
|
"className": "p-card-md",
|
|
69
71
|
"children": [
|
|
70
72
|
{
|
|
73
|
+
"className": "w-full max-w-2xl rounded-md border border-[var(--color-border)] bg-[var(--color-surface)] px-3 py-2 shadow-sm",
|
|
71
74
|
"type": "stack",
|
|
75
|
+
"gap": "sm",
|
|
76
|
+
"align": "center",
|
|
77
|
+
"direction": "horizontal",
|
|
72
78
|
"children": [
|
|
73
79
|
{
|
|
74
|
-
"
|
|
75
|
-
"
|
|
80
|
+
"type": "icon",
|
|
81
|
+
"className": "text-muted-foreground",
|
|
82
|
+
"name": "search"
|
|
76
83
|
},
|
|
77
84
|
{
|
|
78
85
|
"placeholder": "Filter records…",
|
|
79
|
-
"
|
|
86
|
+
"className": "flex-1",
|
|
87
|
+
"inputType": "search",
|
|
80
88
|
"action": "REFETCH_QUERY",
|
|
81
|
-
"
|
|
89
|
+
"type": "input"
|
|
82
90
|
}
|
|
83
|
-
]
|
|
84
|
-
"gap": "sm",
|
|
85
|
-
"align": "center",
|
|
86
|
-
"className": "max-w-md",
|
|
87
|
-
"direction": "horizontal"
|
|
91
|
+
]
|
|
88
92
|
},
|
|
89
93
|
{
|
|
90
|
-
"gap": "none",
|
|
91
94
|
"direction": "vertical",
|
|
92
95
|
"children": [
|
|
93
96
|
{
|
|
97
|
+
"look": "dense",
|
|
94
98
|
"selectable": true,
|
|
95
|
-
"entity": "@payload.data",
|
|
96
99
|
"type": "table-view",
|
|
97
|
-
"look": "dense",
|
|
98
100
|
"emptyMessage": "No records",
|
|
99
101
|
"columns": [
|
|
100
102
|
{
|
|
101
|
-
"align": "left",
|
|
102
|
-
"header": "ID",
|
|
103
|
-
"field": "id",
|
|
104
103
|
"width": "7rem",
|
|
104
|
+
"field": "id",
|
|
105
|
+
"header": "ID",
|
|
105
106
|
"className": "font-mono text-[var(--color-text-muted)]",
|
|
106
|
-
"key": "id"
|
|
107
|
+
"key": "id",
|
|
108
|
+
"align": "left"
|
|
107
109
|
},
|
|
108
110
|
{
|
|
109
111
|
"weight": "medium",
|
|
110
|
-
"width": "minmax(10rem, 1.5fr)",
|
|
111
|
-
"key": "name",
|
|
112
112
|
"field": "name",
|
|
113
|
-
"
|
|
114
|
-
"
|
|
113
|
+
"key": "name",
|
|
114
|
+
"width": "minmax(10rem, 1.5fr)",
|
|
115
|
+
"align": "left",
|
|
116
|
+
"header": "Name"
|
|
115
117
|
},
|
|
116
118
|
{
|
|
119
|
+
"width": "minmax(12rem, 2fr)",
|
|
117
120
|
"key": "description",
|
|
118
121
|
"field": "description",
|
|
119
122
|
"align": "left",
|
|
120
|
-
"width": "minmax(12rem, 2fr)",
|
|
121
123
|
"className": "text-[var(--color-text-muted)]",
|
|
122
124
|
"header": "Detail"
|
|
123
125
|
},
|
|
124
126
|
{
|
|
127
|
+
"key": "value",
|
|
128
|
+
"width": "6rem",
|
|
129
|
+
"align": "right",
|
|
125
130
|
"field": "value",
|
|
126
131
|
"header": "Value",
|
|
127
|
-
"
|
|
128
|
-
"className": "font-mono tabular-nums",
|
|
129
|
-
"key": "value",
|
|
130
|
-
"align": "right"
|
|
132
|
+
"className": "font-mono tabular-nums"
|
|
131
133
|
},
|
|
132
134
|
{
|
|
133
|
-
"className": "font-mono tabular-nums",
|
|
134
135
|
"width": "6rem",
|
|
135
|
-
"field": "change",
|
|
136
|
-
"key": "change",
|
|
137
136
|
"align": "right",
|
|
137
|
+
"key": "change",
|
|
138
|
+
"field": "change",
|
|
139
|
+
"className": "font-mono tabular-nums",
|
|
138
140
|
"header": "Change"
|
|
139
141
|
},
|
|
140
142
|
{
|
|
141
|
-
"key": "volume",
|
|
142
|
-
"header": "Volume",
|
|
143
143
|
"width": "6rem",
|
|
144
|
-
"
|
|
144
|
+
"header": "Volume",
|
|
145
145
|
"align": "right",
|
|
146
|
-
"
|
|
146
|
+
"key": "volume",
|
|
147
|
+
"className": "font-mono tabular-nums text-[var(--color-text-muted)]",
|
|
148
|
+
"field": "volume"
|
|
147
149
|
},
|
|
148
150
|
{
|
|
149
|
-
"width": "6rem",
|
|
150
|
-
"key": "status",
|
|
151
|
-
"align": "center",
|
|
152
151
|
"header": "Status",
|
|
153
152
|
"format": "badge",
|
|
154
|
-
"
|
|
153
|
+
"key": "status",
|
|
154
|
+
"field": "status",
|
|
155
|
+
"align": "center",
|
|
156
|
+
"width": "6rem"
|
|
155
157
|
},
|
|
156
158
|
{
|
|
157
|
-
"
|
|
158
|
-
"className": "font-mono tabular-nums text-[var(--color-text-muted)]",
|
|
159
|
+
"key": "createdAt",
|
|
159
160
|
"field": "createdAt",
|
|
160
|
-
"format": "date",
|
|
161
|
-
"width": "9rem",
|
|
162
161
|
"header": "Created",
|
|
163
|
-
"
|
|
162
|
+
"align": "right",
|
|
163
|
+
"width": "9rem",
|
|
164
|
+
"className": "font-mono tabular-nums text-[var(--color-text-muted)]",
|
|
165
|
+
"format": "date"
|
|
164
166
|
}
|
|
165
|
-
]
|
|
167
|
+
],
|
|
168
|
+
"entity": "@payload.data"
|
|
166
169
|
}
|
|
167
170
|
],
|
|
168
171
|
"type": "stack",
|
|
172
|
+
"gap": "none",
|
|
169
173
|
"className": "rounded-lg border border-[var(--color-border)] overflow-x-auto bg-[var(--color-card)] shadow-sm"
|
|
170
174
|
}
|
|
171
|
-
]
|
|
172
|
-
"gap": "sm",
|
|
173
|
-
"type": "stack"
|
|
175
|
+
]
|
|
174
176
|
}
|
|
175
177
|
}
|
|
176
178
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "std-browse-gallery",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.2",
|
|
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,125 @@
|
|
|
60
60
|
"linkedEntity": "GalleryItem",
|
|
61
61
|
"config": {
|
|
62
62
|
"bodyContent": {
|
|
63
|
-
"
|
|
63
|
+
"gap": "lg",
|
|
64
|
+
"className": "max-w-7xl mx-auto px-card-md py-section",
|
|
64
65
|
"children": [
|
|
65
66
|
{
|
|
66
|
-
"type": "stack",
|
|
67
67
|
"direction": "horizontal",
|
|
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",
|
|
70
68
|
"children": [
|
|
71
69
|
{
|
|
72
|
-
"type": "icon",
|
|
73
70
|
"name": "search",
|
|
74
|
-
"className": "text-muted-foreground"
|
|
71
|
+
"className": "text-muted-foreground",
|
|
72
|
+
"type": "icon"
|
|
75
73
|
},
|
|
76
74
|
{
|
|
77
|
-
"action": "REFETCH_QUERY",
|
|
78
75
|
"type": "input",
|
|
79
|
-
"
|
|
80
|
-
"
|
|
76
|
+
"action": "REFETCH_QUERY",
|
|
77
|
+
"className": "flex-1",
|
|
78
|
+
"inputType": "search",
|
|
79
|
+
"placeholder": "Search the gallery…"
|
|
81
80
|
}
|
|
82
81
|
],
|
|
83
|
-
"
|
|
82
|
+
"type": "stack",
|
|
83
|
+
"align": "center",
|
|
84
|
+
"gap": "sm",
|
|
85
|
+
"className": "sticky top-0 z-10 -mx-6 px-6 py-3 bg-[var(--color-surface)]/95 backdrop-blur border-b border-[var(--color-border)]"
|
|
84
86
|
},
|
|
85
87
|
{
|
|
86
|
-
"
|
|
88
|
+
"type": "data-grid",
|
|
87
89
|
"minCardWidth": 280.0,
|
|
88
|
-
"
|
|
90
|
+
"entity": "@payload.data",
|
|
89
91
|
"renderItem": [
|
|
90
92
|
"fn",
|
|
91
93
|
"item",
|
|
92
94
|
{
|
|
93
|
-
"
|
|
95
|
+
"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",
|
|
94
96
|
"children": [
|
|
95
97
|
{
|
|
96
|
-
"type": "stack",
|
|
97
|
-
"direction": "vertical",
|
|
98
98
|
"className": "relative aspect-square w-full bg-muted overflow-hidden",
|
|
99
|
-
"
|
|
99
|
+
"direction": "vertical",
|
|
100
|
+
"align": "center",
|
|
101
|
+
"type": "stack",
|
|
100
102
|
"justify": "center",
|
|
103
|
+
"gap": "xs",
|
|
101
104
|
"children": [
|
|
102
105
|
{
|
|
103
|
-
"
|
|
106
|
+
"type": "icon",
|
|
104
107
|
"size": "lg",
|
|
105
108
|
"name": "image",
|
|
106
|
-
"
|
|
109
|
+
"className": "text-muted-foreground opacity-50 transition-transform duration-normal group-hover:scale-105"
|
|
107
110
|
},
|
|
108
111
|
{
|
|
109
|
-
"type": "typography",
|
|
110
112
|
"className": "px-2 text-center truncate max-w-full",
|
|
113
|
+
"color": "muted",
|
|
111
114
|
"variant": "caption",
|
|
112
|
-
"
|
|
113
|
-
"
|
|
115
|
+
"type": "typography",
|
|
116
|
+
"content": "@item.thumbnailLabel"
|
|
114
117
|
},
|
|
115
118
|
{
|
|
116
|
-
"type": "stack",
|
|
117
|
-
"className": "absolute top-2 right-2",
|
|
118
|
-
"direction": "horizontal",
|
|
119
|
-
"gap": "xs",
|
|
120
119
|
"align": "center",
|
|
120
|
+
"className": "absolute top-2 right-2",
|
|
121
121
|
"children": [
|
|
122
122
|
{
|
|
123
123
|
"variant": "primary",
|
|
124
124
|
"label": "@item.price",
|
|
125
125
|
"type": "badge"
|
|
126
126
|
}
|
|
127
|
-
]
|
|
128
|
-
},
|
|
129
|
-
{
|
|
130
|
-
"className": "absolute top-2 left-2",
|
|
131
|
-
"type": "stack",
|
|
127
|
+
],
|
|
132
128
|
"direction": "horizontal",
|
|
133
129
|
"gap": "xs",
|
|
134
|
-
"
|
|
130
|
+
"type": "stack"
|
|
131
|
+
},
|
|
132
|
+
{
|
|
135
133
|
"children": [
|
|
136
134
|
{
|
|
137
|
-
"label": "@item.status",
|
|
138
135
|
"type": "badge",
|
|
136
|
+
"label": "@item.status",
|
|
139
137
|
"variant": "neutral"
|
|
140
138
|
}
|
|
141
|
-
]
|
|
139
|
+
],
|
|
140
|
+
"gap": "xs",
|
|
141
|
+
"className": "absolute top-2 left-2",
|
|
142
|
+
"type": "stack",
|
|
143
|
+
"direction": "horizontal",
|
|
144
|
+
"align": "center"
|
|
142
145
|
}
|
|
143
|
-
]
|
|
144
|
-
"align": "center"
|
|
146
|
+
]
|
|
145
147
|
},
|
|
146
148
|
{
|
|
147
|
-
"direction": "vertical",
|
|
148
|
-
"gap": "xs",
|
|
149
|
-
"className": "p-card-md",
|
|
150
149
|
"children": [
|
|
151
150
|
{
|
|
152
151
|
"type": "typography",
|
|
152
|
+
"variant": "h4",
|
|
153
153
|
"content": "@item.name",
|
|
154
|
-
"className": "truncate"
|
|
155
|
-
"variant": "h4"
|
|
154
|
+
"className": "truncate"
|
|
156
155
|
},
|
|
157
156
|
{
|
|
157
|
+
"className": "line-clamp-2",
|
|
158
|
+
"color": "muted",
|
|
158
159
|
"type": "typography",
|
|
159
160
|
"content": "@item.description",
|
|
160
|
-
"variant": "caption"
|
|
161
|
-
"className": "line-clamp-2",
|
|
162
|
-
"color": "muted"
|
|
161
|
+
"variant": "caption"
|
|
163
162
|
}
|
|
164
163
|
],
|
|
165
|
-
"
|
|
164
|
+
"gap": "xs",
|
|
165
|
+
"className": "p-card-md",
|
|
166
|
+
"type": "stack",
|
|
167
|
+
"direction": "vertical"
|
|
166
168
|
}
|
|
167
169
|
],
|
|
168
|
-
"
|
|
169
|
-
"
|
|
170
|
-
"
|
|
170
|
+
"type": "stack",
|
|
171
|
+
"direction": "vertical",
|
|
172
|
+
"gap": "sm"
|
|
171
173
|
}
|
|
172
174
|
],
|
|
173
|
-
"
|
|
174
|
-
"
|
|
175
|
-
"
|
|
175
|
+
"className": "w-full",
|
|
176
|
+
"gap": "lg",
|
|
177
|
+
"fields": []
|
|
176
178
|
}
|
|
177
179
|
],
|
|
178
|
-
"
|
|
179
|
-
"
|
|
180
|
-
"className": "max-w-7xl mx-auto px-card-md py-section"
|
|
180
|
+
"type": "stack",
|
|
181
|
+
"direction": "vertical"
|
|
181
182
|
}
|
|
182
183
|
}
|
|
183
184
|
}
|