@pantoia/ui 0.2.0 → 0.4.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.
Files changed (66) hide show
  1. package/accordion/index.module.css +4 -4
  2. package/accordion/index.tsx +30 -58
  3. package/alert-dialog/index.tsx +38 -44
  4. package/badge/index.tsx +2 -2
  5. package/button/index.tsx +31 -30
  6. package/callout/index.tsx +29 -8
  7. package/checkbox/index.tsx +24 -88
  8. package/combobox/index.tsx +133 -323
  9. package/command-palette/index.tsx +55 -34
  10. package/dialog/index.tsx +30 -26
  11. package/dist/index.js +155 -27
  12. package/drawer/index.module.css +2 -2
  13. package/drawer/index.tsx +54 -132
  14. package/dropdown-menu/index.tsx +95 -100
  15. package/field/index.tsx +43 -94
  16. package/input/index.tsx +13 -9
  17. package/kbd/index.tsx +2 -2
  18. package/label/index.tsx +7 -9
  19. package/number-field/index.tsx +129 -176
  20. package/package.json +12 -15
  21. package/palette.css +114 -0
  22. package/popover/index.tsx +62 -33
  23. package/radio-group/index.tsx +36 -39
  24. package/registry.json +65 -169
  25. package/select/index.tsx +154 -76
  26. package/switch/index.tsx +13 -6
  27. package/table/index.tsx +5 -6
  28. package/tabs/index.module.css +5 -3
  29. package/tabs/index.tsx +26 -77
  30. package/tailwind.css +3 -0
  31. package/textarea/index.tsx +25 -13
  32. package/toast/index.module.css +187 -0
  33. package/toast/index.tsx +141 -46
  34. package/toggle/index.tsx +8 -7
  35. package/{styles.css → tokens.css} +82 -303
  36. package/tooltip/index.tsx +62 -31
  37. package/tv.ts +0 -1
  38. package/utilities.css +124 -0
  39. package/accordion/AGENTS.md +0 -60
  40. package/alert-dialog/AGENTS.md +0 -78
  41. package/badge/AGENTS.md +0 -35
  42. package/button/AGENTS.md +0 -39
  43. package/callout/AGENTS.md +0 -41
  44. package/checkbox/AGENTS.md +0 -54
  45. package/combobox/AGENTS.md +0 -150
  46. package/command-palette/AGENTS.md +0 -45
  47. package/dialog/AGENTS.md +0 -81
  48. package/drawer/AGENTS.md +0 -66
  49. package/dropdown-menu/AGENTS.md +0 -133
  50. package/field/AGENTS.md +0 -96
  51. package/input/AGENTS.md +0 -35
  52. package/kbd/AGENTS.md +0 -17
  53. package/label/AGENTS.md +0 -21
  54. package/number-field/AGENTS.md +0 -53
  55. package/popover/AGENTS.md +0 -64
  56. package/press.css +0 -37
  57. package/radio-group/AGENTS.md +0 -81
  58. package/select/AGENTS.md +0 -90
  59. package/switch/AGENTS.md +0 -37
  60. package/table/AGENTS.md +0 -82
  61. package/tabs/AGENTS.md +0 -60
  62. package/test-utils.ts +0 -10
  63. package/textarea/AGENTS.md +0 -35
  64. package/toast/AGENTS.md +0 -34
  65. package/toggle/AGENTS.md +0 -37
  66. package/tooltip/AGENTS.md +0 -50
package/registry.json CHANGED
@@ -29,16 +29,10 @@
29
29
  {
30
30
  "path": "accordion/index.module.css",
31
31
  "type": "registry:ui"
32
- },
33
- {
34
- "path": "accordion/AGENTS.md",
35
- "type": "registry:file",
36
- "target": "accordion/AGENTS.md"
37
32
  }
38
33
  ],
39
34
  "dependencies": [
40
- "lucide-react",
41
- "radix-ui"
35
+ "@base-ui/react"
42
36
  ],
43
37
  "registryDependencies": [
44
38
  "tv"
@@ -55,15 +49,10 @@
55
49
  {
56
50
  "path": "alert-dialog/index.tsx",
57
51
  "type": "registry:ui"
58
- },
59
- {
60
- "path": "alert-dialog/AGENTS.md",
61
- "type": "registry:file",
62
- "target": "alert-dialog/AGENTS.md"
63
52
  }
64
53
  ],
65
54
  "dependencies": [
66
- "radix-ui"
55
+ "@base-ui/react"
67
56
  ],
68
57
  "registryDependencies": [
69
58
  "button",
@@ -82,18 +71,16 @@
82
71
  {
83
72
  "path": "badge/index.tsx",
84
73
  "type": "registry:ui"
85
- },
86
- {
87
- "path": "badge/AGENTS.md",
88
- "type": "registry:file",
89
- "target": "badge/AGENTS.md"
90
74
  }
91
75
  ],
92
76
  "registryDependencies": [
93
77
  "tv"
94
78
  ],
95
79
  "meta": {
96
- "layer": "ui"
80
+ "layer": "ui",
81
+ "sizes": [
82
+ "Badge"
83
+ ]
97
84
  }
98
85
  },
99
86
  {
@@ -104,18 +91,19 @@
104
91
  {
105
92
  "path": "button/index.tsx",
106
93
  "type": "registry:ui"
107
- },
108
- {
109
- "path": "button/AGENTS.md",
110
- "type": "registry:file",
111
- "target": "button/AGENTS.md"
112
94
  }
113
95
  ],
96
+ "dependencies": [
97
+ "@base-ui/react"
98
+ ],
114
99
  "registryDependencies": [
115
100
  "tv"
116
101
  ],
117
102
  "meta": {
118
- "layer": "ui"
103
+ "layer": "ui",
104
+ "sizes": [
105
+ "Button"
106
+ ]
119
107
  }
120
108
  },
121
109
  {
@@ -126,21 +114,16 @@
126
114
  {
127
115
  "path": "callout/index.tsx",
128
116
  "type": "registry:ui"
129
- },
130
- {
131
- "path": "callout/AGENTS.md",
132
- "type": "registry:file",
133
- "target": "callout/AGENTS.md"
134
117
  }
135
118
  ],
136
- "dependencies": [
137
- "lucide-react"
138
- ],
139
119
  "registryDependencies": [
140
120
  "tv"
141
121
  ],
142
122
  "meta": {
143
- "layer": "ui"
123
+ "layer": "ui",
124
+ "sizes": [
125
+ "Callout"
126
+ ]
144
127
  }
145
128
  },
146
129
  {
@@ -151,16 +134,10 @@
151
134
  {
152
135
  "path": "checkbox/index.tsx",
153
136
  "type": "registry:ui"
154
- },
155
- {
156
- "path": "checkbox/AGENTS.md",
157
- "type": "registry:file",
158
- "target": "checkbox/AGENTS.md"
159
137
  }
160
138
  ],
161
139
  "dependencies": [
162
- "lucide-react",
163
- "radix-ui"
140
+ "@base-ui/react"
164
141
  ],
165
142
  "registryDependencies": [
166
143
  "tv"
@@ -177,22 +154,17 @@
177
154
  {
178
155
  "path": "combobox/index.tsx",
179
156
  "type": "registry:ui"
180
- },
181
- {
182
- "path": "combobox/AGENTS.md",
183
- "type": "registry:file",
184
- "target": "combobox/AGENTS.md"
185
157
  }
186
158
  ],
187
159
  "dependencies": [
188
- "lucide-react",
189
- "radix-ui"
160
+ "@base-ui/react"
190
161
  ],
191
162
  "registryDependencies": [
192
163
  "tv"
193
164
  ],
194
165
  "meta": {
195
- "layer": "ui"
166
+ "layer": "ui",
167
+ "radius": "rounded-r12"
196
168
  }
197
169
  },
198
170
  {
@@ -203,16 +175,8 @@
203
175
  {
204
176
  "path": "command-palette/index.tsx",
205
177
  "type": "registry:ui"
206
- },
207
- {
208
- "path": "command-palette/AGENTS.md",
209
- "type": "registry:file",
210
- "target": "command-palette/AGENTS.md"
211
178
  }
212
179
  ],
213
- "dependencies": [
214
- "lucide-react"
215
- ],
216
180
  "registryDependencies": [
217
181
  "combobox",
218
182
  "dialog",
@@ -230,15 +194,10 @@
230
194
  {
231
195
  "path": "dialog/index.tsx",
232
196
  "type": "registry:ui"
233
- },
234
- {
235
- "path": "dialog/AGENTS.md",
236
- "type": "registry:file",
237
- "target": "dialog/AGENTS.md"
238
197
  }
239
198
  ],
240
199
  "dependencies": [
241
- "radix-ui"
200
+ "@base-ui/react"
242
201
  ],
243
202
  "registryDependencies": [
244
203
  "tv"
@@ -260,15 +219,10 @@
260
219
  {
261
220
  "path": "drawer/index.module.css",
262
221
  "type": "registry:ui"
263
- },
264
- {
265
- "path": "drawer/AGENTS.md",
266
- "type": "registry:file",
267
- "target": "drawer/AGENTS.md"
268
222
  }
269
223
  ],
270
224
  "dependencies": [
271
- "radix-ui"
225
+ "@base-ui/react"
272
226
  ],
273
227
  "registryDependencies": [
274
228
  "tv"
@@ -285,22 +239,23 @@
285
239
  {
286
240
  "path": "dropdown-menu/index.tsx",
287
241
  "type": "registry:ui"
288
- },
289
- {
290
- "path": "dropdown-menu/AGENTS.md",
291
- "type": "registry:file",
292
- "target": "dropdown-menu/AGENTS.md"
293
242
  }
294
243
  ],
295
244
  "dependencies": [
296
- "lucide-react",
297
- "radix-ui"
245
+ "@base-ui/react"
298
246
  ],
299
247
  "registryDependencies": [
300
248
  "tv"
301
249
  ],
302
250
  "meta": {
303
- "layer": "ui"
251
+ "layer": "ui",
252
+ "radius": "rounded-r12",
253
+ "sizes": [
254
+ "DropdownMenuItem",
255
+ "DropdownMenuCheckboxItem",
256
+ "DropdownMenuRadioItem",
257
+ "DropdownMenuSubTrigger"
258
+ ]
304
259
  }
305
260
  },
306
261
  {
@@ -311,15 +266,10 @@
311
266
  {
312
267
  "path": "field/index.tsx",
313
268
  "type": "registry:ui"
314
- },
315
- {
316
- "path": "field/AGENTS.md",
317
- "type": "registry:file",
318
- "target": "field/AGENTS.md"
319
269
  }
320
270
  ],
321
271
  "dependencies": [
322
- "lucide-react"
272
+ "@base-ui/react"
323
273
  ],
324
274
  "registryDependencies": [
325
275
  "label",
@@ -337,13 +287,11 @@
337
287
  {
338
288
  "path": "input/index.tsx",
339
289
  "type": "registry:ui"
340
- },
341
- {
342
- "path": "input/AGENTS.md",
343
- "type": "registry:file",
344
- "target": "input/AGENTS.md"
345
290
  }
346
291
  ],
292
+ "dependencies": [
293
+ "@base-ui/react"
294
+ ],
347
295
  "registryDependencies": [
348
296
  "tv"
349
297
  ],
@@ -359,11 +307,6 @@
359
307
  {
360
308
  "path": "kbd/index.tsx",
361
309
  "type": "registry:ui"
362
- },
363
- {
364
- "path": "kbd/AGENTS.md",
365
- "type": "registry:file",
366
- "target": "kbd/AGENTS.md"
367
310
  }
368
311
  ],
369
312
  "registryDependencies": [
@@ -381,16 +324,8 @@
381
324
  {
382
325
  "path": "label/index.tsx",
383
326
  "type": "registry:ui"
384
- },
385
- {
386
- "path": "label/AGENTS.md",
387
- "type": "registry:file",
388
- "target": "label/AGENTS.md"
389
327
  }
390
328
  ],
391
- "dependencies": [
392
- "radix-ui"
393
- ],
394
329
  "registryDependencies": [
395
330
  "tv"
396
331
  ],
@@ -406,15 +341,10 @@
406
341
  {
407
342
  "path": "number-field/index.tsx",
408
343
  "type": "registry:ui"
409
- },
410
- {
411
- "path": "number-field/AGENTS.md",
412
- "type": "registry:file",
413
- "target": "number-field/AGENTS.md"
414
344
  }
415
345
  ],
416
346
  "dependencies": [
417
- "lucide-react"
347
+ "@base-ui/react"
418
348
  ],
419
349
  "registryDependencies": [
420
350
  "tv"
@@ -431,21 +361,17 @@
431
361
  {
432
362
  "path": "popover/index.tsx",
433
363
  "type": "registry:ui"
434
- },
435
- {
436
- "path": "popover/AGENTS.md",
437
- "type": "registry:file",
438
- "target": "popover/AGENTS.md"
439
364
  }
440
365
  ],
441
366
  "dependencies": [
442
- "radix-ui"
367
+ "@base-ui/react"
443
368
  ],
444
369
  "registryDependencies": [
445
370
  "tv"
446
371
  ],
447
372
  "meta": {
448
- "layer": "ui"
373
+ "layer": "ui",
374
+ "radius": "rounded-r16"
449
375
  }
450
376
  },
451
377
  {
@@ -456,15 +382,10 @@
456
382
  {
457
383
  "path": "radio-group/index.tsx",
458
384
  "type": "registry:ui"
459
- },
460
- {
461
- "path": "radio-group/AGENTS.md",
462
- "type": "registry:file",
463
- "target": "radio-group/AGENTS.md"
464
385
  }
465
386
  ],
466
387
  "dependencies": [
467
- "radix-ui"
388
+ "@base-ui/react"
468
389
  ],
469
390
  "registryDependencies": [
470
391
  "label",
@@ -482,22 +403,17 @@
482
403
  {
483
404
  "path": "select/index.tsx",
484
405
  "type": "registry:ui"
485
- },
486
- {
487
- "path": "select/AGENTS.md",
488
- "type": "registry:file",
489
- "target": "select/AGENTS.md"
490
406
  }
491
407
  ],
492
408
  "dependencies": [
493
- "lucide-react",
494
- "radix-ui"
409
+ "@base-ui/react"
495
410
  ],
496
411
  "registryDependencies": [
497
412
  "tv"
498
413
  ],
499
414
  "meta": {
500
- "layer": "ui"
415
+ "layer": "ui",
416
+ "radius": "rounded-r12"
501
417
  }
502
418
  },
503
419
  {
@@ -508,15 +424,10 @@
508
424
  {
509
425
  "path": "switch/index.tsx",
510
426
  "type": "registry:ui"
511
- },
512
- {
513
- "path": "switch/AGENTS.md",
514
- "type": "registry:file",
515
- "target": "switch/AGENTS.md"
516
427
  }
517
428
  ],
518
429
  "dependencies": [
519
- "radix-ui"
430
+ "@base-ui/react"
520
431
  ],
521
432
  "registryDependencies": [
522
433
  "tv"
@@ -533,11 +444,6 @@
533
444
  {
534
445
  "path": "table/index.tsx",
535
446
  "type": "registry:ui"
536
- },
537
- {
538
- "path": "table/AGENTS.md",
539
- "type": "registry:file",
540
- "target": "table/AGENTS.md"
541
447
  }
542
448
  ],
543
449
  "registryDependencies": [
@@ -559,21 +465,19 @@
559
465
  {
560
466
  "path": "tabs/index.module.css",
561
467
  "type": "registry:ui"
562
- },
563
- {
564
- "path": "tabs/AGENTS.md",
565
- "type": "registry:file",
566
- "target": "tabs/AGENTS.md"
567
468
  }
568
469
  ],
569
470
  "dependencies": [
570
- "radix-ui"
471
+ "@base-ui/react"
571
472
  ],
572
473
  "registryDependencies": [
573
474
  "tv"
574
475
  ],
575
476
  "meta": {
576
- "layer": "ui"
477
+ "layer": "ui",
478
+ "sizes": [
479
+ "TabsTrigger"
480
+ ]
577
481
  }
578
482
  },
579
483
  {
@@ -584,13 +488,11 @@
584
488
  {
585
489
  "path": "textarea/index.tsx",
586
490
  "type": "registry:ui"
587
- },
588
- {
589
- "path": "textarea/AGENTS.md",
590
- "type": "registry:file",
591
- "target": "textarea/AGENTS.md"
592
491
  }
593
492
  ],
493
+ "dependencies": [
494
+ "@base-ui/react"
495
+ ],
594
496
  "registryDependencies": [
595
497
  "tv"
596
498
  ],
@@ -608,19 +510,20 @@
608
510
  "type": "registry:ui"
609
511
  },
610
512
  {
611
- "path": "toast/AGENTS.md",
612
- "type": "registry:file",
613
- "target": "toast/AGENTS.md"
513
+ "path": "toast/index.module.css",
514
+ "type": "registry:ui"
614
515
  }
615
516
  ],
616
517
  "dependencies": [
617
- "sonner"
518
+ "@base-ui/react"
618
519
  ],
619
520
  "registryDependencies": [
521
+ "button",
620
522
  "tv"
621
523
  ],
622
524
  "meta": {
623
- "layer": "ui"
525
+ "layer": "ui",
526
+ "radius": "rounded-r8"
624
527
  }
625
528
  },
626
529
  {
@@ -631,21 +534,19 @@
631
534
  {
632
535
  "path": "toggle/index.tsx",
633
536
  "type": "registry:ui"
634
- },
635
- {
636
- "path": "toggle/AGENTS.md",
637
- "type": "registry:file",
638
- "target": "toggle/AGENTS.md"
639
537
  }
640
538
  ],
641
539
  "dependencies": [
642
- "radix-ui"
540
+ "@base-ui/react"
643
541
  ],
644
542
  "registryDependencies": [
645
543
  "tv"
646
544
  ],
647
545
  "meta": {
648
- "layer": "ui"
546
+ "layer": "ui",
547
+ "sizes": [
548
+ "Toggle"
549
+ ]
649
550
  }
650
551
  },
651
552
  {
@@ -656,15 +557,10 @@
656
557
  {
657
558
  "path": "tooltip/index.tsx",
658
559
  "type": "registry:ui"
659
- },
660
- {
661
- "path": "tooltip/AGENTS.md",
662
- "type": "registry:file",
663
- "target": "tooltip/AGENTS.md"
664
560
  }
665
561
  ],
666
562
  "dependencies": [
667
- "radix-ui"
563
+ "@base-ui/react"
668
564
  ],
669
565
  "registryDependencies": [
670
566
  "tv"