@signal9/era-ui 33.0.0 → 34.0.0
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/CHANGELOG.md +3 -11
- package/dist/era-ui.css +1 -1
- package/dist/index.d.ts +3 -3
- package/dist/index.js +3 -3
- package/dist/ui/provider/index.d.ts +3 -3
- package/dist/ui/provider/index.js +3 -3
- package/package.json +474 -10
- package/skills/era-ui/SKILL.md +37 -0
- package/skills/era-ui/references/composition.md +19 -0
- package/skills/era-ui/references/geometry.md +24 -0
- package/skills/era-ui/references/materials.md +15 -0
- package/dist/ui/index.d.ts +0 -67
- package/dist/ui/index.js +0 -70
- package/skill/SKILL.md +0 -225
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@signal9/era-ui",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "34.0.0",
|
|
4
4
|
"packageManager": "npm@11.19.0",
|
|
5
5
|
"engines": {
|
|
6
6
|
"node": ">=24 <27",
|
|
@@ -36,6 +36,10 @@
|
|
|
36
36
|
"check:agent-guidance": "node --experimental-strip-types scripts/check-agent-guidance.ts",
|
|
37
37
|
"check:api": "node --experimental-strip-types scripts/check-api-report.ts",
|
|
38
38
|
"api:update": "node --experimental-strip-types scripts/check-api-report.ts --update",
|
|
39
|
+
"api:update:breaking": "node --experimental-strip-types scripts/check-api-report.ts --update --breaking",
|
|
40
|
+
"check:css-api": "node --experimental-strip-types scripts/check-css-api.ts",
|
|
41
|
+
"css-api:update": "node --experimental-strip-types scripts/check-css-api.ts --update",
|
|
42
|
+
"css-api:update:breaking": "node --experimental-strip-types scripts/check-css-api.ts --update --breaking",
|
|
39
43
|
"check:package-consumer": "node scripts/check-package-consumer.mjs",
|
|
40
44
|
"check:themes": "node --experimental-strip-types scripts/check-themes.ts",
|
|
41
45
|
"check:classes": "node --experimental-strip-types scripts/check-classes.ts",
|
|
@@ -68,7 +72,7 @@
|
|
|
68
72
|
},
|
|
69
73
|
"files": [
|
|
70
74
|
"dist",
|
|
71
|
-
"
|
|
75
|
+
"skills/era-ui",
|
|
72
76
|
"CHANGELOG.md",
|
|
73
77
|
"!dist/**/*.test.*",
|
|
74
78
|
"!dist/**/*.spec.*",
|
|
@@ -93,20 +97,480 @@
|
|
|
93
97
|
"svelte": "./dist/index.js",
|
|
94
98
|
"default": "./dist/index.js"
|
|
95
99
|
},
|
|
96
|
-
"
|
|
97
|
-
"types": "./dist/ui
|
|
98
|
-
"svelte": "./dist/ui
|
|
99
|
-
"default": "./dist/ui
|
|
100
|
+
"./accordion": {
|
|
101
|
+
"types": "./dist/ui/accordion/index.d.ts",
|
|
102
|
+
"svelte": "./dist/ui/accordion/index.js",
|
|
103
|
+
"default": "./dist/ui/accordion/index.js"
|
|
104
|
+
},
|
|
105
|
+
"./alert-dialog": {
|
|
106
|
+
"types": "./dist/ui/alert-dialog/index.d.ts",
|
|
107
|
+
"svelte": "./dist/ui/alert-dialog/index.js",
|
|
108
|
+
"default": "./dist/ui/alert-dialog/index.js"
|
|
109
|
+
},
|
|
110
|
+
"./aspect-ratio": {
|
|
111
|
+
"types": "./dist/ui/aspect-ratio/index.d.ts",
|
|
112
|
+
"svelte": "./dist/ui/aspect-ratio/index.js",
|
|
113
|
+
"default": "./dist/ui/aspect-ratio/index.js"
|
|
114
|
+
},
|
|
115
|
+
"./avatar": {
|
|
116
|
+
"types": "./dist/ui/avatar/index.d.ts",
|
|
117
|
+
"svelte": "./dist/ui/avatar/index.js",
|
|
118
|
+
"default": "./dist/ui/avatar/index.js"
|
|
119
|
+
},
|
|
120
|
+
"./badge": {
|
|
121
|
+
"types": "./dist/ui/badge/index.d.ts",
|
|
122
|
+
"svelte": "./dist/ui/badge/index.js",
|
|
123
|
+
"default": "./dist/ui/badge/index.js"
|
|
124
|
+
},
|
|
125
|
+
"./bar": {
|
|
126
|
+
"types": "./dist/ui/bar/index.d.ts",
|
|
127
|
+
"svelte": "./dist/ui/bar/index.js",
|
|
128
|
+
"default": "./dist/ui/bar/index.js"
|
|
129
|
+
},
|
|
130
|
+
"./button": {
|
|
131
|
+
"types": "./dist/ui/button/index.d.ts",
|
|
132
|
+
"svelte": "./dist/ui/button/index.js",
|
|
133
|
+
"default": "./dist/ui/button/index.js"
|
|
134
|
+
},
|
|
135
|
+
"./button-group": {
|
|
136
|
+
"types": "./dist/ui/button-group/index.d.ts",
|
|
137
|
+
"svelte": "./dist/ui/button-group/index.js",
|
|
138
|
+
"default": "./dist/ui/button-group/index.js"
|
|
139
|
+
},
|
|
140
|
+
"./calendar": {
|
|
141
|
+
"types": "./dist/ui/calendar/index.d.ts",
|
|
142
|
+
"svelte": "./dist/ui/calendar/index.js",
|
|
143
|
+
"default": "./dist/ui/calendar/index.js"
|
|
144
|
+
},
|
|
145
|
+
"./card": {
|
|
146
|
+
"types": "./dist/ui/card/index.d.ts",
|
|
147
|
+
"svelte": "./dist/ui/card/index.js",
|
|
148
|
+
"default": "./dist/ui/card/index.js"
|
|
149
|
+
},
|
|
150
|
+
"./checkbox": {
|
|
151
|
+
"types": "./dist/ui/checkbox/index.d.ts",
|
|
152
|
+
"svelte": "./dist/ui/checkbox/index.js",
|
|
153
|
+
"default": "./dist/ui/checkbox/index.js"
|
|
154
|
+
},
|
|
155
|
+
"./chip": {
|
|
156
|
+
"types": "./dist/ui/chip/index.d.ts",
|
|
157
|
+
"svelte": "./dist/ui/chip/index.js",
|
|
158
|
+
"default": "./dist/ui/chip/index.js"
|
|
159
|
+
},
|
|
160
|
+
"./code-block": {
|
|
161
|
+
"types": "./dist/ui/code-block/index.d.ts",
|
|
162
|
+
"svelte": "./dist/ui/code-block/index.js",
|
|
163
|
+
"default": "./dist/ui/code-block/index.js"
|
|
164
|
+
},
|
|
165
|
+
"./collapsible": {
|
|
166
|
+
"types": "./dist/ui/collapsible/index.d.ts",
|
|
167
|
+
"svelte": "./dist/ui/collapsible/index.js",
|
|
168
|
+
"default": "./dist/ui/collapsible/index.js"
|
|
169
|
+
},
|
|
170
|
+
"./combobox": {
|
|
171
|
+
"types": "./dist/ui/combobox/index.d.ts",
|
|
172
|
+
"svelte": "./dist/ui/combobox/index.js",
|
|
173
|
+
"default": "./dist/ui/combobox/index.js"
|
|
174
|
+
},
|
|
175
|
+
"./command": {
|
|
176
|
+
"types": "./dist/ui/command/index.d.ts",
|
|
177
|
+
"svelte": "./dist/ui/command/index.js",
|
|
178
|
+
"default": "./dist/ui/command/index.js"
|
|
179
|
+
},
|
|
180
|
+
"./command-bar": {
|
|
181
|
+
"types": "./dist/ui/command-bar/index.d.ts",
|
|
182
|
+
"svelte": "./dist/ui/command-bar/index.js",
|
|
183
|
+
"default": "./dist/ui/command-bar/index.js"
|
|
184
|
+
},
|
|
185
|
+
"./context-menu": {
|
|
186
|
+
"types": "./dist/ui/context-menu/index.d.ts",
|
|
187
|
+
"svelte": "./dist/ui/context-menu/index.js",
|
|
188
|
+
"default": "./dist/ui/context-menu/index.js"
|
|
189
|
+
},
|
|
190
|
+
"./copy-button": {
|
|
191
|
+
"types": "./dist/ui/copy-button/index.d.ts",
|
|
192
|
+
"svelte": "./dist/ui/copy-button/index.js",
|
|
193
|
+
"default": "./dist/ui/copy-button/index.js"
|
|
194
|
+
},
|
|
195
|
+
"./cycle": {
|
|
196
|
+
"types": "./dist/ui/cycle/index.d.ts",
|
|
197
|
+
"svelte": "./dist/ui/cycle/index.js",
|
|
198
|
+
"default": "./dist/ui/cycle/index.js"
|
|
199
|
+
},
|
|
200
|
+
"./date-field": {
|
|
201
|
+
"types": "./dist/ui/date-field/index.d.ts",
|
|
202
|
+
"svelte": "./dist/ui/date-field/index.js",
|
|
203
|
+
"default": "./dist/ui/date-field/index.js"
|
|
204
|
+
},
|
|
205
|
+
"./date-picker": {
|
|
206
|
+
"types": "./dist/ui/date-picker/index.d.ts",
|
|
207
|
+
"svelte": "./dist/ui/date-picker/index.js",
|
|
208
|
+
"default": "./dist/ui/date-picker/index.js"
|
|
209
|
+
},
|
|
210
|
+
"./date-range-field": {
|
|
211
|
+
"types": "./dist/ui/date-range-field/index.d.ts",
|
|
212
|
+
"svelte": "./dist/ui/date-range-field/index.js",
|
|
213
|
+
"default": "./dist/ui/date-range-field/index.js"
|
|
214
|
+
},
|
|
215
|
+
"./date-range-picker": {
|
|
216
|
+
"types": "./dist/ui/date-range-picker/index.d.ts",
|
|
217
|
+
"svelte": "./dist/ui/date-range-picker/index.js",
|
|
218
|
+
"default": "./dist/ui/date-range-picker/index.js"
|
|
219
|
+
},
|
|
220
|
+
"./dialog": {
|
|
221
|
+
"types": "./dist/ui/dialog/index.d.ts",
|
|
222
|
+
"svelte": "./dist/ui/dialog/index.js",
|
|
223
|
+
"default": "./dist/ui/dialog/index.js"
|
|
224
|
+
},
|
|
225
|
+
"./dropdown-menu": {
|
|
226
|
+
"types": "./dist/ui/dropdown-menu/index.d.ts",
|
|
227
|
+
"svelte": "./dist/ui/dropdown-menu/index.js",
|
|
228
|
+
"default": "./dist/ui/dropdown-menu/index.js"
|
|
229
|
+
},
|
|
230
|
+
"./file-upload": {
|
|
231
|
+
"types": "./dist/ui/file-upload/index.d.ts",
|
|
232
|
+
"svelte": "./dist/ui/file-upload/index.js",
|
|
233
|
+
"default": "./dist/ui/file-upload/index.js"
|
|
234
|
+
},
|
|
235
|
+
"./input": {
|
|
236
|
+
"types": "./dist/ui/input/index.d.ts",
|
|
237
|
+
"svelte": "./dist/ui/input/index.js",
|
|
238
|
+
"default": "./dist/ui/input/index.js"
|
|
239
|
+
},
|
|
240
|
+
"./kv": {
|
|
241
|
+
"types": "./dist/ui/kv/index.d.ts",
|
|
242
|
+
"svelte": "./dist/ui/kv/index.js",
|
|
243
|
+
"default": "./dist/ui/kv/index.js"
|
|
244
|
+
},
|
|
245
|
+
"./label": {
|
|
246
|
+
"types": "./dist/ui/label/index.d.ts",
|
|
247
|
+
"svelte": "./dist/ui/label/index.js",
|
|
248
|
+
"default": "./dist/ui/label/index.js"
|
|
249
|
+
},
|
|
250
|
+
"./link-preview": {
|
|
251
|
+
"types": "./dist/ui/link-preview/index.d.ts",
|
|
252
|
+
"svelte": "./dist/ui/link-preview/index.js",
|
|
253
|
+
"default": "./dist/ui/link-preview/index.js"
|
|
254
|
+
},
|
|
255
|
+
"./logo": {
|
|
256
|
+
"types": "./dist/ui/logo/index.d.ts",
|
|
257
|
+
"svelte": "./dist/ui/logo/index.js",
|
|
258
|
+
"default": "./dist/ui/logo/index.js"
|
|
259
|
+
},
|
|
260
|
+
"./menu": {
|
|
261
|
+
"types": "./dist/ui/menu/index.d.ts",
|
|
262
|
+
"svelte": "./dist/ui/menu/index.js",
|
|
263
|
+
"default": "./dist/ui/menu/index.js"
|
|
264
|
+
},
|
|
265
|
+
"./menubar": {
|
|
266
|
+
"types": "./dist/ui/menubar/index.d.ts",
|
|
267
|
+
"svelte": "./dist/ui/menubar/index.js",
|
|
268
|
+
"default": "./dist/ui/menubar/index.js"
|
|
269
|
+
},
|
|
270
|
+
"./meter": {
|
|
271
|
+
"types": "./dist/ui/meter/index.d.ts",
|
|
272
|
+
"svelte": "./dist/ui/meter/index.js",
|
|
273
|
+
"default": "./dist/ui/meter/index.js"
|
|
274
|
+
},
|
|
275
|
+
"./mode": {
|
|
276
|
+
"types": "./dist/ui/mode/index.d.ts",
|
|
277
|
+
"svelte": "./dist/ui/mode/index.js",
|
|
278
|
+
"default": "./dist/ui/mode/index.js"
|
|
279
|
+
},
|
|
280
|
+
"./nav": {
|
|
281
|
+
"types": "./dist/ui/nav/index.d.ts",
|
|
282
|
+
"svelte": "./dist/ui/nav/index.js",
|
|
283
|
+
"default": "./dist/ui/nav/index.js"
|
|
284
|
+
},
|
|
285
|
+
"./navigation-menu": {
|
|
286
|
+
"types": "./dist/ui/navigation-menu/index.d.ts",
|
|
287
|
+
"svelte": "./dist/ui/navigation-menu/index.js",
|
|
288
|
+
"default": "./dist/ui/navigation-menu/index.js"
|
|
289
|
+
},
|
|
290
|
+
"./pagination": {
|
|
291
|
+
"types": "./dist/ui/pagination/index.d.ts",
|
|
292
|
+
"svelte": "./dist/ui/pagination/index.js",
|
|
293
|
+
"default": "./dist/ui/pagination/index.js"
|
|
294
|
+
},
|
|
295
|
+
"./pane": {
|
|
296
|
+
"types": "./dist/ui/pane/index.d.ts",
|
|
297
|
+
"svelte": "./dist/ui/pane/index.js",
|
|
298
|
+
"default": "./dist/ui/pane/index.js"
|
|
299
|
+
},
|
|
300
|
+
"./pin-input": {
|
|
301
|
+
"types": "./dist/ui/pin-input/index.d.ts",
|
|
302
|
+
"svelte": "./dist/ui/pin-input/index.js",
|
|
303
|
+
"default": "./dist/ui/pin-input/index.js"
|
|
304
|
+
},
|
|
305
|
+
"./popover": {
|
|
306
|
+
"types": "./dist/ui/popover/index.d.ts",
|
|
307
|
+
"svelte": "./dist/ui/popover/index.js",
|
|
308
|
+
"default": "./dist/ui/popover/index.js"
|
|
309
|
+
},
|
|
310
|
+
"./progress": {
|
|
311
|
+
"types": "./dist/ui/progress/index.d.ts",
|
|
312
|
+
"svelte": "./dist/ui/progress/index.js",
|
|
313
|
+
"default": "./dist/ui/progress/index.js"
|
|
314
|
+
},
|
|
315
|
+
"./provider": {
|
|
316
|
+
"types": "./dist/ui/provider/index.d.ts",
|
|
317
|
+
"svelte": "./dist/ui/provider/index.js",
|
|
318
|
+
"default": "./dist/ui/provider/index.js"
|
|
319
|
+
},
|
|
320
|
+
"./radio-group": {
|
|
321
|
+
"types": "./dist/ui/radio-group/index.d.ts",
|
|
322
|
+
"svelte": "./dist/ui/radio-group/index.js",
|
|
323
|
+
"default": "./dist/ui/radio-group/index.js"
|
|
324
|
+
},
|
|
325
|
+
"./range-calendar": {
|
|
326
|
+
"types": "./dist/ui/range-calendar/index.d.ts",
|
|
327
|
+
"svelte": "./dist/ui/range-calendar/index.js",
|
|
328
|
+
"default": "./dist/ui/range-calendar/index.js"
|
|
329
|
+
},
|
|
330
|
+
"./rating-group": {
|
|
331
|
+
"types": "./dist/ui/rating-group/index.d.ts",
|
|
332
|
+
"svelte": "./dist/ui/rating-group/index.js",
|
|
333
|
+
"default": "./dist/ui/rating-group/index.js"
|
|
334
|
+
},
|
|
335
|
+
"./scroll-area": {
|
|
336
|
+
"types": "./dist/ui/scroll-area/index.d.ts",
|
|
337
|
+
"svelte": "./dist/ui/scroll-area/index.js",
|
|
338
|
+
"default": "./dist/ui/scroll-area/index.js"
|
|
339
|
+
},
|
|
340
|
+
"./select": {
|
|
341
|
+
"types": "./dist/ui/select/index.d.ts",
|
|
342
|
+
"svelte": "./dist/ui/select/index.js",
|
|
343
|
+
"default": "./dist/ui/select/index.js"
|
|
344
|
+
},
|
|
345
|
+
"./separator": {
|
|
346
|
+
"types": "./dist/ui/separator/index.d.ts",
|
|
347
|
+
"svelte": "./dist/ui/separator/index.js",
|
|
348
|
+
"default": "./dist/ui/separator/index.js"
|
|
349
|
+
},
|
|
350
|
+
"./sheet": {
|
|
351
|
+
"types": "./dist/ui/sheet/index.d.ts",
|
|
352
|
+
"svelte": "./dist/ui/sheet/index.js",
|
|
353
|
+
"default": "./dist/ui/sheet/index.js"
|
|
354
|
+
},
|
|
355
|
+
"./skeleton": {
|
|
356
|
+
"types": "./dist/ui/skeleton/index.d.ts",
|
|
357
|
+
"svelte": "./dist/ui/skeleton/index.js",
|
|
358
|
+
"default": "./dist/ui/skeleton/index.js"
|
|
359
|
+
},
|
|
360
|
+
"./slider": {
|
|
361
|
+
"types": "./dist/ui/slider/index.d.ts",
|
|
362
|
+
"svelte": "./dist/ui/slider/index.js",
|
|
363
|
+
"default": "./dist/ui/slider/index.js"
|
|
364
|
+
},
|
|
365
|
+
"./step": {
|
|
366
|
+
"types": "./dist/ui/step/index.d.ts",
|
|
367
|
+
"svelte": "./dist/ui/step/index.js",
|
|
368
|
+
"default": "./dist/ui/step/index.js"
|
|
369
|
+
},
|
|
370
|
+
"./switch": {
|
|
371
|
+
"types": "./dist/ui/switch/index.d.ts",
|
|
372
|
+
"svelte": "./dist/ui/switch/index.js",
|
|
373
|
+
"default": "./dist/ui/switch/index.js"
|
|
374
|
+
},
|
|
375
|
+
"./table": {
|
|
376
|
+
"types": "./dist/ui/table/index.d.ts",
|
|
377
|
+
"svelte": "./dist/ui/table/index.js",
|
|
378
|
+
"default": "./dist/ui/table/index.js"
|
|
379
|
+
},
|
|
380
|
+
"./tabs": {
|
|
381
|
+
"types": "./dist/ui/tabs/index.d.ts",
|
|
382
|
+
"svelte": "./dist/ui/tabs/index.js",
|
|
383
|
+
"default": "./dist/ui/tabs/index.js"
|
|
384
|
+
},
|
|
385
|
+
"./time-field": {
|
|
386
|
+
"types": "./dist/ui/time-field/index.d.ts",
|
|
387
|
+
"svelte": "./dist/ui/time-field/index.js",
|
|
388
|
+
"default": "./dist/ui/time-field/index.js"
|
|
389
|
+
},
|
|
390
|
+
"./time-range-field": {
|
|
391
|
+
"types": "./dist/ui/time-range-field/index.d.ts",
|
|
392
|
+
"svelte": "./dist/ui/time-range-field/index.js",
|
|
393
|
+
"default": "./dist/ui/time-range-field/index.js"
|
|
394
|
+
},
|
|
395
|
+
"./timeline": {
|
|
396
|
+
"types": "./dist/ui/timeline/index.d.ts",
|
|
397
|
+
"svelte": "./dist/ui/timeline/index.js",
|
|
398
|
+
"default": "./dist/ui/timeline/index.js"
|
|
399
|
+
},
|
|
400
|
+
"./toggle": {
|
|
401
|
+
"types": "./dist/ui/toggle/index.d.ts",
|
|
402
|
+
"svelte": "./dist/ui/toggle/index.js",
|
|
403
|
+
"default": "./dist/ui/toggle/index.js"
|
|
404
|
+
},
|
|
405
|
+
"./toggle-group": {
|
|
406
|
+
"types": "./dist/ui/toggle-group/index.d.ts",
|
|
407
|
+
"svelte": "./dist/ui/toggle-group/index.js",
|
|
408
|
+
"default": "./dist/ui/toggle-group/index.js"
|
|
409
|
+
},
|
|
410
|
+
"./toolbar": {
|
|
411
|
+
"types": "./dist/ui/toolbar/index.d.ts",
|
|
412
|
+
"svelte": "./dist/ui/toolbar/index.js",
|
|
413
|
+
"default": "./dist/ui/toolbar/index.js"
|
|
414
|
+
},
|
|
415
|
+
"./tooltip": {
|
|
416
|
+
"types": "./dist/ui/tooltip/index.d.ts",
|
|
417
|
+
"svelte": "./dist/ui/tooltip/index.js",
|
|
418
|
+
"default": "./dist/ui/tooltip/index.js"
|
|
419
|
+
},
|
|
420
|
+
"./tree": {
|
|
421
|
+
"types": "./dist/ui/tree/index.d.ts",
|
|
422
|
+
"svelte": "./dist/ui/tree/index.js",
|
|
423
|
+
"default": "./dist/ui/tree/index.js"
|
|
424
|
+
},
|
|
425
|
+
"./video-player": {
|
|
426
|
+
"types": "./dist/ui/video-player/index.d.ts",
|
|
427
|
+
"svelte": "./dist/ui/video-player/index.js",
|
|
428
|
+
"default": "./dist/ui/video-player/index.js"
|
|
100
429
|
},
|
|
101
430
|
"./ai": {
|
|
102
431
|
"types": "./dist/ai/index.d.ts",
|
|
103
432
|
"svelte": "./dist/ai/index.js",
|
|
104
433
|
"default": "./dist/ai/index.js"
|
|
105
434
|
},
|
|
106
|
-
"./ai
|
|
107
|
-
"types": "./dist/ai
|
|
108
|
-
"svelte": "./dist/ai
|
|
109
|
-
"default": "./dist/ai
|
|
435
|
+
"./ai/actions": {
|
|
436
|
+
"types": "./dist/ai/actions/index.d.ts",
|
|
437
|
+
"svelte": "./dist/ai/actions/index.js",
|
|
438
|
+
"default": "./dist/ai/actions/index.js"
|
|
439
|
+
},
|
|
440
|
+
"./ai/artifact": {
|
|
441
|
+
"types": "./dist/ai/artifact/index.d.ts",
|
|
442
|
+
"svelte": "./dist/ai/artifact/index.js",
|
|
443
|
+
"default": "./dist/ai/artifact/index.js"
|
|
444
|
+
},
|
|
445
|
+
"./ai/chain-of-thought": {
|
|
446
|
+
"types": "./dist/ai/chain-of-thought/index.d.ts",
|
|
447
|
+
"svelte": "./dist/ai/chain-of-thought/index.js",
|
|
448
|
+
"default": "./dist/ai/chain-of-thought/index.js"
|
|
449
|
+
},
|
|
450
|
+
"./ai/confirmation": {
|
|
451
|
+
"types": "./dist/ai/confirmation/index.d.ts",
|
|
452
|
+
"svelte": "./dist/ai/confirmation/index.js",
|
|
453
|
+
"default": "./dist/ai/confirmation/index.js"
|
|
454
|
+
},
|
|
455
|
+
"./ai/context": {
|
|
456
|
+
"types": "./dist/ai/context/index.d.ts",
|
|
457
|
+
"svelte": "./dist/ai/context/index.js",
|
|
458
|
+
"default": "./dist/ai/context/index.js"
|
|
459
|
+
},
|
|
460
|
+
"./ai/conversation": {
|
|
461
|
+
"types": "./dist/ai/conversation/index.d.ts",
|
|
462
|
+
"svelte": "./dist/ai/conversation/index.js",
|
|
463
|
+
"default": "./dist/ai/conversation/index.js"
|
|
464
|
+
},
|
|
465
|
+
"./ai/conversations": {
|
|
466
|
+
"types": "./dist/ai/conversations/index.d.ts",
|
|
467
|
+
"svelte": "./dist/ai/conversations/index.js",
|
|
468
|
+
"default": "./dist/ai/conversations/index.js"
|
|
469
|
+
},
|
|
470
|
+
"./ai/error-panel": {
|
|
471
|
+
"types": "./dist/ai/error-panel/index.d.ts",
|
|
472
|
+
"svelte": "./dist/ai/error-panel/index.js",
|
|
473
|
+
"default": "./dist/ai/error-panel/index.js"
|
|
474
|
+
},
|
|
475
|
+
"./ai/inline-citation": {
|
|
476
|
+
"types": "./dist/ai/inline-citation/index.d.ts",
|
|
477
|
+
"svelte": "./dist/ai/inline-citation/index.js",
|
|
478
|
+
"default": "./dist/ai/inline-citation/index.js"
|
|
479
|
+
},
|
|
480
|
+
"./ai/message": {
|
|
481
|
+
"types": "./dist/ai/message/index.d.ts",
|
|
482
|
+
"svelte": "./dist/ai/message/index.js",
|
|
483
|
+
"default": "./dist/ai/message/index.js"
|
|
484
|
+
},
|
|
485
|
+
"./ai/model-selector": {
|
|
486
|
+
"types": "./dist/ai/model-selector/index.d.ts",
|
|
487
|
+
"svelte": "./dist/ai/model-selector/index.js",
|
|
488
|
+
"default": "./dist/ai/model-selector/index.js"
|
|
489
|
+
},
|
|
490
|
+
"./ai/open-in-chat": {
|
|
491
|
+
"types": "./dist/ai/open-in-chat/index.d.ts",
|
|
492
|
+
"svelte": "./dist/ai/open-in-chat/index.js",
|
|
493
|
+
"default": "./dist/ai/open-in-chat/index.js"
|
|
494
|
+
},
|
|
495
|
+
"./ai/plan": {
|
|
496
|
+
"types": "./dist/ai/plan/index.d.ts",
|
|
497
|
+
"svelte": "./dist/ai/plan/index.js",
|
|
498
|
+
"default": "./dist/ai/plan/index.js"
|
|
499
|
+
},
|
|
500
|
+
"./ai/prompt-input": {
|
|
501
|
+
"types": "./dist/ai/prompt-input/index.d.ts",
|
|
502
|
+
"svelte": "./dist/ai/prompt-input/index.js",
|
|
503
|
+
"default": "./dist/ai/prompt-input/index.js"
|
|
504
|
+
},
|
|
505
|
+
"./ai/queue": {
|
|
506
|
+
"types": "./dist/ai/queue/index.d.ts",
|
|
507
|
+
"svelte": "./dist/ai/queue/index.js",
|
|
508
|
+
"default": "./dist/ai/queue/index.js"
|
|
509
|
+
},
|
|
510
|
+
"./ai/reasoning": {
|
|
511
|
+
"types": "./dist/ai/reasoning/index.d.ts",
|
|
512
|
+
"svelte": "./dist/ai/reasoning/index.js",
|
|
513
|
+
"default": "./dist/ai/reasoning/index.js"
|
|
514
|
+
},
|
|
515
|
+
"./ai/response": {
|
|
516
|
+
"types": "./dist/ai/response/index.d.ts",
|
|
517
|
+
"svelte": "./dist/ai/response/index.js",
|
|
518
|
+
"default": "./dist/ai/response/index.js"
|
|
519
|
+
},
|
|
520
|
+
"./ai/run-status": {
|
|
521
|
+
"types": "./dist/ai/run-status/index.d.ts",
|
|
522
|
+
"svelte": "./dist/ai/run-status/index.js",
|
|
523
|
+
"default": "./dist/ai/run-status/index.js"
|
|
524
|
+
},
|
|
525
|
+
"./ai/runtime-feed": {
|
|
526
|
+
"types": "./dist/ai/runtime-feed/index.d.ts",
|
|
527
|
+
"svelte": "./dist/ai/runtime-feed/index.js",
|
|
528
|
+
"default": "./dist/ai/runtime-feed/index.js"
|
|
529
|
+
},
|
|
530
|
+
"./ai/sources": {
|
|
531
|
+
"types": "./dist/ai/sources/index.d.ts",
|
|
532
|
+
"svelte": "./dist/ai/sources/index.js",
|
|
533
|
+
"default": "./dist/ai/sources/index.js"
|
|
534
|
+
},
|
|
535
|
+
"./ai/structured-value": {
|
|
536
|
+
"types": "./dist/ai/structured-value/index.d.ts",
|
|
537
|
+
"svelte": "./dist/ai/structured-value/index.js",
|
|
538
|
+
"default": "./dist/ai/structured-value/index.js"
|
|
539
|
+
},
|
|
540
|
+
"./ai/suggestion": {
|
|
541
|
+
"types": "./dist/ai/suggestion/index.d.ts",
|
|
542
|
+
"svelte": "./dist/ai/suggestion/index.js",
|
|
543
|
+
"default": "./dist/ai/suggestion/index.js"
|
|
544
|
+
},
|
|
545
|
+
"./ai/swarm": {
|
|
546
|
+
"types": "./dist/ai/swarm/index.d.ts",
|
|
547
|
+
"svelte": "./dist/ai/swarm/index.js",
|
|
548
|
+
"default": "./dist/ai/swarm/index.js"
|
|
549
|
+
},
|
|
550
|
+
"./ai/task": {
|
|
551
|
+
"types": "./dist/ai/task/index.d.ts",
|
|
552
|
+
"svelte": "./dist/ai/task/index.js",
|
|
553
|
+
"default": "./dist/ai/task/index.js"
|
|
554
|
+
},
|
|
555
|
+
"./ai/todo": {
|
|
556
|
+
"types": "./dist/ai/todo/index.d.ts",
|
|
557
|
+
"svelte": "./dist/ai/todo/index.js",
|
|
558
|
+
"default": "./dist/ai/todo/index.js"
|
|
559
|
+
},
|
|
560
|
+
"./ai/tool": {
|
|
561
|
+
"types": "./dist/ai/tool/index.d.ts",
|
|
562
|
+
"svelte": "./dist/ai/tool/index.js",
|
|
563
|
+
"default": "./dist/ai/tool/index.js"
|
|
564
|
+
},
|
|
565
|
+
"./ai/web-preview": {
|
|
566
|
+
"types": "./dist/ai/web-preview/index.d.ts",
|
|
567
|
+
"svelte": "./dist/ai/web-preview/index.js",
|
|
568
|
+
"default": "./dist/ai/web-preview/index.js"
|
|
569
|
+
},
|
|
570
|
+
"./ai/workflow": {
|
|
571
|
+
"types": "./dist/ai/workflow/index.d.ts",
|
|
572
|
+
"svelte": "./dist/ai/workflow/index.js",
|
|
573
|
+
"default": "./dist/ai/workflow/index.js"
|
|
110
574
|
},
|
|
111
575
|
"./theme": {
|
|
112
576
|
"types": "./dist/theme/index.d.ts",
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: era-ui
|
|
3
|
+
description: Build or review Svelte 5 interfaces that use @signal9/era-ui. Use for component imports, responsive composition, density and surface axes, concentric geometry, material variants, press behavior, motion, typography, accessibility, or choosing Era's public CSS utilities.
|
|
4
|
+
---
|
|
5
|
+
|
|
6
|
+
# Build with Era UI
|
|
7
|
+
|
|
8
|
+
Use Era's semantic component and class APIs as a coherent system. Do not reproduce component chrome or freeze an axis-responsive value in consumer code.
|
|
9
|
+
|
|
10
|
+
## Start with the public boundary
|
|
11
|
+
|
|
12
|
+
Import each primitive or composition from its explicit package subpath. The package root is the system layer only.
|
|
13
|
+
|
|
14
|
+
```svelte
|
|
15
|
+
<script lang="ts">
|
|
16
|
+
import { Button } from '@signal9/era-ui/button';
|
|
17
|
+
import * as Select from '@signal9/era-ui/select';
|
|
18
|
+
import { Conversation } from '@signal9/era-ui/ai/conversation';
|
|
19
|
+
import { cn } from '@signal9/era-ui';
|
|
20
|
+
</script>
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
Import `@signal9/era-ui/css` once in the application. Prefer named utilities such as `tier-control`, `gap-gutter`, `p-card`, `material-popover`, and `era-text-trim`. Use a `--era-*` custom property only when no named utility expresses the requirement.
|
|
24
|
+
|
|
25
|
+
## Preserve the system axes
|
|
26
|
+
|
|
27
|
+
Era has five orthogonal axes: density (`data-mode`), surface (`data-surface`), corners (`data-corners`), font (`data-font`), and motion (`data-motion`). Root values establish application defaults; supported portalling components relay the nearest subtree values to their content. Subtree overrides are therefore valid for both ordinary and portalled descendants.
|
|
28
|
+
|
|
29
|
+
Use `ModeProvider` when state should drive axes. Use data attributes directly for static regions. Never branch component markup on a material such as `glass` or `bevel`; semantic recipes resolve the material.
|
|
30
|
+
|
|
31
|
+
## Load only the relevant reference
|
|
32
|
+
|
|
33
|
+
- [Geometry](references/geometry.md): tiers, even gaps, concentricity, and padding.
|
|
34
|
+
- [Materials and motion](references/materials.md): surface recipes, press travel, state semantics, and motion.
|
|
35
|
+
- [Composition and review](references/composition.md): component topology, consumer classes, text, and the final review checklist.
|
|
36
|
+
|
|
37
|
+
The installed package exposes its machine-readable utility reference at `@signal9/era-ui/utilities.json`; the documentation site renders the same generated data for people.
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
# Composition and review
|
|
2
|
+
|
|
3
|
+
Primitive subpaths export either a named component or a namespace of parts. Follow the installed type surface instead of importing source files or relying on an aggregate barrel. AI compositions live under `@signal9/era-ui/ai/<part>`; OS compositions live at `@signal9/era-ui/os`.
|
|
4
|
+
|
|
5
|
+
Consumer `class` values merge last, so use them for layout and intentional semantic overrides. Do not copy a component's internal variant recipe into application code.
|
|
6
|
+
|
|
7
|
+
For control text beside an icon, use `era-text-trim`; use `era-text-trim-caps` for all-caps labels. A single glyph should retain the matching square minimum. Use `text-body`, `text-fg`, `text-bright`, and `text-muted` for hierarchy that remains axis-aware.
|
|
8
|
+
|
|
9
|
+
## Review checklist
|
|
10
|
+
|
|
11
|
+
- Every import is a documented explicit package subpath.
|
|
12
|
+
- Geometry uses a tier or named optical surface spacing rather than raw dimensions.
|
|
13
|
+
- Sibling gaps and edge padding agree.
|
|
14
|
+
- Nested bounded corners use the tier relationship rather than independent radii.
|
|
15
|
+
- Surface styling uses semantic material/state recipes.
|
|
16
|
+
- Transient, latched, disabled, busy, and audience meanings do not share a visual channel.
|
|
17
|
+
- Pressed content moves with its face without moving surrounding layout.
|
|
18
|
+
- Motion respects the motion axis and reduced-motion preferences.
|
|
19
|
+
- Interactive markup remains valid, keyboard reachable, and labelled.
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
# Geometry
|
|
2
|
+
|
|
3
|
+
Every bounded size derives from the density axis. Use role names rather than guessed dimensions:
|
|
4
|
+
|
|
5
|
+
| Tier | Typical role |
|
|
6
|
+
| --------- | ---------------------------------- |
|
|
7
|
+
| `icon` | glyphs and switch thumbs |
|
|
8
|
+
| `pill` | badges nested inside controls |
|
|
9
|
+
| `chip` | standalone chips and switch tracks |
|
|
10
|
+
| `control` | buttons, inputs, and triggers |
|
|
11
|
+
| `bar` | bounded headers and rails |
|
|
12
|
+
|
|
13
|
+
Use `tier-icon`, `tier-pill`, `tier-chip`, `tier-control`, or `tier-bar` when height and radius belong together. Width and minimum helpers use the same role names, such as `size-icon` and `min-w-control`.
|
|
14
|
+
|
|
15
|
+
## Two invariants
|
|
16
|
+
|
|
17
|
+
1. Edge padding equals the gap between siblings. `p-gutter` and `gap-gutter` are the common pair.
|
|
18
|
+
2. For nested bounded tiers, `outer radius − inner radius = inset`. The tier ladder and named pair insets encode this identity; do not tune radii independently.
|
|
19
|
+
|
|
20
|
+
An unbounded card or panel has no height tier. Use optical padding (`p-panel`, `p-card`, or `p-content`) and its semantic surface radius. Bounded controls use geometric insets and tier geometry.
|
|
21
|
+
|
|
22
|
+
Use `rounded-*` only when a corner must be expressed independently. Stock fixed radii such as `rounded-md` do not respond to Era's corner axis.
|
|
23
|
+
|
|
24
|
+
For a genuinely custom derived measurement with no named utility, calculate from `--era-sp` so density still propagates. Treat that token path as an escape hatch, not the default spelling for named classes.
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
# Materials and motion
|
|
2
|
+
|
|
3
|
+
Choose semantic material recipes, not surface-specific class branches:
|
|
4
|
+
|
|
5
|
+
- `material-popover` for transient floating chrome.
|
|
6
|
+
- `material-panel` for persistent floating chrome.
|
|
7
|
+
- `shadow` for a resting raised face, `shadow-lg` for floating chrome, `shadow-well` for recessed content, and `shadow-pressed` for a latched or pressed face.
|
|
8
|
+
- `bg-highlight` with `shadow-highlight` for transient hover or focus feedback.
|
|
9
|
+
- `bg-hover` for held, selected, or current state.
|
|
10
|
+
|
|
11
|
+
The `pressable` recipe owns physical travel through `--era-press-sink-x` and `--era-press-sink-y`. Mark the direct content plane as the component implementation expects so bevel content travels with its face; do not translate the outer layout box or add consumer-side active offsets.
|
|
12
|
+
|
|
13
|
+
Use the motion-aware `transition-*`, `duration-base`, and `ease-base` utilities. They respond to `data-motion="instant"` and reduced-motion preferences. Do not hardcode a duration or easing curve for ordinary interaction feedback.
|
|
14
|
+
|
|
15
|
+
Opacity and flattening already communicate disabled or busy state. Do not reuse those channels to communicate a different concept such as audience or visibility.
|