@simple-builder/react 1.0.1 → 1.0.2
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/dist/{build-container-client-DICNH7KJ.js → build-container-client-LHGW2FFR.js} +203 -190
- package/dist/{build-container-client-6LLYJPDM.mjs → build-container-client-SL4TZBOD.mjs} +158 -145
- package/dist/{builder-content-4E6TBF6O.js → builder-content-66LHSBUX.js} +7 -7
- package/dist/{builder-content-DEBYN2B4.mjs → builder-content-FCQHSHSY.mjs} +3 -3
- package/dist/{chunk-AAKS5YHL.js → chunk-3S4FFEHM.js} +11 -8
- package/dist/{chunk-W544L5I2.js → chunk-5ZDNACOH.js} +1 -1
- package/dist/{chunk-YHA5XZL4.mjs → chunk-BXL6F5AB.mjs} +11 -8
- package/dist/{chunk-6C6XHDMD.mjs → chunk-NROQCSBF.mjs} +1 -1
- package/dist/index.css +260 -269
- package/dist/index.js +4 -4
- package/dist/index.mjs +3 -3
- package/package.json +2 -2
package/dist/index.css
CHANGED
|
@@ -121,556 +121,553 @@
|
|
|
121
121
|
--tw-backdrop-saturate: ;
|
|
122
122
|
--tw-backdrop-sepia: ;
|
|
123
123
|
}
|
|
124
|
-
.container {
|
|
124
|
+
.sb-container {
|
|
125
125
|
width: 100%;
|
|
126
126
|
}
|
|
127
127
|
@media (min-width: 640px) {
|
|
128
|
-
.container {
|
|
128
|
+
.sb-container {
|
|
129
129
|
max-width: 640px;
|
|
130
130
|
}
|
|
131
131
|
}
|
|
132
132
|
@media (min-width: 768px) {
|
|
133
|
-
.container {
|
|
133
|
+
.sb-container {
|
|
134
134
|
max-width: 768px;
|
|
135
135
|
}
|
|
136
136
|
}
|
|
137
137
|
@media (min-width: 1024px) {
|
|
138
|
-
.container {
|
|
138
|
+
.sb-container {
|
|
139
139
|
max-width: 1024px;
|
|
140
140
|
}
|
|
141
141
|
}
|
|
142
142
|
@media (min-width: 1280px) {
|
|
143
|
-
.container {
|
|
143
|
+
.sb-container {
|
|
144
144
|
max-width: 1280px;
|
|
145
145
|
}
|
|
146
146
|
}
|
|
147
147
|
@media (min-width: 1536px) {
|
|
148
|
-
.container {
|
|
148
|
+
.sb-container {
|
|
149
149
|
max-width: 1536px;
|
|
150
150
|
}
|
|
151
151
|
}
|
|
152
|
-
.pointer-events-none {
|
|
152
|
+
.sb-pointer-events-none {
|
|
153
153
|
pointer-events: none;
|
|
154
154
|
}
|
|
155
|
-
.
|
|
156
|
-
visibility: hidden;
|
|
157
|
-
}
|
|
158
|
-
.fixed {
|
|
155
|
+
.sb-fixed {
|
|
159
156
|
position: fixed;
|
|
160
157
|
}
|
|
161
|
-
.absolute {
|
|
158
|
+
.sb-absolute {
|
|
162
159
|
position: absolute;
|
|
163
160
|
}
|
|
164
|
-
.relative {
|
|
161
|
+
.sb-relative {
|
|
165
162
|
position: relative;
|
|
166
163
|
}
|
|
167
|
-
.sticky {
|
|
164
|
+
.sb-sticky {
|
|
168
165
|
position: sticky;
|
|
169
166
|
}
|
|
170
|
-
.inset-0 {
|
|
167
|
+
.sb-inset-0 {
|
|
171
168
|
inset: 0px;
|
|
172
169
|
}
|
|
173
|
-
.inset-x-0 {
|
|
170
|
+
.sb-inset-x-0 {
|
|
174
171
|
left: 0px;
|
|
175
172
|
right: 0px;
|
|
176
173
|
}
|
|
177
|
-
.left-1 {
|
|
174
|
+
.sb-left-1 {
|
|
178
175
|
left: 0.25rem;
|
|
179
176
|
}
|
|
180
|
-
.left-1\/2 {
|
|
177
|
+
.sb-left-1\/2 {
|
|
181
178
|
left: 50%;
|
|
182
179
|
}
|
|
183
|
-
.left-3 {
|
|
180
|
+
.sb-left-3 {
|
|
184
181
|
left: 0.75rem;
|
|
185
182
|
}
|
|
186
|
-
.left-\[50\%\] {
|
|
183
|
+
.sb-left-\[50\%\] {
|
|
187
184
|
left: 50%;
|
|
188
185
|
}
|
|
189
|
-
.right-1 {
|
|
186
|
+
.sb-right-1 {
|
|
190
187
|
right: 0.25rem;
|
|
191
188
|
}
|
|
192
|
-
.right-3 {
|
|
189
|
+
.sb-right-3 {
|
|
193
190
|
right: 0.75rem;
|
|
194
191
|
}
|
|
195
|
-
.top-0 {
|
|
192
|
+
.sb-top-0 {
|
|
196
193
|
top: 0px;
|
|
197
194
|
}
|
|
198
|
-
.top-1 {
|
|
195
|
+
.sb-top-1 {
|
|
199
196
|
top: 0.25rem;
|
|
200
197
|
}
|
|
201
|
-
.top-1\/2 {
|
|
198
|
+
.sb-top-1\/2 {
|
|
202
199
|
top: 50%;
|
|
203
200
|
}
|
|
204
|
-
.top-\[50\%\] {
|
|
201
|
+
.sb-top-\[50\%\] {
|
|
205
202
|
top: 50%;
|
|
206
203
|
}
|
|
207
|
-
|
|
204
|
+
.sb--z-\[1\] {
|
|
208
205
|
z-index: -1;
|
|
209
206
|
}
|
|
210
|
-
.z-20 {
|
|
207
|
+
.sb-z-20 {
|
|
211
208
|
z-index: 20;
|
|
212
209
|
}
|
|
213
|
-
.z-30 {
|
|
210
|
+
.sb-z-30 {
|
|
214
211
|
z-index: 30;
|
|
215
212
|
}
|
|
216
|
-
.z-50 {
|
|
213
|
+
.sb-z-50 {
|
|
217
214
|
z-index: 50;
|
|
218
215
|
}
|
|
219
|
-
|
|
216
|
+
.sb--my-\[2px\] {
|
|
220
217
|
margin-top: -2px;
|
|
221
218
|
margin-bottom: -2px;
|
|
222
219
|
}
|
|
223
|
-
.mx-auto {
|
|
220
|
+
.sb-mx-auto {
|
|
224
221
|
margin-left: auto;
|
|
225
222
|
margin-right: auto;
|
|
226
223
|
}
|
|
227
|
-
.mr-2 {
|
|
224
|
+
.sb-mr-2 {
|
|
228
225
|
margin-right: 0.5rem;
|
|
229
226
|
}
|
|
230
|
-
.mt-2 {
|
|
227
|
+
.sb-mt-2 {
|
|
231
228
|
margin-top: 0.5rem;
|
|
232
229
|
}
|
|
233
|
-
.block {
|
|
230
|
+
.sb-block {
|
|
234
231
|
display: block;
|
|
235
232
|
}
|
|
236
|
-
.flex {
|
|
233
|
+
.sb-flex {
|
|
237
234
|
display: flex;
|
|
238
235
|
}
|
|
239
|
-
.inline-flex {
|
|
236
|
+
.sb-inline-flex {
|
|
240
237
|
display: inline-flex;
|
|
241
238
|
}
|
|
242
|
-
.
|
|
243
|
-
display: table;
|
|
244
|
-
}
|
|
245
|
-
.grid {
|
|
239
|
+
.sb-grid {
|
|
246
240
|
display: grid;
|
|
247
241
|
}
|
|
248
|
-
.hidden {
|
|
242
|
+
.sb-hidden {
|
|
249
243
|
display: none;
|
|
250
244
|
}
|
|
251
|
-
.aspect-video {
|
|
245
|
+
.sb-aspect-video {
|
|
252
246
|
aspect-ratio: 16 / 9;
|
|
253
247
|
}
|
|
254
|
-
.h-1 {
|
|
248
|
+
.sb-h-1 {
|
|
255
249
|
height: 0.25rem;
|
|
256
250
|
}
|
|
257
|
-
.h-10 {
|
|
251
|
+
.sb-h-10 {
|
|
258
252
|
height: 2.5rem;
|
|
259
253
|
}
|
|
260
|
-
.h-11 {
|
|
254
|
+
.sb-h-11 {
|
|
261
255
|
height: 2.75rem;
|
|
262
256
|
}
|
|
263
|
-
.h-28 {
|
|
257
|
+
.sb-h-28 {
|
|
264
258
|
height: 7rem;
|
|
265
259
|
}
|
|
266
|
-
.h-4 {
|
|
260
|
+
.sb-h-4 {
|
|
267
261
|
height: 1rem;
|
|
268
262
|
}
|
|
269
|
-
.h-5 {
|
|
263
|
+
.sb-h-5 {
|
|
270
264
|
height: 1.25rem;
|
|
271
265
|
}
|
|
272
|
-
.h-6 {
|
|
266
|
+
.sb-h-6 {
|
|
273
267
|
height: 1.5rem;
|
|
274
268
|
}
|
|
275
|
-
.h-7 {
|
|
269
|
+
.sb-h-7 {
|
|
276
270
|
height: 1.75rem;
|
|
277
271
|
}
|
|
278
|
-
.h-8 {
|
|
272
|
+
.sb-h-8 {
|
|
279
273
|
height: 2rem;
|
|
280
274
|
}
|
|
281
|
-
.h-9 {
|
|
275
|
+
.sb-h-9 {
|
|
282
276
|
height: 2.25rem;
|
|
283
277
|
}
|
|
284
|
-
.h-auto {
|
|
278
|
+
.sb-h-auto {
|
|
285
279
|
height: auto;
|
|
286
280
|
}
|
|
287
|
-
.min-h-\[60px\] {
|
|
281
|
+
.sb-min-h-\[60px\] {
|
|
288
282
|
min-height: 60px;
|
|
289
283
|
}
|
|
290
|
-
.w-11 {
|
|
284
|
+
.sb-w-11 {
|
|
291
285
|
width: 2.75rem;
|
|
292
286
|
}
|
|
293
|
-
.w-28 {
|
|
287
|
+
.sb-w-28 {
|
|
294
288
|
width: 7rem;
|
|
295
289
|
}
|
|
296
|
-
.w-4 {
|
|
290
|
+
.sb-w-4 {
|
|
297
291
|
width: 1rem;
|
|
298
292
|
}
|
|
299
|
-
.w-5 {
|
|
293
|
+
.sb-w-5 {
|
|
300
294
|
width: 1.25rem;
|
|
301
295
|
}
|
|
302
|
-
.w-6 {
|
|
296
|
+
.sb-w-6 {
|
|
303
297
|
width: 1.5rem;
|
|
304
298
|
}
|
|
305
|
-
.w-64 {
|
|
299
|
+
.sb-w-64 {
|
|
306
300
|
width: 16rem;
|
|
307
301
|
}
|
|
308
|
-
.w-7 {
|
|
302
|
+
.sb-w-7 {
|
|
309
303
|
width: 1.75rem;
|
|
310
304
|
}
|
|
311
|
-
.w-72 {
|
|
305
|
+
.sb-w-72 {
|
|
312
306
|
width: 18rem;
|
|
313
307
|
}
|
|
314
|
-
.w-8 {
|
|
308
|
+
.sb-w-8 {
|
|
315
309
|
width: 2rem;
|
|
316
310
|
}
|
|
317
|
-
.w-auto {
|
|
311
|
+
.sb-w-auto {
|
|
318
312
|
width: auto;
|
|
319
313
|
}
|
|
320
|
-
.w-full {
|
|
314
|
+
.sb-w-full {
|
|
321
315
|
width: 100%;
|
|
322
316
|
}
|
|
323
|
-
.max-w-lg {
|
|
317
|
+
.sb-max-w-lg {
|
|
324
318
|
max-width: 32rem;
|
|
325
319
|
}
|
|
326
|
-
.flex-1 {
|
|
320
|
+
.sb-flex-1 {
|
|
327
321
|
flex: 1 1 0%;
|
|
328
322
|
}
|
|
329
|
-
.shrink-0 {
|
|
323
|
+
.sb-shrink-0 {
|
|
330
324
|
flex-shrink: 0;
|
|
331
325
|
}
|
|
332
|
-
.border-collapse {
|
|
326
|
+
.sb-border-collapse {
|
|
333
327
|
border-collapse: collapse;
|
|
334
328
|
}
|
|
335
|
-
|
|
329
|
+
.sb--translate-x-1\/2 {
|
|
336
330
|
--tw-translate-x: -50%;
|
|
337
331
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
338
332
|
}
|
|
339
|
-
|
|
333
|
+
.sb--translate-y-1\/2 {
|
|
340
334
|
--tw-translate-y: -50%;
|
|
341
335
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
342
336
|
}
|
|
343
|
-
.translate-x-\[-50\%\] {
|
|
337
|
+
.sb-translate-x-\[-50\%\] {
|
|
344
338
|
--tw-translate-x: -50%;
|
|
345
339
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
346
340
|
}
|
|
347
|
-
.translate-y-\[-50\%\] {
|
|
341
|
+
.sb-translate-y-\[-50\%\] {
|
|
348
342
|
--tw-translate-y: -50%;
|
|
349
343
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
350
344
|
}
|
|
351
|
-
|
|
345
|
+
.sb--rotate-90 {
|
|
352
346
|
--tw-rotate: -90deg;
|
|
353
347
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
354
348
|
}
|
|
355
|
-
.rotate-180 {
|
|
349
|
+
.sb-rotate-180 {
|
|
356
350
|
--tw-rotate: 180deg;
|
|
357
351
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
358
352
|
}
|
|
359
|
-
.rotate-90 {
|
|
353
|
+
.sb-rotate-90 {
|
|
360
354
|
--tw-rotate: 90deg;
|
|
361
355
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
362
356
|
}
|
|
363
|
-
@keyframes spin {
|
|
357
|
+
@keyframes sb-spin {
|
|
364
358
|
to {
|
|
365
359
|
transform: rotate(360deg);
|
|
366
360
|
}
|
|
367
361
|
}
|
|
368
|
-
.animate-spin {
|
|
369
|
-
animation: spin 1s linear infinite;
|
|
362
|
+
.sb-animate-spin {
|
|
363
|
+
animation: sb-spin 1s linear infinite;
|
|
370
364
|
}
|
|
371
|
-
.cursor-pointer {
|
|
365
|
+
.sb-cursor-pointer {
|
|
372
366
|
cursor: pointer;
|
|
373
367
|
}
|
|
374
|
-
.grid-cols-2 {
|
|
368
|
+
.sb-grid-cols-2 {
|
|
375
369
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
376
370
|
}
|
|
377
|
-
.grid-cols-3 {
|
|
371
|
+
.sb-grid-cols-3 {
|
|
378
372
|
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
379
373
|
}
|
|
380
|
-
.grid-cols-\[1fr\,auto\] {
|
|
374
|
+
.sb-grid-cols-\[1fr\,auto\] {
|
|
381
375
|
grid-template-columns: 1fr auto;
|
|
382
376
|
}
|
|
383
|
-
.flex-row {
|
|
377
|
+
.sb-flex-row {
|
|
384
378
|
flex-direction: row;
|
|
385
379
|
}
|
|
386
|
-
.flex-col {
|
|
380
|
+
.sb-flex-col {
|
|
387
381
|
flex-direction: column;
|
|
388
382
|
}
|
|
389
|
-
.flex-col-reverse {
|
|
383
|
+
.sb-flex-col-reverse {
|
|
390
384
|
flex-direction: column-reverse;
|
|
391
385
|
}
|
|
392
|
-
.flex-wrap {
|
|
386
|
+
.sb-flex-wrap {
|
|
393
387
|
flex-wrap: wrap;
|
|
394
388
|
}
|
|
395
|
-
.items-center {
|
|
389
|
+
.sb-items-center {
|
|
396
390
|
align-items: center;
|
|
397
391
|
}
|
|
398
|
-
.justify-start {
|
|
392
|
+
.sb-justify-start {
|
|
399
393
|
justify-content: flex-start;
|
|
400
394
|
}
|
|
401
|
-
.justify-end {
|
|
395
|
+
.sb-justify-end {
|
|
402
396
|
justify-content: flex-end;
|
|
403
397
|
}
|
|
404
|
-
.justify-center {
|
|
398
|
+
.sb-justify-center {
|
|
405
399
|
justify-content: center;
|
|
406
400
|
}
|
|
407
|
-
.justify-between {
|
|
401
|
+
.sb-justify-between {
|
|
408
402
|
justify-content: space-between;
|
|
409
403
|
}
|
|
410
|
-
.gap-1 {
|
|
404
|
+
.sb-gap-1 {
|
|
411
405
|
gap: 0.25rem;
|
|
412
406
|
}
|
|
413
|
-
.gap-2 {
|
|
407
|
+
.sb-gap-2 {
|
|
414
408
|
gap: 0.5rem;
|
|
415
409
|
}
|
|
416
|
-
.gap-3 {
|
|
410
|
+
.sb-gap-3 {
|
|
417
411
|
gap: 0.75rem;
|
|
418
412
|
}
|
|
419
|
-
.gap-4 {
|
|
413
|
+
.sb-gap-4 {
|
|
420
414
|
gap: 1rem;
|
|
421
415
|
}
|
|
422
|
-
.space-x-1 > :not([hidden]) ~ :not([hidden]) {
|
|
416
|
+
.sb-space-x-1 > :not([hidden]) ~ :not([hidden]) {
|
|
423
417
|
--tw-space-x-reverse: 0;
|
|
424
418
|
margin-right: calc(0.25rem * var(--tw-space-x-reverse));
|
|
425
419
|
margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
|
|
426
420
|
}
|
|
427
|
-
.space-x-6 > :not([hidden]) ~ :not([hidden]) {
|
|
421
|
+
.sb-space-x-6 > :not([hidden]) ~ :not([hidden]) {
|
|
428
422
|
--tw-space-x-reverse: 0;
|
|
429
423
|
margin-right: calc(1.5rem * var(--tw-space-x-reverse));
|
|
430
424
|
margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
|
|
431
425
|
}
|
|
432
|
-
.space-y-0 > :not([hidden]) ~ :not([hidden]) {
|
|
426
|
+
.sb-space-y-0 > :not([hidden]) ~ :not([hidden]) {
|
|
433
427
|
--tw-space-y-reverse: 0;
|
|
434
428
|
margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
|
|
435
429
|
margin-bottom: calc(0px * var(--tw-space-y-reverse));
|
|
436
430
|
}
|
|
437
|
-
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
|
|
431
|
+
.sb-space-y-1 > :not([hidden]) ~ :not([hidden]) {
|
|
438
432
|
--tw-space-y-reverse: 0;
|
|
439
433
|
margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
|
|
440
434
|
margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
|
|
441
435
|
}
|
|
442
|
-
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
|
|
436
|
+
.sb-space-y-2 > :not([hidden]) ~ :not([hidden]) {
|
|
443
437
|
--tw-space-y-reverse: 0;
|
|
444
438
|
margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
|
|
445
439
|
margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
|
|
446
440
|
}
|
|
447
|
-
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
|
|
441
|
+
.sb-space-y-4 > :not([hidden]) ~ :not([hidden]) {
|
|
448
442
|
--tw-space-y-reverse: 0;
|
|
449
443
|
margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
|
|
450
444
|
margin-bottom: calc(1rem * var(--tw-space-y-reverse));
|
|
451
445
|
}
|
|
452
|
-
.overflow-hidden {
|
|
446
|
+
.sb-overflow-hidden {
|
|
453
447
|
overflow: hidden;
|
|
454
448
|
}
|
|
455
|
-
.truncate {
|
|
449
|
+
.sb-truncate {
|
|
456
450
|
overflow: hidden;
|
|
457
451
|
text-overflow: ellipsis;
|
|
458
452
|
white-space: nowrap;
|
|
459
453
|
}
|
|
460
|
-
.whitespace-nowrap {
|
|
454
|
+
.sb-whitespace-nowrap {
|
|
461
455
|
white-space: nowrap;
|
|
462
456
|
}
|
|
463
|
-
.rounded {
|
|
457
|
+
.sb-rounded {
|
|
464
458
|
border-radius: 0.25rem;
|
|
465
459
|
}
|
|
466
|
-
.rounded-full {
|
|
460
|
+
.sb-rounded-full {
|
|
467
461
|
border-radius: 9999px;
|
|
468
462
|
}
|
|
469
|
-
.rounded-lg {
|
|
463
|
+
.sb-rounded-lg {
|
|
470
464
|
border-radius: var(--sb-radius);
|
|
471
465
|
}
|
|
472
|
-
.rounded-md {
|
|
466
|
+
.sb-rounded-md {
|
|
473
467
|
border-radius: calc(var(--sb-radius) - 2px);
|
|
474
468
|
}
|
|
475
|
-
.border {
|
|
469
|
+
.sb-border {
|
|
476
470
|
border-width: 1px;
|
|
477
471
|
}
|
|
478
|
-
.border-2 {
|
|
472
|
+
.sb-border-2 {
|
|
479
473
|
border-width: 2px;
|
|
480
474
|
}
|
|
481
|
-
.border-b {
|
|
475
|
+
.sb-border-b {
|
|
482
476
|
border-bottom-width: 1px;
|
|
483
477
|
}
|
|
484
|
-
.border-b-2 {
|
|
478
|
+
.sb-border-b-2 {
|
|
485
479
|
border-bottom-width: 2px;
|
|
486
480
|
}
|
|
487
|
-
.border-
|
|
481
|
+
.sb-border-input {
|
|
488
482
|
border-color: hsl(var(--sb-input));
|
|
489
483
|
}
|
|
490
|
-
.border-transparent {
|
|
484
|
+
.sb-border-transparent {
|
|
491
485
|
border-color: transparent;
|
|
492
486
|
}
|
|
493
|
-
.bg-
|
|
487
|
+
.sb-bg-accent {
|
|
494
488
|
background-color: hsl(var(--sb-accent));
|
|
495
489
|
}
|
|
496
|
-
.bg-
|
|
490
|
+
.sb-bg-background {
|
|
497
491
|
background-color: hsl(var(--sb-background));
|
|
498
492
|
}
|
|
499
|
-
.bg-
|
|
493
|
+
.sb-bg-background\/80 {
|
|
500
494
|
background-color: hsl(var(--sb-background) / 0.8);
|
|
501
495
|
}
|
|
502
|
-
.bg-
|
|
496
|
+
.sb-bg-card {
|
|
503
497
|
background-color: hsl(var(--sb-card));
|
|
504
498
|
}
|
|
505
|
-
.bg-
|
|
499
|
+
.sb-bg-destructive {
|
|
506
500
|
background-color: hsl(var(--sb-destructive));
|
|
507
501
|
}
|
|
508
|
-
.bg-
|
|
502
|
+
.sb-bg-popover {
|
|
509
503
|
background-color: hsl(var(--sb-popover));
|
|
510
504
|
}
|
|
511
|
-
.bg-
|
|
505
|
+
.sb-bg-primary {
|
|
512
506
|
background-color: hsl(var(--sb-primary));
|
|
513
507
|
}
|
|
514
|
-
.bg-
|
|
508
|
+
.sb-bg-primary\/50 {
|
|
515
509
|
background-color: hsl(var(--sb-primary) / 0.5);
|
|
516
510
|
}
|
|
517
|
-
.bg-
|
|
511
|
+
.sb-bg-secondary {
|
|
518
512
|
background-color: hsl(var(--sb-secondary));
|
|
519
513
|
}
|
|
520
|
-
.bg-transparent {
|
|
514
|
+
.sb-bg-transparent {
|
|
521
515
|
background-color: transparent;
|
|
522
516
|
}
|
|
523
|
-
.\!bg-cover {
|
|
517
|
+
.\!sb-bg-cover {
|
|
524
518
|
background-size: cover !important;
|
|
525
519
|
}
|
|
526
|
-
.bg-cover {
|
|
520
|
+
.sb-bg-cover {
|
|
527
521
|
background-size: cover;
|
|
528
522
|
}
|
|
529
|
-
.\!bg-center {
|
|
523
|
+
.\!sb-bg-center {
|
|
530
524
|
background-position: center !important;
|
|
531
525
|
}
|
|
532
|
-
.bg-center {
|
|
526
|
+
.sb-bg-center {
|
|
533
527
|
background-position: center;
|
|
534
528
|
}
|
|
535
|
-
.object-cover {
|
|
529
|
+
.sb-object-cover {
|
|
536
530
|
-o-object-fit: cover;
|
|
537
531
|
object-fit: cover;
|
|
538
532
|
}
|
|
539
|
-
.p-0 {
|
|
533
|
+
.sb-p-0 {
|
|
540
534
|
padding: 0px;
|
|
541
535
|
}
|
|
542
|
-
.p-1 {
|
|
536
|
+
.sb-p-1 {
|
|
543
537
|
padding: 0.25rem;
|
|
544
538
|
}
|
|
545
|
-
.p-2 {
|
|
539
|
+
.sb-p-2 {
|
|
546
540
|
padding: 0.5rem;
|
|
547
541
|
}
|
|
548
|
-
.p-3 {
|
|
542
|
+
.sb-p-3 {
|
|
549
543
|
padding: 0.75rem;
|
|
550
544
|
}
|
|
551
|
-
.p-4 {
|
|
545
|
+
.sb-p-4 {
|
|
552
546
|
padding: 1rem;
|
|
553
547
|
}
|
|
554
|
-
.p-6 {
|
|
548
|
+
.sb-p-6 {
|
|
555
549
|
padding: 1.5rem;
|
|
556
550
|
}
|
|
557
|
-
.px-2 {
|
|
551
|
+
.sb-px-2 {
|
|
558
552
|
padding-left: 0.5rem;
|
|
559
553
|
padding-right: 0.5rem;
|
|
560
554
|
}
|
|
561
|
-
.px-2\.5 {
|
|
555
|
+
.sb-px-2\.5 {
|
|
562
556
|
padding-left: 0.625rem;
|
|
563
557
|
padding-right: 0.625rem;
|
|
564
558
|
}
|
|
565
|
-
.px-3 {
|
|
559
|
+
.sb-px-3 {
|
|
566
560
|
padding-left: 0.75rem;
|
|
567
561
|
padding-right: 0.75rem;
|
|
568
562
|
}
|
|
569
|
-
.px-4 {
|
|
563
|
+
.sb-px-4 {
|
|
570
564
|
padding-left: 1rem;
|
|
571
565
|
padding-right: 1rem;
|
|
572
566
|
}
|
|
573
|
-
.px-5 {
|
|
567
|
+
.sb-px-5 {
|
|
574
568
|
padding-left: 1.25rem;
|
|
575
569
|
padding-right: 1.25rem;
|
|
576
570
|
}
|
|
577
|
-
.py-1 {
|
|
571
|
+
.sb-py-1 {
|
|
578
572
|
padding-top: 0.25rem;
|
|
579
573
|
padding-bottom: 0.25rem;
|
|
580
574
|
}
|
|
581
|
-
.py-2 {
|
|
575
|
+
.sb-py-2 {
|
|
582
576
|
padding-top: 0.5rem;
|
|
583
577
|
padding-bottom: 0.5rem;
|
|
584
578
|
}
|
|
585
|
-
.py-3 {
|
|
579
|
+
.sb-py-3 {
|
|
586
580
|
padding-top: 0.75rem;
|
|
587
581
|
padding-bottom: 0.75rem;
|
|
588
582
|
}
|
|
589
|
-
.pl-9 {
|
|
583
|
+
.sb-pl-9 {
|
|
590
584
|
padding-left: 2.25rem;
|
|
591
585
|
}
|
|
592
|
-
.pr-7 {
|
|
586
|
+
.sb-pr-7 {
|
|
593
587
|
padding-right: 1.75rem;
|
|
594
588
|
}
|
|
595
|
-
.pt-1 {
|
|
589
|
+
.sb-pt-1 {
|
|
596
590
|
padding-top: 0.25rem;
|
|
597
591
|
}
|
|
598
|
-
.text-left {
|
|
592
|
+
.sb-text-left {
|
|
599
593
|
text-align: left;
|
|
600
594
|
}
|
|
601
|
-
.text-center {
|
|
595
|
+
.sb-text-center {
|
|
602
596
|
text-align: center;
|
|
603
597
|
}
|
|
604
|
-
.text-right {
|
|
598
|
+
.sb-text-right {
|
|
605
599
|
text-align: right;
|
|
606
600
|
}
|
|
607
|
-
.font-roboto {
|
|
601
|
+
.sb-font-roboto {
|
|
608
602
|
font-family: Roboto, sans-serif;
|
|
609
603
|
}
|
|
610
|
-
.text-\[0\.8rem\] {
|
|
604
|
+
.sb-text-\[0\.8rem\] {
|
|
611
605
|
font-size: 0.8rem;
|
|
612
606
|
}
|
|
613
|
-
.text-lg {
|
|
607
|
+
.sb-text-lg {
|
|
614
608
|
font-size: 1.125rem;
|
|
615
609
|
line-height: 1.75rem;
|
|
616
610
|
}
|
|
617
|
-
.text-sm {
|
|
611
|
+
.sb-text-sm {
|
|
618
612
|
font-size: 0.875rem;
|
|
619
613
|
line-height: 1.25rem;
|
|
620
614
|
}
|
|
621
|
-
.text-xs {
|
|
615
|
+
.sb-text-xs {
|
|
622
616
|
font-size: 0.75rem;
|
|
623
617
|
line-height: 1rem;
|
|
624
618
|
}
|
|
625
|
-
.font-medium {
|
|
619
|
+
.sb-font-medium {
|
|
626
620
|
font-weight: 500;
|
|
627
621
|
}
|
|
628
|
-
.font-normal {
|
|
622
|
+
.sb-font-normal {
|
|
629
623
|
font-weight: 400;
|
|
630
624
|
}
|
|
631
|
-
.font-semibold {
|
|
625
|
+
.sb-font-semibold {
|
|
632
626
|
font-weight: 600;
|
|
633
627
|
}
|
|
634
|
-
.uppercase {
|
|
628
|
+
.sb-uppercase {
|
|
635
629
|
text-transform: uppercase;
|
|
636
630
|
}
|
|
637
|
-
.normal-case {
|
|
631
|
+
.sb-normal-case {
|
|
638
632
|
text-transform: none;
|
|
639
633
|
}
|
|
640
|
-
.leading-none {
|
|
634
|
+
.sb-leading-none {
|
|
641
635
|
line-height: 1;
|
|
642
636
|
}
|
|
643
|
-
.text-
|
|
637
|
+
.sb-text-accent-foreground {
|
|
644
638
|
color: hsl(var(--sb-accent-foreground));
|
|
645
639
|
}
|
|
646
|
-
.text-
|
|
640
|
+
.sb-text-card-foreground {
|
|
641
|
+
color: hsl(var(--sb-card-foreground));
|
|
642
|
+
}
|
|
643
|
+
.sb-text-destructive {
|
|
647
644
|
color: hsl(var(--sb-destructive));
|
|
648
645
|
}
|
|
649
|
-
.text-
|
|
646
|
+
.sb-text-destructive-foreground {
|
|
650
647
|
color: hsl(var(--sb-destructive-foreground));
|
|
651
648
|
}
|
|
652
|
-
.text-
|
|
649
|
+
.sb-text-muted-foreground {
|
|
653
650
|
color: hsl(var(--sb-muted-foreground));
|
|
654
651
|
}
|
|
655
|
-
.text-
|
|
652
|
+
.sb-text-popover-foreground {
|
|
656
653
|
color: hsl(var(--sb-popover-foreground));
|
|
657
654
|
}
|
|
658
|
-
.text-
|
|
655
|
+
.sb-text-primary-foreground {
|
|
659
656
|
color: hsl(var(--sb-primary-foreground));
|
|
660
657
|
}
|
|
661
|
-
.text-
|
|
658
|
+
.sb-text-secondary-foreground {
|
|
662
659
|
color: hsl(var(--sb-secondary-foreground));
|
|
663
660
|
}
|
|
664
|
-
.opacity-0 {
|
|
661
|
+
.sb-opacity-0 {
|
|
665
662
|
opacity: 0;
|
|
666
663
|
}
|
|
667
|
-
.opacity-50 {
|
|
664
|
+
.sb-opacity-50 {
|
|
668
665
|
opacity: 0.5;
|
|
669
666
|
}
|
|
670
|
-
.opacity-90 {
|
|
667
|
+
.sb-opacity-90 {
|
|
671
668
|
opacity: 0.9;
|
|
672
669
|
}
|
|
673
|
-
.shadow {
|
|
670
|
+
.sb-shadow {
|
|
674
671
|
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
|
|
675
672
|
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
|
|
676
673
|
box-shadow:
|
|
@@ -678,7 +675,7 @@
|
|
|
678
675
|
var(--tw-ring-shadow, 0 0 #0000),
|
|
679
676
|
var(--tw-shadow);
|
|
680
677
|
}
|
|
681
|
-
.shadow-lg {
|
|
678
|
+
.sb-shadow-lg {
|
|
682
679
|
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
|
|
683
680
|
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
|
|
684
681
|
box-shadow:
|
|
@@ -686,7 +683,7 @@
|
|
|
686
683
|
var(--tw-ring-shadow, 0 0 #0000),
|
|
687
684
|
var(--tw-shadow);
|
|
688
685
|
}
|
|
689
|
-
.shadow-md {
|
|
686
|
+
.sb-shadow-md {
|
|
690
687
|
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
|
|
691
688
|
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
|
|
692
689
|
box-shadow:
|
|
@@ -694,7 +691,7 @@
|
|
|
694
691
|
var(--tw-ring-shadow, 0 0 #0000),
|
|
695
692
|
var(--tw-shadow);
|
|
696
693
|
}
|
|
697
|
-
.shadow-sm {
|
|
694
|
+
.sb-shadow-sm {
|
|
698
695
|
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
|
|
699
696
|
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
|
|
700
697
|
box-shadow:
|
|
@@ -702,14 +699,11 @@
|
|
|
702
699
|
var(--tw-ring-shadow, 0 0 #0000),
|
|
703
700
|
var(--tw-shadow);
|
|
704
701
|
}
|
|
705
|
-
.outline-none {
|
|
702
|
+
.sb-outline-none {
|
|
706
703
|
outline: 2px solid transparent;
|
|
707
704
|
outline-offset: 2px;
|
|
708
705
|
}
|
|
709
|
-
.
|
|
710
|
-
outline-style: solid;
|
|
711
|
-
}
|
|
712
|
-
.ring-0 {
|
|
706
|
+
.sb-ring-0 {
|
|
713
707
|
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
714
708
|
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
715
709
|
box-shadow:
|
|
@@ -717,23 +711,20 @@
|
|
|
717
711
|
var(--tw-ring-shadow),
|
|
718
712
|
var(--tw-shadow, 0 0 #0000);
|
|
719
713
|
}
|
|
720
|
-
.ring-offset-
|
|
714
|
+
.sb-ring-offset-background {
|
|
721
715
|
--tw-ring-offset-color: hsl(var(--sb-background));
|
|
722
716
|
}
|
|
723
|
-
.
|
|
724
|
-
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
725
|
-
}
|
|
726
|
-
.backdrop-blur-sm {
|
|
717
|
+
.sb-backdrop-blur-sm {
|
|
727
718
|
--tw-backdrop-blur: blur(4px);
|
|
728
719
|
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
|
|
729
720
|
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
|
|
730
721
|
}
|
|
731
|
-
.transition-all {
|
|
722
|
+
.sb-transition-all {
|
|
732
723
|
transition-property: all;
|
|
733
724
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
734
725
|
transition-duration: 150ms;
|
|
735
726
|
}
|
|
736
|
-
.transition-colors {
|
|
727
|
+
.sb-transition-colors {
|
|
737
728
|
transition-property:
|
|
738
729
|
color,
|
|
739
730
|
background-color,
|
|
@@ -744,17 +735,17 @@
|
|
|
744
735
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
745
736
|
transition-duration: 150ms;
|
|
746
737
|
}
|
|
747
|
-
.transition-opacity {
|
|
738
|
+
.sb-transition-opacity {
|
|
748
739
|
transition-property: opacity;
|
|
749
740
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
750
741
|
transition-duration: 150ms;
|
|
751
742
|
}
|
|
752
|
-
.transition-transform {
|
|
743
|
+
.sb-transition-transform {
|
|
753
744
|
transition-property: transform;
|
|
754
745
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
755
746
|
transition-duration: 150ms;
|
|
756
747
|
}
|
|
757
|
-
.duration-200 {
|
|
748
|
+
.sb-duration-200 {
|
|
758
749
|
transition-duration: 200ms;
|
|
759
750
|
}
|
|
760
751
|
@keyframes enter {
|
|
@@ -769,7 +760,7 @@
|
|
|
769
760
|
transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
|
|
770
761
|
}
|
|
771
762
|
}
|
|
772
|
-
.duration-200 {
|
|
763
|
+
.sb-duration-200 {
|
|
773
764
|
animation-duration: 200ms;
|
|
774
765
|
}
|
|
775
766
|
@font-face {
|
|
@@ -857,69 +848,69 @@
|
|
|
857
848
|
.sb-container-item:has(.sb-container-item:hover) > .sb-item-toolbar {
|
|
858
849
|
opacity: 0;
|
|
859
850
|
}
|
|
860
|
-
.file\:border-0::file-selector-button {
|
|
851
|
+
.file\:sb-border-0::file-selector-button {
|
|
861
852
|
border-width: 0px;
|
|
862
853
|
}
|
|
863
|
-
.file\:bg-transparent::file-selector-button {
|
|
854
|
+
.file\:sb-bg-transparent::file-selector-button {
|
|
864
855
|
background-color: transparent;
|
|
865
856
|
}
|
|
866
|
-
.file\:text-sm::file-selector-button {
|
|
857
|
+
.file\:sb-text-sm::file-selector-button {
|
|
867
858
|
font-size: 0.875rem;
|
|
868
859
|
line-height: 1.25rem;
|
|
869
860
|
}
|
|
870
|
-
.file\:font-medium::file-selector-button {
|
|
861
|
+
.file\:sb-font-medium::file-selector-button {
|
|
871
862
|
font-weight: 500;
|
|
872
863
|
}
|
|
873
|
-
.placeholder\:text-
|
|
864
|
+
.placeholder\:sb-text-muted-foreground::-moz-placeholder {
|
|
874
865
|
color: hsl(var(--sb-muted-foreground));
|
|
875
866
|
}
|
|
876
|
-
.placeholder\:text-
|
|
867
|
+
.placeholder\:sb-text-muted-foreground::placeholder {
|
|
877
868
|
color: hsl(var(--sb-muted-foreground));
|
|
878
869
|
}
|
|
879
|
-
.focus-within\:relative:focus-within {
|
|
870
|
+
.focus-within\:sb-relative:focus-within {
|
|
880
871
|
position: relative;
|
|
881
872
|
}
|
|
882
|
-
.focus-within\:z-20:focus-within {
|
|
873
|
+
.focus-within\:sb-z-20:focus-within {
|
|
883
874
|
z-index: 20;
|
|
884
875
|
}
|
|
885
|
-
.hover\:bg-
|
|
876
|
+
.hover\:sb-bg-accent:hover {
|
|
886
877
|
background-color: hsl(var(--sb-accent));
|
|
887
878
|
}
|
|
888
|
-
.hover\:bg-
|
|
879
|
+
.hover\:sb-bg-destructive\/90:hover {
|
|
889
880
|
background-color: hsl(var(--sb-destructive) / 0.9);
|
|
890
881
|
}
|
|
891
|
-
.hover\:bg-
|
|
882
|
+
.hover\:sb-bg-muted:hover {
|
|
892
883
|
background-color: hsl(var(--sb-muted));
|
|
893
884
|
}
|
|
894
|
-
.hover\:bg-
|
|
885
|
+
.hover\:sb-bg-primary:hover {
|
|
895
886
|
background-color: hsl(var(--sb-primary));
|
|
896
887
|
}
|
|
897
|
-
.hover\:bg-
|
|
888
|
+
.hover\:sb-bg-primary\/90:hover {
|
|
898
889
|
background-color: hsl(var(--sb-primary) / 0.9);
|
|
899
890
|
}
|
|
900
|
-
.hover\:text-
|
|
891
|
+
.hover\:sb-text-accent-foreground:hover {
|
|
901
892
|
color: hsl(var(--sb-accent-foreground));
|
|
902
893
|
}
|
|
903
|
-
.hover\:text-
|
|
894
|
+
.hover\:sb-text-muted-foreground:hover {
|
|
904
895
|
color: hsl(var(--sb-muted-foreground));
|
|
905
896
|
}
|
|
906
|
-
.hover\:text-
|
|
897
|
+
.hover\:sb-text-primary-foreground:hover {
|
|
907
898
|
color: hsl(var(--sb-primary-foreground));
|
|
908
899
|
}
|
|
909
|
-
.hover\:opacity-100:hover {
|
|
900
|
+
.hover\:sb-opacity-100:hover {
|
|
910
901
|
opacity: 1;
|
|
911
902
|
}
|
|
912
|
-
.focus\:bg-
|
|
903
|
+
.focus\:sb-bg-primary:focus {
|
|
913
904
|
background-color: hsl(var(--sb-primary));
|
|
914
905
|
}
|
|
915
|
-
.focus\:text-
|
|
906
|
+
.focus\:sb-text-primary-foreground:focus {
|
|
916
907
|
color: hsl(var(--sb-primary-foreground));
|
|
917
908
|
}
|
|
918
|
-
.focus-visible\:outline-none:focus-visible {
|
|
909
|
+
.focus-visible\:sb-outline-none:focus-visible {
|
|
919
910
|
outline: 2px solid transparent;
|
|
920
911
|
outline-offset: 2px;
|
|
921
912
|
}
|
|
922
|
-
.focus-visible\:ring-1:focus-visible {
|
|
913
|
+
.focus-visible\:sb-ring-1:focus-visible {
|
|
923
914
|
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
924
915
|
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
925
916
|
box-shadow:
|
|
@@ -927,7 +918,7 @@
|
|
|
927
918
|
var(--tw-ring-shadow),
|
|
928
919
|
var(--tw-shadow, 0 0 #0000);
|
|
929
920
|
}
|
|
930
|
-
.focus-visible\:ring-2:focus-visible {
|
|
921
|
+
.focus-visible\:sb-ring-2:focus-visible {
|
|
931
922
|
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
932
923
|
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
933
924
|
box-shadow:
|
|
@@ -935,87 +926,87 @@
|
|
|
935
926
|
var(--tw-ring-shadow),
|
|
936
927
|
var(--tw-shadow, 0 0 #0000);
|
|
937
928
|
}
|
|
938
|
-
.focus-visible\:
|
|
929
|
+
.focus-visible\:sb-ring-ring:focus-visible {
|
|
939
930
|
--tw-ring-color: hsl(var(--sb-ring));
|
|
940
931
|
}
|
|
941
|
-
.focus-visible\:ring-offset-2:focus-visible {
|
|
932
|
+
.focus-visible\:sb-ring-offset-2:focus-visible {
|
|
942
933
|
--tw-ring-offset-width: 2px;
|
|
943
934
|
}
|
|
944
|
-
.focus-visible\:ring-offset-
|
|
935
|
+
.focus-visible\:sb-ring-offset-background:focus-visible {
|
|
945
936
|
--tw-ring-offset-color: hsl(var(--sb-background));
|
|
946
937
|
}
|
|
947
|
-
.active\:scale-105:active {
|
|
938
|
+
.active\:sb-scale-105:active {
|
|
948
939
|
--tw-scale-x: 1.05;
|
|
949
940
|
--tw-scale-y: 1.05;
|
|
950
941
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
951
942
|
}
|
|
952
|
-
.disabled\:pointer-events-none:disabled {
|
|
943
|
+
.disabled\:sb-pointer-events-none:disabled {
|
|
953
944
|
pointer-events: none;
|
|
954
945
|
}
|
|
955
|
-
.disabled\:cursor-not-allowed:disabled {
|
|
946
|
+
.disabled\:sb-cursor-not-allowed:disabled {
|
|
956
947
|
cursor: not-allowed;
|
|
957
948
|
}
|
|
958
|
-
.disabled\:opacity-50:disabled {
|
|
949
|
+
.disabled\:sb-opacity-50:disabled {
|
|
959
950
|
opacity: 0.5;
|
|
960
951
|
}
|
|
961
|
-
.group:hover .group-hover\:opacity-100 {
|
|
952
|
+
.sb-group:hover .group-hover\:sb-opacity-100 {
|
|
962
953
|
opacity: 1;
|
|
963
954
|
}
|
|
964
|
-
.peer:disabled ~ .peer-disabled\:cursor-not-allowed {
|
|
955
|
+
.sb-peer:disabled ~ .peer-disabled\:sb-cursor-not-allowed {
|
|
965
956
|
cursor: not-allowed;
|
|
966
957
|
}
|
|
967
|
-
.peer:disabled ~ .peer-disabled\:opacity-70 {
|
|
958
|
+
.sb-peer:disabled ~ .peer-disabled\:sb-opacity-70 {
|
|
968
959
|
opacity: 0.7;
|
|
969
960
|
}
|
|
970
|
-
.aria-selected\:bg-
|
|
961
|
+
.aria-selected\:sb-bg-accent[aria-selected=true] {
|
|
971
962
|
background-color: hsl(var(--sb-accent));
|
|
972
963
|
}
|
|
973
|
-
.aria-selected\:bg-
|
|
964
|
+
.aria-selected\:sb-bg-accent\/50[aria-selected=true] {
|
|
974
965
|
background-color: hsl(var(--sb-accent) / 0.5);
|
|
975
966
|
}
|
|
976
|
-
.aria-selected\:text-
|
|
967
|
+
.aria-selected\:sb-text-accent-foreground[aria-selected=true] {
|
|
977
968
|
color: hsl(var(--sb-accent-foreground));
|
|
978
969
|
}
|
|
979
|
-
.aria-selected\:text-
|
|
970
|
+
.aria-selected\:sb-text-muted-foreground[aria-selected=true] {
|
|
980
971
|
color: hsl(var(--sb-muted-foreground));
|
|
981
972
|
}
|
|
982
|
-
.aria-selected\:opacity-100[aria-selected=true] {
|
|
973
|
+
.aria-selected\:sb-opacity-100[aria-selected=true] {
|
|
983
974
|
opacity: 1;
|
|
984
975
|
}
|
|
985
|
-
.aria-selected\:opacity-30[aria-selected=true] {
|
|
976
|
+
.aria-selected\:sb-opacity-30[aria-selected=true] {
|
|
986
977
|
opacity: 0.3;
|
|
987
978
|
}
|
|
988
|
-
.data-\[state\=active\]\:flex[data-state=active] {
|
|
979
|
+
.data-\[state\=active\]\:sb-flex[data-state=active] {
|
|
989
980
|
display: flex;
|
|
990
981
|
}
|
|
991
|
-
.data-\[state\=checked\]\:translate-x-5[data-state=checked] {
|
|
982
|
+
.data-\[state\=checked\]\:sb-translate-x-5[data-state=checked] {
|
|
992
983
|
--tw-translate-x: 1.25rem;
|
|
993
984
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
994
985
|
}
|
|
995
|
-
.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked] {
|
|
986
|
+
.data-\[state\=unchecked\]\:sb-translate-x-0[data-state=unchecked] {
|
|
996
987
|
--tw-translate-x: 0px;
|
|
997
988
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
998
989
|
}
|
|
999
|
-
.data-\[state\=active\]\:border-black[data-state=active] {
|
|
990
|
+
.data-\[state\=active\]\:sb-border-black[data-state=active] {
|
|
1000
991
|
--tw-border-opacity: 1;
|
|
1001
992
|
border-color: rgb(0 0 0 / var(--tw-border-opacity));
|
|
1002
993
|
}
|
|
1003
|
-
.data-\[state\=checked\]\:bg-
|
|
994
|
+
.data-\[state\=checked\]\:sb-bg-primary[data-state=checked] {
|
|
1004
995
|
background-color: hsl(var(--sb-primary));
|
|
1005
996
|
}
|
|
1006
|
-
.data-\[state\=on\]\:bg-
|
|
997
|
+
.data-\[state\=on\]\:sb-bg-accent[data-state=on] {
|
|
1007
998
|
background-color: hsl(var(--sb-accent));
|
|
1008
999
|
}
|
|
1009
|
-
.data-\[state\=unchecked\]\:bg-
|
|
1000
|
+
.data-\[state\=unchecked\]\:sb-bg-input[data-state=unchecked] {
|
|
1010
1001
|
background-color: hsl(var(--sb-input));
|
|
1011
1002
|
}
|
|
1012
|
-
.data-\[state\=active\]\:text-
|
|
1003
|
+
.data-\[state\=active\]\:sb-text-foreground[data-state=active] {
|
|
1013
1004
|
color: hsl(var(--sb-foreground));
|
|
1014
1005
|
}
|
|
1015
|
-
.data-\[state\=on\]\:text-
|
|
1006
|
+
.data-\[state\=on\]\:sb-text-accent-foreground[data-state=on] {
|
|
1016
1007
|
color: hsl(var(--sb-accent-foreground));
|
|
1017
1008
|
}
|
|
1018
|
-
.data-\[state\=open\]\:animate-in[data-state=open] {
|
|
1009
|
+
.data-\[state\=open\]\:sb-animate-in[data-state=open] {
|
|
1019
1010
|
animation-name: enter;
|
|
1020
1011
|
animation-duration: 150ms;
|
|
1021
1012
|
--tw-enter-opacity: initial;
|
|
@@ -1024,7 +1015,7 @@
|
|
|
1024
1015
|
--tw-enter-translate-x: initial;
|
|
1025
1016
|
--tw-enter-translate-y: initial;
|
|
1026
1017
|
}
|
|
1027
|
-
.data-\[state\=closed\]\:animate-out[data-state=closed] {
|
|
1018
|
+
.data-\[state\=closed\]\:sb-animate-out[data-state=closed] {
|
|
1028
1019
|
animation-name: exit;
|
|
1029
1020
|
animation-duration: 150ms;
|
|
1030
1021
|
--tw-exit-opacity: initial;
|
|
@@ -1033,100 +1024,100 @@
|
|
|
1033
1024
|
--tw-exit-translate-x: initial;
|
|
1034
1025
|
--tw-exit-translate-y: initial;
|
|
1035
1026
|
}
|
|
1036
|
-
.data-\[state\=closed\]\:fade-out-0[data-state=closed] {
|
|
1027
|
+
.data-\[state\=closed\]\:sb-fade-out-0[data-state=closed] {
|
|
1037
1028
|
--tw-exit-opacity: 0;
|
|
1038
1029
|
}
|
|
1039
|
-
.data-\[state\=open\]\:fade-in-0[data-state=open] {
|
|
1030
|
+
.data-\[state\=open\]\:sb-fade-in-0[data-state=open] {
|
|
1040
1031
|
--tw-enter-opacity: 0;
|
|
1041
1032
|
}
|
|
1042
|
-
.data-\[state\=closed\]\:zoom-out-95[data-state=closed] {
|
|
1033
|
+
.data-\[state\=closed\]\:sb-zoom-out-95[data-state=closed] {
|
|
1043
1034
|
--tw-exit-scale: .95;
|
|
1044
1035
|
}
|
|
1045
|
-
.data-\[state\=open\]\:zoom-in-95[data-state=open] {
|
|
1036
|
+
.data-\[state\=open\]\:sb-zoom-in-95[data-state=open] {
|
|
1046
1037
|
--tw-enter-scale: .95;
|
|
1047
1038
|
}
|
|
1048
|
-
.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom] {
|
|
1039
|
+
.data-\[side\=bottom\]\:sb-slide-in-from-top-2[data-side=bottom] {
|
|
1049
1040
|
--tw-enter-translate-y: -0.5rem;
|
|
1050
1041
|
}
|
|
1051
|
-
.data-\[side\=left\]\:slide-in-from-right-2[data-side=left] {
|
|
1042
|
+
.data-\[side\=left\]\:sb-slide-in-from-right-2[data-side=left] {
|
|
1052
1043
|
--tw-enter-translate-x: 0.5rem;
|
|
1053
1044
|
}
|
|
1054
|
-
.data-\[side\=right\]\:slide-in-from-left-2[data-side=right] {
|
|
1045
|
+
.data-\[side\=right\]\:sb-slide-in-from-left-2[data-side=right] {
|
|
1055
1046
|
--tw-enter-translate-x: -0.5rem;
|
|
1056
1047
|
}
|
|
1057
|
-
.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top] {
|
|
1048
|
+
.data-\[side\=top\]\:sb-slide-in-from-bottom-2[data-side=top] {
|
|
1058
1049
|
--tw-enter-translate-y: 0.5rem;
|
|
1059
1050
|
}
|
|
1060
|
-
.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed] {
|
|
1051
|
+
.data-\[state\=closed\]\:sb-slide-out-to-left-1\/2[data-state=closed] {
|
|
1061
1052
|
--tw-exit-translate-x: -50%;
|
|
1062
1053
|
}
|
|
1063
|
-
.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed] {
|
|
1054
|
+
.data-\[state\=closed\]\:sb-slide-out-to-top-\[48\%\][data-state=closed] {
|
|
1064
1055
|
--tw-exit-translate-y: -48%;
|
|
1065
1056
|
}
|
|
1066
|
-
.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open] {
|
|
1057
|
+
.data-\[state\=open\]\:sb-slide-in-from-left-1\/2[data-state=open] {
|
|
1067
1058
|
--tw-enter-translate-x: -50%;
|
|
1068
1059
|
}
|
|
1069
|
-
.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open] {
|
|
1060
|
+
.data-\[state\=open\]\:sb-slide-in-from-top-\[48\%\][data-state=open] {
|
|
1070
1061
|
--tw-enter-translate-y: -48%;
|
|
1071
1062
|
}
|
|
1072
1063
|
@media (min-width: 640px) {
|
|
1073
|
-
.sm\:mt-0 {
|
|
1064
|
+
.sm\:sb-mt-0 {
|
|
1074
1065
|
margin-top: 0px;
|
|
1075
1066
|
}
|
|
1076
|
-
.sm\:flex-row {
|
|
1067
|
+
.sm\:sb-flex-row {
|
|
1077
1068
|
flex-direction: row;
|
|
1078
1069
|
}
|
|
1079
|
-
.sm\:justify-end {
|
|
1070
|
+
.sm\:sb-justify-end {
|
|
1080
1071
|
justify-content: flex-end;
|
|
1081
1072
|
}
|
|
1082
|
-
.sm\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
|
|
1073
|
+
.sm\:sb-space-x-2 > :not([hidden]) ~ :not([hidden]) {
|
|
1083
1074
|
--tw-space-x-reverse: 0;
|
|
1084
1075
|
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
|
|
1085
1076
|
margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
|
|
1086
1077
|
}
|
|
1087
|
-
.sm\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
|
|
1078
|
+
.sm\:sb-space-x-4 > :not([hidden]) ~ :not([hidden]) {
|
|
1088
1079
|
--tw-space-x-reverse: 0;
|
|
1089
1080
|
margin-right: calc(1rem * var(--tw-space-x-reverse));
|
|
1090
1081
|
margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
|
|
1091
1082
|
}
|
|
1092
|
-
.sm\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
|
|
1083
|
+
.sm\:sb-space-y-0 > :not([hidden]) ~ :not([hidden]) {
|
|
1093
1084
|
--tw-space-y-reverse: 0;
|
|
1094
1085
|
margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
|
|
1095
1086
|
margin-bottom: calc(0px * var(--tw-space-y-reverse));
|
|
1096
1087
|
}
|
|
1097
|
-
.sm\:rounded-lg {
|
|
1088
|
+
.sm\:sb-rounded-lg {
|
|
1098
1089
|
border-radius: var(--sb-radius);
|
|
1099
1090
|
}
|
|
1100
|
-
.sm\:text-left {
|
|
1091
|
+
.sm\:sb-text-left {
|
|
1101
1092
|
text-align: left;
|
|
1102
1093
|
}
|
|
1103
1094
|
}
|
|
1104
|
-
.\[\&\:has\(\>\.day-range-end\)\]\:rounded-r-md:has(> .day-range-end) {
|
|
1095
|
+
.\[\&\:has\(\>\.day-range-end\)\]\:sb-rounded-r-md:has(> .day-range-end) {
|
|
1105
1096
|
border-top-right-radius: calc(var(--sb-radius) - 2px);
|
|
1106
1097
|
border-bottom-right-radius: calc(var(--sb-radius) - 2px);
|
|
1107
1098
|
}
|
|
1108
|
-
.\[\&\:has\(\>\.day-range-start\)\]\:rounded-l-md:has(> .day-range-start) {
|
|
1099
|
+
.\[\&\:has\(\>\.day-range-start\)\]\:sb-rounded-l-md:has(> .day-range-start) {
|
|
1109
1100
|
border-top-left-radius: calc(var(--sb-radius) - 2px);
|
|
1110
1101
|
border-bottom-left-radius: calc(var(--sb-radius) - 2px);
|
|
1111
1102
|
}
|
|
1112
|
-
.\[\&\:has\(\[aria-selected\]\)\]\:rounded-md:has([aria-selected]) {
|
|
1103
|
+
.\[\&\:has\(\[aria-selected\]\)\]\:sb-rounded-md:has([aria-selected]) {
|
|
1113
1104
|
border-radius: calc(var(--sb-radius) - 2px);
|
|
1114
1105
|
}
|
|
1115
|
-
.\[\&\:has\(\[aria-selected\]\)\]\:bg-
|
|
1106
|
+
.\[\&\:has\(\[aria-selected\]\)\]\:sb-bg-accent:has([aria-selected]) {
|
|
1116
1107
|
background-color: hsl(var(--sb-accent));
|
|
1117
1108
|
}
|
|
1118
|
-
.first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:has([aria-selected]):first-child {
|
|
1109
|
+
.first\:\[\&\:has\(\[aria-selected\]\)\]\:sb-rounded-l-md:has([aria-selected]):first-child {
|
|
1119
1110
|
border-top-left-radius: calc(var(--sb-radius) - 2px);
|
|
1120
1111
|
border-bottom-left-radius: calc(var(--sb-radius) - 2px);
|
|
1121
1112
|
}
|
|
1122
|
-
.last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:has([aria-selected]):last-child {
|
|
1113
|
+
.last\:\[\&\:has\(\[aria-selected\]\)\]\:sb-rounded-r-md:has([aria-selected]):last-child {
|
|
1123
1114
|
border-top-right-radius: calc(var(--sb-radius) - 2px);
|
|
1124
1115
|
border-bottom-right-radius: calc(var(--sb-radius) - 2px);
|
|
1125
1116
|
}
|
|
1126
|
-
.\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:bg-
|
|
1117
|
+
.\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:sb-bg-accent\/50:has([aria-selected].day-outside) {
|
|
1127
1118
|
background-color: hsl(var(--sb-accent) / 0.5);
|
|
1128
1119
|
}
|
|
1129
|
-
.\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has([aria-selected].day-range-end) {
|
|
1120
|
+
.\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:sb-rounded-r-md:has([aria-selected].day-range-end) {
|
|
1130
1121
|
border-top-right-radius: calc(var(--sb-radius) - 2px);
|
|
1131
1122
|
border-bottom-right-radius: calc(var(--sb-radius) - 2px);
|
|
1132
1123
|
}
|