@crispy-seed/data-table 0.7.0 → 0.9.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 (11) hide show
  1. package/dist/data-table-recipe.css +7 -2
  2. package/dist/data-table-recipe.layered.css +3 -1
  3. package/dist/index.cjs +3490 -409
  4. package/dist/index.d.ts +246 -62
  5. package/dist/index.js +3491 -410
  6. package/dist/record-preview-recipe.css +16 -0
  7. package/dist/record-preview-recipe.layered.css +19 -0
  8. package/dist/resizable-panel-recipe.css +90 -22
  9. package/dist/resizable-panel-recipe.layered.css +88 -22
  10. package/dist/styles.css +110 -23
  11. package/package.json +4 -2
package/dist/record-preview-recipe.css CHANGED
@@ -224,4 +224,20 @@
224
224
  gap: 8px;
225
225
  padding: 8px 12px;
226
226
  border-top: 1px solid var(--seed-color-stroke-neutral-muted);
227
+ }
228
+ .seed-record-preview__tabsRoot {
229
+ flex: 1;
230
+ min-height: 0;
231
+ display: flex;
232
+ flex-direction: column;
233
+ overflow: hidden;
234
+ }
235
+ .seed-record-preview__tabPanel {
236
+ flex: 1;
237
+ min-height: 0;
238
+ overflow-y: auto;
239
+ padding: 8px 12px;
240
+ }
241
+ .seed-record-preview__tabBadge {
242
+ margin-inline-start: 6px;
227
243
  }
package/dist/record-preview-recipe.layered.css CHANGED
@@ -260,4 +260,23 @@
260
260
  padding: 8px 12px;
261
261
  display: flex;
262
262
  }
263
+
264
+ .seed-record-preview__tabsRoot {
265
+ flex-direction: column;
266
+ flex: 1;
267
+ min-height: 0;
268
+ display: flex;
269
+ overflow: hidden;
270
+ }
271
+
272
+ .seed-record-preview__tabPanel {
273
+ flex: 1;
274
+ min-height: 0;
275
+ padding: 8px 12px;
276
+ overflow-y: auto;
277
+ }
278
+
279
+ .seed-record-preview__tabBadge {
280
+ margin-inline-start: 6px;
281
+ }
263
282
  }
package/dist/resizable-panel-recipe.css CHANGED
@@ -3,6 +3,13 @@
3
3
  display: flex;
4
4
  height: 100%;
5
5
  }
6
+ .seed-resizable-panel__root[data-floating='true'] {
7
+ position: absolute;
8
+ inset: 0;
9
+ display: block;
10
+ height: auto;
11
+ pointer-events: none;
12
+ }
6
13
  .seed-resizable-panel__spacer {
7
14
  flex: 0 0 auto;
8
15
  height: 100%;
@@ -33,43 +40,104 @@
33
40
  border-inline-start: 1px solid var(--seed-color-stroke-neutral-muted);
34
41
  }
35
42
  .seed-resizable-panel__panel[data-floating='true'] {
36
- position: fixed;
37
- top: 8px;
38
- bottom: 8px;
43
+ position: absolute;
44
+ top: 0;
45
+ bottom: 0;
46
+ z-index: 20;
47
+ pointer-events: auto;
39
48
  border-inline-end: none;
40
49
  border-inline-start: none;
41
- border-radius: 10px;
42
- box-shadow: inset 0 0 0 1px rgba(0,0,0,0), 0 0 0 1px rgba(28,40,64,0.04), 0 4px 8px -4px rgba(28,40,64,0.12), 0 4px 12px -2px rgba(24,41,75,0.16);
43
50
  transform: none;
44
- transition: transform 0.14s, padding 0.14s;
51
+ opacity: 1;
45
52
  }
46
53
  .seed-resizable-panel__panel[data-floating='true'][data-side='left'] {
47
- padding: 8px 0 8px 8px;
54
+ left: 0;
55
+ border-top-right-radius: 12px;
56
+ border-bottom-right-radius: 12px;
57
+ box-shadow: 1px 0 0 rgba(28,40,64,0.04), 8px 0 16px -6px rgba(28,40,64,0.12), 8px 0 24px -4px rgba(24,41,75,0.16);
48
58
  }
49
- @starting-style {
50
- .seed-resizable-panel__panel[data-floating='true'][data-side='left'] {
51
- transform: translateX(calc(-100% - 8px));
59
+ .seed-resizable-panel__panel[data-floating='true'][data-side='right'] {
60
+ right: 0;
61
+ border-top-left-radius: 12px;
62
+ border-bottom-left-radius: 12px;
63
+ box-shadow: -1px 0 0 rgba(28,40,64,0.04), -8px 0 16px -6px rgba(28,40,64,0.12), -8px 0 24px -4px rgba(24,41,75,0.16);
64
+ }
65
+ .seed-resizable-panel__panel[data-floating='true'][data-side='left'][data-state='open'] {
66
+ animation: seed-enter;
67
+ animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
68
+ animation-duration: 0.18s;
69
+ --seed-enter-translate-x: -100%;
70
+ --seed-enter-translate-y: 0;
71
+ --seed-enter-opacity: 0;
72
+ --seed-enter-scale: 1;
73
+ }
74
+ @media (prefers-reduced-motion: reduce) {
75
+ .seed-resizable-panel__panel[data-floating='true'][data-side='left'][data-state='open'] {
76
+ --seed-enter-translate-x: 0;
52
77
  }
53
78
  }
54
- .seed-resizable-panel__panel[data-floating='true'][data-side='right'] {
55
- padding: 8px 8px 8px 0;
79
+ .seed-resizable-panel__panel[data-floating='true'][data-side='left'][data-state='closed'] {
80
+ animation: seed-exit;
81
+ animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
82
+ animation-duration: 0.14s;
83
+ animation-fill-mode: forwards;
84
+ --seed-exit-translate-x: -100%;
85
+ --seed-exit-translate-y: 0;
86
+ --seed-exit-opacity: 0;
87
+ --seed-exit-scale: 1;
88
+ }
89
+ @media (prefers-reduced-motion: reduce) {
90
+ .seed-resizable-panel__panel[data-floating='true'][data-side='left'][data-state='closed'] {
91
+ --seed-exit-translate-x: 0;
92
+ }
93
+ }
94
+ .seed-resizable-panel__panel[data-floating='true'][data-side='right'][data-state='open'] {
95
+ animation: seed-enter;
96
+ animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
97
+ animation-duration: 0.18s;
98
+ --seed-enter-translate-x: 100%;
99
+ --seed-enter-translate-y: 0;
100
+ --seed-enter-opacity: 0;
101
+ --seed-enter-scale: 1;
102
+ }
103
+ @media (prefers-reduced-motion: reduce) {
104
+ .seed-resizable-panel__panel[data-floating='true'][data-side='right'][data-state='open'] {
105
+ --seed-enter-translate-x: 0;
106
+ }
56
107
  }
57
- @starting-style {
58
- .seed-resizable-panel__panel[data-floating='true'][data-side='right'] {
59
- transform: translateX(calc(100% + 8px));
108
+ .seed-resizable-panel__panel[data-floating='true'][data-side='right'][data-state='closed'] {
109
+ animation: seed-exit;
110
+ animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
111
+ animation-duration: 0.14s;
112
+ animation-fill-mode: forwards;
113
+ --seed-exit-translate-x: 100%;
114
+ --seed-exit-translate-y: 0;
115
+ --seed-exit-opacity: 0;
116
+ --seed-exit-scale: 1;
117
+ }
118
+ @media (prefers-reduced-motion: reduce) {
119
+ .seed-resizable-panel__panel[data-floating='true'][data-side='right'][data-state='closed'] {
120
+ --seed-exit-translate-x: 0;
60
121
  }
61
122
  }
62
123
  .seed-resizable-panel__inner {
63
124
  height: 100%;
64
- opacity: 1;
65
125
  }
66
- [data-floating='true'] > .seed-resizable-panel__inner {
67
- transition: opacity 0.14s;
126
+ .seed-resizable-panel__backdrop {
127
+ position: absolute;
128
+ inset: 0;
129
+ z-index: 19;
130
+ pointer-events: auto;
131
+ background: rgba(15, 19, 32, 0.32);
132
+ opacity: 0;
133
+ transition: opacity 0.16s cubic-bezier(0.4, 0, 1, 1);
134
+ }
135
+ .seed-resizable-panel__backdrop[data-state='open'] {
136
+ opacity: 1;
137
+ transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
68
138
  }
69
- @starting-style {
70
- [data-floating='true'] > .seed-resizable-panel__inner {
71
- opacity: 0;
72
- }
139
+ .seed-resizable-panel__backdrop[data-state='closed'] {
140
+ opacity: 0;
73
141
  }
74
142
  .seed-resizable-panel__handle {
75
143
  position: absolute;
package/dist/resizable-panel-recipe.layered.css CHANGED
@@ -5,6 +5,14 @@
5
5
  position: relative;
6
6
  }
7
7
 
8
+ .seed-resizable-panel__root[data-floating="true"] {
9
+ pointer-events: none;
10
+ height: auto;
11
+ display: block;
12
+ position: absolute;
13
+ inset: 0;
14
+ }
15
+
8
16
  .seed-resizable-panel__spacer {
9
17
  flex: none;
10
18
  height: 100%;
@@ -42,49 +50,107 @@
42
50
  }
43
51
 
44
52
  .seed-resizable-panel__panel[data-floating="true"] {
53
+ z-index: 20;
54
+ pointer-events: auto;
55
+ opacity: 1;
45
56
  border-inline: none;
46
- border-radius: 10px;
47
- transition: transform .14s, padding .14s;
48
- position: fixed;
49
- top: 8px;
50
- bottom: 8px;
57
+ position: absolute;
58
+ top: 0;
59
+ bottom: 0;
51
60
  transform: none;
52
- box-shadow: inset 0 0 0 1px #0000, 0 0 0 1px #1c28400a, 0 4px 8px -4px #1c28401f, 0 4px 12px -2px #18294b29;
53
61
  }
54
62
 
55
63
  .seed-resizable-panel__panel[data-floating="true"][data-side="left"] {
56
- padding: 8px 0 8px 8px;
64
+ border-top-right-radius: 12px;
65
+ border-bottom-right-radius: 12px;
66
+ left: 0;
67
+ box-shadow: 1px 0 #1c28400a, 8px 0 16px -6px #1c28401f, 8px 0 24px -4px #18294b29;
57
68
  }
58
69
 
59
- @starting-style {
60
- .seed-resizable-panel__panel[data-floating="true"][data-side="left"] {
61
- transform: translateX(calc(-100% - 8px));
70
+ .seed-resizable-panel__panel[data-floating="true"][data-side="right"] {
71
+ border-top-left-radius: 12px;
72
+ border-bottom-left-radius: 12px;
73
+ right: 0;
74
+ box-shadow: -1px 0 #1c28400a, -8px 0 16px -6px #1c28401f, -8px 0 24px -4px #18294b29;
75
+ }
76
+
77
+ .seed-resizable-panel__panel[data-floating="true"][data-side="left"][data-state="open"] {
78
+ --seed-enter-translate-x: -100%;
79
+ --seed-enter-translate-y: 0;
80
+ --seed-enter-opacity: 0;
81
+ --seed-enter-scale: 1;
82
+ animation: .18s cubic-bezier(.16, 1, .3, 1) seed-enter;
83
+ }
84
+
85
+ @media (prefers-reduced-motion: reduce) {
86
+ .seed-resizable-panel__panel[data-floating="true"][data-side="left"][data-state="open"] {
87
+ --seed-enter-translate-x: 0;
62
88
  }
63
89
  }
64
90
 
65
- .seed-resizable-panel__panel[data-floating="true"][data-side="right"] {
66
- padding: 8px 8px 8px 0;
91
+ .seed-resizable-panel__panel[data-floating="true"][data-side="left"][data-state="closed"] {
92
+ --seed-exit-translate-x: -100%;
93
+ --seed-exit-translate-y: 0;
94
+ --seed-exit-opacity: 0;
95
+ --seed-exit-scale: 1;
96
+ animation: .14s cubic-bezier(.4, 0, 1, 1) forwards seed-exit;
67
97
  }
68
98
 
69
- @starting-style {
70
- .seed-resizable-panel__panel[data-floating="true"][data-side="right"] {
71
- transform: translateX(calc(100% + 8px));
99
+ @media (prefers-reduced-motion: reduce) {
100
+ .seed-resizable-panel__panel[data-floating="true"][data-side="left"][data-state="closed"] {
101
+ --seed-exit-translate-x: 0;
102
+ }
103
+ }
104
+
105
+ .seed-resizable-panel__panel[data-floating="true"][data-side="right"][data-state="open"] {
106
+ --seed-enter-translate-x: 100%;
107
+ --seed-enter-translate-y: 0;
108
+ --seed-enter-opacity: 0;
109
+ --seed-enter-scale: 1;
110
+ animation: .18s cubic-bezier(.16, 1, .3, 1) seed-enter;
111
+ }
112
+
113
+ @media (prefers-reduced-motion: reduce) {
114
+ .seed-resizable-panel__panel[data-floating="true"][data-side="right"][data-state="open"] {
115
+ --seed-enter-translate-x: 0;
116
+ }
117
+ }
118
+
119
+ .seed-resizable-panel__panel[data-floating="true"][data-side="right"][data-state="closed"] {
120
+ --seed-exit-translate-x: 100%;
121
+ --seed-exit-translate-y: 0;
122
+ --seed-exit-opacity: 0;
123
+ --seed-exit-scale: 1;
124
+ animation: .14s cubic-bezier(.4, 0, 1, 1) forwards seed-exit;
125
+ }
126
+
127
+ @media (prefers-reduced-motion: reduce) {
128
+ .seed-resizable-panel__panel[data-floating="true"][data-side="right"][data-state="closed"] {
129
+ --seed-exit-translate-x: 0;
72
130
  }
73
131
  }
74
132
 
75
133
  .seed-resizable-panel__inner {
76
- opacity: 1;
77
134
  height: 100%;
78
135
  }
79
136
 
80
- [data-floating="true"] > .seed-resizable-panel__inner {
81
- transition: opacity .14s;
137
+ .seed-resizable-panel__backdrop {
138
+ z-index: 19;
139
+ pointer-events: auto;
140
+ opacity: 0;
141
+ background: #0f132052;
142
+ transition: opacity .16s cubic-bezier(.4, 0, 1, 1);
143
+ position: absolute;
144
+ inset: 0;
82
145
  }
83
146
 
84
- @starting-style {
85
- [data-floating="true"] > .seed-resizable-panel__inner {
86
- opacity: 0;
87
- }
147
+ .seed-resizable-panel__backdrop[data-state="open"] {
148
+ opacity: 1;
149
+ transition-timing-function: cubic-bezier(.16, 1, .3, 1);
150
+ }
151
+
152
+ .seed-resizable-panel__backdrop[data-state="closed"] {
153
+ opacity: 0;
88
154
  }
89
155
 
90
156
  .seed-resizable-panel__handle {
package/dist/styles.css CHANGED
@@ -4937,6 +4937,7 @@ tbody tr:last-child .seed-data-table__cell {
4937
4937
  align-items: center;
4938
4938
  gap: 6px;
4939
4939
  margin-inline-start: auto;
4940
+ transition: opacity .15s;
4940
4941
  display: flex;
4941
4942
  }
4942
4943
 
@@ -4956,8 +4957,9 @@ tr:hover .seed-data-table__entityActions, .seed-data-table__entityActions:focus-
4956
4957
  justify-content: center;
4957
4958
  align-items: center;
4958
4959
  margin: 0;
4959
- padding: 0;
4960
+ padding: 2px;
4960
4961
  font-family: inherit;
4962
+ transition: background-color .2s, color .2s, box-shadow .2s;
4961
4963
  display: inline-flex;
4962
4964
  }
4963
4965
 
@@ -10285,12 +10287,39 @@ tr:hover .seed-data-table__entityActions, .seed-data-table__entityActions:focus-
10285
10287
  display: flex;
10286
10288
  }
10287
10289
 
10290
+ .seed-record-preview__tabsRoot {
10291
+ flex-direction: column;
10292
+ flex: 1;
10293
+ min-height: 0;
10294
+ display: flex;
10295
+ overflow: hidden;
10296
+ }
10297
+
10298
+ .seed-record-preview__tabPanel {
10299
+ flex: 1;
10300
+ min-height: 0;
10301
+ padding: 8px 12px;
10302
+ overflow-y: auto;
10303
+ }
10304
+
10305
+ .seed-record-preview__tabBadge {
10306
+ margin-inline-start: 6px;
10307
+ }
10308
+
10288
10309
  .seed-resizable-panel__root {
10289
10310
  height: 100%;
10290
10311
  display: flex;
10291
10312
  position: relative;
10292
10313
  }
10293
10314
 
10315
+ .seed-resizable-panel__root[data-floating="true"] {
10316
+ pointer-events: none;
10317
+ height: auto;
10318
+ display: block;
10319
+ position: absolute;
10320
+ inset: 0;
10321
+ }
10322
+
10294
10323
  .seed-resizable-panel__spacer {
10295
10324
  flex: none;
10296
10325
  height: 100%;
@@ -10328,49 +10357,107 @@ tr:hover .seed-data-table__entityActions, .seed-data-table__entityActions:focus-
10328
10357
  }
10329
10358
 
10330
10359
  .seed-resizable-panel__panel[data-floating="true"] {
10360
+ z-index: 20;
10361
+ pointer-events: auto;
10362
+ opacity: 1;
10331
10363
  border-inline: none;
10332
- border-radius: 10px;
10333
- transition: transform .14s, padding .14s;
10334
- position: fixed;
10335
- top: 8px;
10336
- bottom: 8px;
10364
+ position: absolute;
10365
+ top: 0;
10366
+ bottom: 0;
10337
10367
  transform: none;
10338
- box-shadow: inset 0 0 0 1px #0000, 0 0 0 1px #1c28400a, 0 4px 8px -4px #1c28401f, 0 4px 12px -2px #18294b29;
10339
10368
  }
10340
10369
 
10341
10370
  .seed-resizable-panel__panel[data-floating="true"][data-side="left"] {
10342
- padding: 8px 0 8px 8px;
10371
+ border-top-right-radius: 12px;
10372
+ border-bottom-right-radius: 12px;
10373
+ left: 0;
10374
+ box-shadow: 1px 0 #1c28400a, 8px 0 16px -6px #1c28401f, 8px 0 24px -4px #18294b29;
10343
10375
  }
10344
10376
 
10345
- @starting-style {
10346
- .seed-resizable-panel__panel[data-floating="true"][data-side="left"] {
10347
- transform: translateX(calc(-100% - 8px));
10377
+ .seed-resizable-panel__panel[data-floating="true"][data-side="right"] {
10378
+ border-top-left-radius: 12px;
10379
+ border-bottom-left-radius: 12px;
10380
+ right: 0;
10381
+ box-shadow: -1px 0 #1c28400a, -8px 0 16px -6px #1c28401f, -8px 0 24px -4px #18294b29;
10382
+ }
10383
+
10384
+ .seed-resizable-panel__panel[data-floating="true"][data-side="left"][data-state="open"] {
10385
+ --seed-enter-translate-x: -100%;
10386
+ --seed-enter-translate-y: 0;
10387
+ --seed-enter-opacity: 0;
10388
+ --seed-enter-scale: 1;
10389
+ animation: .18s cubic-bezier(.16, 1, .3, 1) seed-enter;
10390
+ }
10391
+
10392
+ @media (prefers-reduced-motion: reduce) {
10393
+ .seed-resizable-panel__panel[data-floating="true"][data-side="left"][data-state="open"] {
10394
+ --seed-enter-translate-x: 0;
10348
10395
  }
10349
10396
  }
10350
10397
 
10351
- .seed-resizable-panel__panel[data-floating="true"][data-side="right"] {
10352
- padding: 8px 8px 8px 0;
10398
+ .seed-resizable-panel__panel[data-floating="true"][data-side="left"][data-state="closed"] {
10399
+ --seed-exit-translate-x: -100%;
10400
+ --seed-exit-translate-y: 0;
10401
+ --seed-exit-opacity: 0;
10402
+ --seed-exit-scale: 1;
10403
+ animation: .14s cubic-bezier(.4, 0, 1, 1) forwards seed-exit;
10404
+ }
10405
+
10406
+ @media (prefers-reduced-motion: reduce) {
10407
+ .seed-resizable-panel__panel[data-floating="true"][data-side="left"][data-state="closed"] {
10408
+ --seed-exit-translate-x: 0;
10409
+ }
10410
+ }
10411
+
10412
+ .seed-resizable-panel__panel[data-floating="true"][data-side="right"][data-state="open"] {
10413
+ --seed-enter-translate-x: 100%;
10414
+ --seed-enter-translate-y: 0;
10415
+ --seed-enter-opacity: 0;
10416
+ --seed-enter-scale: 1;
10417
+ animation: .18s cubic-bezier(.16, 1, .3, 1) seed-enter;
10418
+ }
10419
+
10420
+ @media (prefers-reduced-motion: reduce) {
10421
+ .seed-resizable-panel__panel[data-floating="true"][data-side="right"][data-state="open"] {
10422
+ --seed-enter-translate-x: 0;
10423
+ }
10424
+ }
10425
+
10426
+ .seed-resizable-panel__panel[data-floating="true"][data-side="right"][data-state="closed"] {
10427
+ --seed-exit-translate-x: 100%;
10428
+ --seed-exit-translate-y: 0;
10429
+ --seed-exit-opacity: 0;
10430
+ --seed-exit-scale: 1;
10431
+ animation: .14s cubic-bezier(.4, 0, 1, 1) forwards seed-exit;
10353
10432
  }
10354
10433
 
10355
- @starting-style {
10356
- .seed-resizable-panel__panel[data-floating="true"][data-side="right"] {
10357
- transform: translateX(calc(100% + 8px));
10434
+ @media (prefers-reduced-motion: reduce) {
10435
+ .seed-resizable-panel__panel[data-floating="true"][data-side="right"][data-state="closed"] {
10436
+ --seed-exit-translate-x: 0;
10358
10437
  }
10359
10438
  }
10360
10439
 
10361
10440
  .seed-resizable-panel__inner {
10362
- opacity: 1;
10363
10441
  height: 100%;
10364
10442
  }
10365
10443
 
10366
- [data-floating="true"] > .seed-resizable-panel__inner {
10367
- transition: opacity .14s;
10444
+ .seed-resizable-panel__backdrop {
10445
+ z-index: 19;
10446
+ pointer-events: auto;
10447
+ opacity: 0;
10448
+ background: #0f132052;
10449
+ transition: opacity .16s cubic-bezier(.4, 0, 1, 1);
10450
+ position: absolute;
10451
+ inset: 0;
10368
10452
  }
10369
10453
 
10370
- @starting-style {
10371
- [data-floating="true"] > .seed-resizable-panel__inner {
10372
- opacity: 0;
10373
- }
10454
+ .seed-resizable-panel__backdrop[data-state="open"] {
10455
+ opacity: 1;
10456
+ transition-timing-function: cubic-bezier(.16, 1, .3, 1);
10457
+ }
10458
+
10459
+ .seed-resizable-panel__backdrop[data-state="closed"] {
10460
+ opacity: 0;
10374
10461
  }
10375
10462
 
10376
10463
  .seed-resizable-panel__handle {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@crispy-seed/data-table",
3
- "version": "0.7.0",
3
+ "version": "0.9.0",
4
4
  "description": "Self-contained, publishable build of seed-design's Attio-measured DataTable, ResizablePanel and RecordPreview — one install, one CSS import.",
5
5
  "repository": {
6
6
  "type": "git",
@@ -37,7 +37,7 @@
37
37
  "NOTICE"
38
38
  ],
39
39
  "scripts": {
40
- "build": "bunchee --dts-bundle --external @seed-design/css/recipes/avatar,@seed-design/css/recipes/avatar-stack,@seed-design/css/recipes/badge,@seed-design/css/recipes/checkbox,@seed-design/css/recipes/checkbox-group,@seed-design/css/recipes/checkmark,@seed-design/css/recipes/menu,@seed-design/css/recipes/menu-item,@seed-design/css/recipes/segmented-control,@seed-design/css/recipes/select,@seed-design/css/recipes/select-item,@seed-design/css/recipes/select-trigger,@seed-design/css/recipes/switch,@seed-design/css/recipes/switchmark,@seed-design/css/recipes/text-input && node scripts/copy-css.mjs",
40
+ "build": "bunchee --dts-bundle --external @seed-design/css/recipes/avatar,@seed-design/css/recipes/avatar-stack,@seed-design/css/recipes/badge,@seed-design/css/recipes/checkbox,@seed-design/css/recipes/checkbox-group,@seed-design/css/recipes/checkmark,@seed-design/css/recipes/menu,@seed-design/css/recipes/menu-item,@seed-design/css/recipes/segmented-control,@seed-design/css/recipes/select,@seed-design/css/recipes/select-item,@seed-design/css/recipes/select-trigger,@seed-design/css/recipes/switch,@seed-design/css/recipes/switchmark,@seed-design/css/recipes/tabs,@seed-design/css/recipes/text-input && node scripts/copy-css.mjs",
41
41
  "clean": "rm -rf dist"
42
42
  },
43
43
  "peerDependencies": {
@@ -62,12 +62,14 @@
62
62
  "@seed-design/react-field": "^2.0.1",
63
63
  "@seed-design/react-image": "^1.1.0",
64
64
  "@seed-design/react-menu": "^2.0.2",
65
+ "@seed-design/react-presence": "^1.0.1",
65
66
  "@seed-design/react-primitive": "^2.0.1",
66
67
  "@seed-design/react-resizable-panel": "^0.1.0",
67
68
  "@seed-design/react-scale-feedback": "^1.0.0",
68
69
  "@seed-design/react-segmented-control": "^2.0.2",
69
70
  "@seed-design/react-select": "^1.0.1",
70
71
  "@seed-design/react-switch": "^2.0.1",
72
+ "@seed-design/react-tabs": "^2.0.1",
71
73
  "@seed-design/react-text-field": "^2.0.1",
72
74
  "@types/react": "^19.2.2",
73
75
  "@types/react-dom": "^19.2.1",