@simple-builder/react 1.2.10 → 1.3.1

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 (98) hide show
  1. package/dist/{build-container-client-VF3DTHKE.mjs → build-container-client-5QC5KVS3.mjs} +215 -215
  2. package/dist/build-container-client-D2ZD6IEH.css +1964 -0
  3. package/dist/{build-container-client-O3HCUDB7.js → build-container-client-NXIMV3RF.js} +293 -293
  4. package/dist/{builder-content-325KIPAU.mjs → builder-content-3H7GF3KF.mjs} +3 -3
  5. package/dist/{builder-content-CUJJ3KBR.js → builder-content-BIVYFWCC.js} +7 -7
  6. package/dist/builder-content-NFFJ4NAB.css +1964 -0
  7. package/dist/{chunk-IACBZNOK.js → chunk-2CPAROZB.js} +7 -7
  8. package/dist/{chunk-2DLJX5FY.mjs → chunk-B5R6QY7N.mjs} +7 -7
  9. package/dist/{chunk-5DXQZNUR.mjs → chunk-CJGHP5Q7.mjs} +25 -19
  10. package/dist/{chunk-5N4LAZ6V.js → chunk-WI3YU7TV.js} +3 -3
  11. package/dist/{chunk-3F3TNWYK.mjs → chunk-XSG7W73Z.mjs} +2 -2
  12. package/dist/{chunk-6NZWMSQR.js → chunk-YKPZPQ5D.js} +29 -23
  13. package/dist/index.css +1920 -1486
  14. package/dist/index.js +6 -6
  15. package/dist/index.mjs +2 -2
  16. package/package.json +4 -4
  17. package/dist/build-container-client-56IGH4EB.mjs +0 -2264
  18. package/dist/build-container-client-6D4M5MV6.mjs +0 -2260
  19. package/dist/build-container-client-6NICVHM7.css +0 -1530
  20. package/dist/build-container-client-7UASGAWO.mjs +0 -2265
  21. package/dist/build-container-client-FP6NTFZ7.js +0 -2299
  22. package/dist/build-container-client-IC4ZMQPB.js +0 -2301
  23. package/dist/build-container-client-JR4HENF4.mjs +0 -2262
  24. package/dist/build-container-client-JS3CR4W3.js +0 -2300
  25. package/dist/build-container-client-JXYQOZHZ.js +0 -2296
  26. package/dist/build-container-client-OANZW6DH.mjs +0 -2264
  27. package/dist/build-container-client-QBXLJYQD.js +0 -2300
  28. package/dist/build-container-client-QOFTIHCU.js +0 -2298
  29. package/dist/build-container-client-XNI5DVSE.mjs +0 -2280
  30. package/dist/build-container-client-YSPLIQZC.mjs +0 -2263
  31. package/dist/build-container-client-YTZ4C67E.mjs +0 -2266
  32. package/dist/build-container-client-Z34EUPR3.js +0 -2302
  33. package/dist/build-container-client-ZXB5JG67.js +0 -2316
  34. package/dist/builder-content-5K55QBEE.js +0 -42
  35. package/dist/builder-content-5K7B4FXR.js +0 -42
  36. package/dist/builder-content-7CYIKIWQ.mjs +0 -20
  37. package/dist/builder-content-EHVMYKSR.mjs +0 -20
  38. package/dist/builder-content-IQHALH5A.js +0 -42
  39. package/dist/builder-content-J6G2PNIM.js +0 -42
  40. package/dist/builder-content-JQ7BYR4W.mjs +0 -20
  41. package/dist/builder-content-KWK44AH6.mjs +0 -20
  42. package/dist/builder-content-LYSSA6KK.js +0 -42
  43. package/dist/builder-content-MPQ7ZQN4.js +0 -42
  44. package/dist/builder-content-OE75E24Z.mjs +0 -20
  45. package/dist/builder-content-P24OTLH4.css +0 -1530
  46. package/dist/builder-content-QFRPA4VE.js +0 -42
  47. package/dist/builder-content-S2ZNOULV.mjs +0 -20
  48. package/dist/builder-content-STUVQ4ME.mjs +0 -20
  49. package/dist/builder-content-WJFD3ACD.mjs +0 -20
  50. package/dist/builder-content-ZHXFSCT7.js +0 -42
  51. package/dist/chunk-2GRDEACJ.js +0 -153
  52. package/dist/chunk-2S5KDJXM.js +0 -263
  53. package/dist/chunk-2UYKRF3Y.js +0 -263
  54. package/dist/chunk-5NN2XSII.mjs +0 -238
  55. package/dist/chunk-5VQCJART.js +0 -153
  56. package/dist/chunk-75X4HNGS.mjs +0 -238
  57. package/dist/chunk-7DFHZYGR.js +0 -263
  58. package/dist/chunk-7J7CMYXS.mjs +0 -20
  59. package/dist/chunk-BUELIHBX.mjs +0 -238
  60. package/dist/chunk-DMNRRIPC.js +0 -42
  61. package/dist/chunk-EMZAPBOH.mjs +0 -20
  62. package/dist/chunk-FKVC2UHD.js +0 -42
  63. package/dist/chunk-FN6K4WJP.mjs +0 -20
  64. package/dist/chunk-G6MYXYJU.mjs +0 -238
  65. package/dist/chunk-GVPZDUDM.js +0 -42
  66. package/dist/chunk-HA4DTJA7.mjs +0 -123
  67. package/dist/chunk-I4TPSTXB.js +0 -263
  68. package/dist/chunk-IVF3GTYS.js +0 -263
  69. package/dist/chunk-JDB6GNKI.js +0 -263
  70. package/dist/chunk-KC4V2ZJN.mjs +0 -123
  71. package/dist/chunk-KS4VUS45.mjs +0 -238
  72. package/dist/chunk-LNSOKXFY.mjs +0 -20
  73. package/dist/chunk-LPZDTDBB.js +0 -153
  74. package/dist/chunk-NJ6FM7SJ.mjs +0 -123
  75. package/dist/chunk-OOIADGIA.js +0 -153
  76. package/dist/chunk-ORODN5Q7.js +0 -153
  77. package/dist/chunk-PFSFBCPI.mjs +0 -123
  78. package/dist/chunk-QEQT2EER.mjs +0 -238
  79. package/dist/chunk-RCDOLMDG.js +0 -263
  80. package/dist/chunk-RFPQNWBX.mjs +0 -123
  81. package/dist/chunk-RTB6I3Q2.js +0 -153
  82. package/dist/chunk-RUBQ6OAO.mjs +0 -238
  83. package/dist/chunk-S4IIRN4J.mjs +0 -20
  84. package/dist/chunk-SMRPMB3V.js +0 -153
  85. package/dist/chunk-TF7VKEU2.mjs +0 -123
  86. package/dist/chunk-TPRY6DEO.js +0 -153
  87. package/dist/chunk-TSIU64AJ.mjs +0 -238
  88. package/dist/chunk-TWGYIJD2.js +0 -42
  89. package/dist/chunk-UFWIAKEA.mjs +0 -20
  90. package/dist/chunk-UH23D2JA.mjs +0 -123
  91. package/dist/chunk-UYVCZD2U.mjs +0 -20
  92. package/dist/chunk-WP7KTUTL.js +0 -42
  93. package/dist/chunk-WQ376VV2.js +0 -263
  94. package/dist/chunk-WUYG7TZ5.js +0 -42
  95. package/dist/chunk-XFIY7HQO.mjs +0 -123
  96. package/dist/chunk-XJ4ZJCQS.js +0 -42
  97. package/dist/chunk-XULCJNV7.mjs +0 -20
  98. package/dist/chunk-YMC3DDLP.js +0 -42
@@ -1,1530 +0,0 @@
1
- /* src/global.css */
2
- :root {
3
- --sb-background: 0 0% 100%;
4
- --sb-foreground: 0 0% 3.9%;
5
- --sb-card: 0 0% 100%;
6
- --sb-card-foreground: 0 0% 3.9%;
7
- --sb-popover: 0 0% 100%;
8
- --sb-popover-foreground: 0 0% 3.9%;
9
- --sb-primary: 212 100% 50.4%;
10
- --sb-primary-foreground: 0 0% 98%;
11
- --sb-secondary: 158 24% 93%;
12
- --sb-secondary-foreground: 0 0% 9%;
13
- --sb-muted: 0 0% 96.1%;
14
- --sb-muted-foreground: 0 0% 45.1%;
15
- --sb-accent: 0 0% 96.1%;
16
- --sb-accent-foreground: 0 0% 9%;
17
- --sb-destructive: 0 84.2% 60.2%;
18
- --sb-destructive-foreground: 0 0% 98%;
19
- --sb-border: 0 0% 89.8%;
20
- --sb-input: 0 0% 89.8%;
21
- --sb-ring: 0 0% 3.9%;
22
- --sb-radius: 0.5rem;
23
- }
24
- *,
25
- ::before,
26
- ::after {
27
- --tw-border-spacing-x: 0;
28
- --tw-border-spacing-y: 0;
29
- --tw-translate-x: 0;
30
- --tw-translate-y: 0;
31
- --tw-rotate: 0;
32
- --tw-skew-x: 0;
33
- --tw-skew-y: 0;
34
- --tw-scale-x: 1;
35
- --tw-scale-y: 1;
36
- --tw-pan-x: ;
37
- --tw-pan-y: ;
38
- --tw-pinch-zoom: ;
39
- --tw-scroll-snap-strictness: proximity;
40
- --tw-gradient-from-position: ;
41
- --tw-gradient-via-position: ;
42
- --tw-gradient-to-position: ;
43
- --tw-ordinal: ;
44
- --tw-slashed-zero: ;
45
- --tw-numeric-figure: ;
46
- --tw-numeric-spacing: ;
47
- --tw-numeric-fraction: ;
48
- --tw-ring-inset: ;
49
- --tw-ring-offset-width: 0px;
50
- --tw-ring-offset-color: #fff;
51
- --tw-ring-color: rgb(59 130 246 / 0.5);
52
- --tw-ring-offset-shadow: 0 0 #0000;
53
- --tw-ring-shadow: 0 0 #0000;
54
- --tw-shadow: 0 0 #0000;
55
- --tw-shadow-colored: 0 0 #0000;
56
- --tw-blur: ;
57
- --tw-brightness: ;
58
- --tw-contrast: ;
59
- --tw-grayscale: ;
60
- --tw-hue-rotate: ;
61
- --tw-invert: ;
62
- --tw-saturate: ;
63
- --tw-sepia: ;
64
- --tw-drop-shadow: ;
65
- --tw-backdrop-blur: ;
66
- --tw-backdrop-brightness: ;
67
- --tw-backdrop-contrast: ;
68
- --tw-backdrop-grayscale: ;
69
- --tw-backdrop-hue-rotate: ;
70
- --tw-backdrop-invert: ;
71
- --tw-backdrop-opacity: ;
72
- --tw-backdrop-saturate: ;
73
- --tw-backdrop-sepia: ;
74
- }
75
- ::backdrop {
76
- --tw-border-spacing-x: 0;
77
- --tw-border-spacing-y: 0;
78
- --tw-translate-x: 0;
79
- --tw-translate-y: 0;
80
- --tw-rotate: 0;
81
- --tw-skew-x: 0;
82
- --tw-skew-y: 0;
83
- --tw-scale-x: 1;
84
- --tw-scale-y: 1;
85
- --tw-pan-x: ;
86
- --tw-pan-y: ;
87
- --tw-pinch-zoom: ;
88
- --tw-scroll-snap-strictness: proximity;
89
- --tw-gradient-from-position: ;
90
- --tw-gradient-via-position: ;
91
- --tw-gradient-to-position: ;
92
- --tw-ordinal: ;
93
- --tw-slashed-zero: ;
94
- --tw-numeric-figure: ;
95
- --tw-numeric-spacing: ;
96
- --tw-numeric-fraction: ;
97
- --tw-ring-inset: ;
98
- --tw-ring-offset-width: 0px;
99
- --tw-ring-offset-color: #fff;
100
- --tw-ring-color: rgb(59 130 246 / 0.5);
101
- --tw-ring-offset-shadow: 0 0 #0000;
102
- --tw-ring-shadow: 0 0 #0000;
103
- --tw-shadow: 0 0 #0000;
104
- --tw-shadow-colored: 0 0 #0000;
105
- --tw-blur: ;
106
- --tw-brightness: ;
107
- --tw-contrast: ;
108
- --tw-grayscale: ;
109
- --tw-hue-rotate: ;
110
- --tw-invert: ;
111
- --tw-saturate: ;
112
- --tw-sepia: ;
113
- --tw-drop-shadow: ;
114
- --tw-backdrop-blur: ;
115
- --tw-backdrop-brightness: ;
116
- --tw-backdrop-contrast: ;
117
- --tw-backdrop-grayscale: ;
118
- --tw-backdrop-hue-rotate: ;
119
- --tw-backdrop-invert: ;
120
- --tw-backdrop-opacity: ;
121
- --tw-backdrop-saturate: ;
122
- --tw-backdrop-sepia: ;
123
- }
124
- .sb-sr-only {
125
- position: absolute;
126
- width: 1px;
127
- height: 1px;
128
- padding: 0;
129
- margin: -1px;
130
- overflow: hidden;
131
- clip: rect(0, 0, 0, 0);
132
- white-space: nowrap;
133
- border-width: 0;
134
- }
135
- .sb-pointer-events-none {
136
- pointer-events: none;
137
- }
138
- .sb-fixed {
139
- position: fixed;
140
- }
141
- .sb-absolute {
142
- position: absolute;
143
- }
144
- .sb-relative {
145
- position: relative;
146
- }
147
- .sb-sticky {
148
- position: sticky;
149
- }
150
- .sb-inset-0 {
151
- inset: 0px;
152
- }
153
- .sb-inset-x-0 {
154
- left: 0px;
155
- right: 0px;
156
- }
157
- .sb-left-1 {
158
- left: 0.25rem;
159
- }
160
- .sb-left-1\/2 {
161
- left: 50%;
162
- }
163
- .sb-left-2 {
164
- left: 0.5rem;
165
- }
166
- .sb-left-3 {
167
- left: 0.75rem;
168
- }
169
- .sb-left-\[50\%\] {
170
- left: 50%;
171
- }
172
- .sb-right-1 {
173
- right: 0.25rem;
174
- }
175
- .sb-right-2 {
176
- right: 0.5rem;
177
- }
178
- .sb-right-3 {
179
- right: 0.75rem;
180
- }
181
- .sb-right-4 {
182
- right: 1rem;
183
- }
184
- .sb-top-0 {
185
- top: 0px;
186
- }
187
- .sb-top-1 {
188
- top: 0.25rem;
189
- }
190
- .sb-top-1\/2 {
191
- top: 50%;
192
- }
193
- .sb-top-2 {
194
- top: 0.5rem;
195
- }
196
- .sb-top-4 {
197
- top: 1rem;
198
- }
199
- .sb-top-\[50\%\] {
200
- top: 50%;
201
- }
202
- .sb--z-\[1\] {
203
- z-index: -1;
204
- }
205
- .sb-z-20 {
206
- z-index: 20;
207
- }
208
- .sb-z-30 {
209
- z-index: 30;
210
- }
211
- .sb-z-50 {
212
- z-index: 50;
213
- }
214
- .sb-m-0 {
215
- margin: 0px;
216
- }
217
- .sb-m-auto {
218
- margin: auto;
219
- }
220
- .sb--mx-1 {
221
- margin-left: -0.25rem;
222
- margin-right: -0.25rem;
223
- }
224
- .sb--my-\[2px\] {
225
- margin-top: -2px;
226
- margin-bottom: -2px;
227
- }
228
- .sb-mx-2 {
229
- margin-left: 0.5rem;
230
- margin-right: 0.5rem;
231
- }
232
- .sb-mx-auto {
233
- margin-left: auto;
234
- margin-right: auto;
235
- }
236
- .sb-my-1 {
237
- margin-top: 0.25rem;
238
- margin-bottom: 0.25rem;
239
- }
240
- .sb-ml-auto {
241
- margin-left: auto;
242
- }
243
- .sb-mr-2 {
244
- margin-right: 0.5rem;
245
- }
246
- .sb-mt-2 {
247
- margin-top: 0.5rem;
248
- }
249
- .sb-block {
250
- display: block;
251
- }
252
- .sb-flex {
253
- display: flex;
254
- }
255
- .sb-inline-flex {
256
- display: inline-flex;
257
- }
258
- .sb-grid {
259
- display: grid;
260
- }
261
- .sb-hidden {
262
- display: none;
263
- }
264
- .sb-aspect-video {
265
- aspect-ratio: 16 / 9;
266
- }
267
- .sb-size-4 {
268
- width: 1rem;
269
- height: 1rem;
270
- }
271
- .sb-size-5 {
272
- width: 1.25rem;
273
- height: 1.25rem;
274
- }
275
- .sb-size-6 {
276
- width: 1.5rem;
277
- height: 1.5rem;
278
- }
279
- .sb-size-7 {
280
- width: 1.75rem;
281
- height: 1.75rem;
282
- }
283
- .sb-size-8 {
284
- width: 2rem;
285
- height: 2rem;
286
- }
287
- .sb-h-1 {
288
- height: 0.25rem;
289
- }
290
- .sb-h-10 {
291
- height: 2.5rem;
292
- }
293
- .sb-h-2 {
294
- height: 0.5rem;
295
- }
296
- .sb-h-2\.5 {
297
- height: 0.625rem;
298
- }
299
- .sb-h-28 {
300
- height: 7rem;
301
- }
302
- .sb-h-3 {
303
- height: 0.75rem;
304
- }
305
- .sb-h-3\.5 {
306
- height: 0.875rem;
307
- }
308
- .sb-h-4 {
309
- height: 1rem;
310
- }
311
- .sb-h-5 {
312
- height: 1.25rem;
313
- }
314
- .sb-h-6 {
315
- height: 1.5rem;
316
- }
317
- .sb-h-7 {
318
- height: 1.75rem;
319
- }
320
- .sb-h-8 {
321
- height: 2rem;
322
- }
323
- .sb-h-9 {
324
- height: 2.25rem;
325
- }
326
- .sb-h-\[1px\] {
327
- height: 1px;
328
- }
329
- .sb-h-\[var\(--radix-select-trigger-height\)\] {
330
- height: var(--radix-select-trigger-height);
331
- }
332
- .sb-h-auto {
333
- height: auto;
334
- }
335
- .sb-h-full {
336
- height: 100%;
337
- }
338
- .sb-h-px {
339
- height: 1px;
340
- }
341
- .sb-max-h-96 {
342
- max-height: 24rem;
343
- }
344
- .sb-max-h-\[80vh\] {
345
- max-height: 80vh;
346
- }
347
- .sb-max-h-\[var\(--radix-dropdown-menu-content-available-height\)\] {
348
- max-height: var(--radix-dropdown-menu-content-available-height);
349
- }
350
- .sb-max-h-svh {
351
- max-height: 100svh;
352
- }
353
- .sb-min-h-72 {
354
- min-height: 18rem;
355
- }
356
- .sb-min-h-\[60px\] {
357
- min-height: 60px;
358
- }
359
- .sb-w-12 {
360
- width: 3rem;
361
- }
362
- .sb-w-2 {
363
- width: 0.5rem;
364
- }
365
- .sb-w-2\.5 {
366
- width: 0.625rem;
367
- }
368
- .sb-w-28 {
369
- width: 7rem;
370
- }
371
- .sb-w-3 {
372
- width: 0.75rem;
373
- }
374
- .sb-w-3\.5 {
375
- width: 0.875rem;
376
- }
377
- .sb-w-4 {
378
- width: 1rem;
379
- }
380
- .sb-w-5 {
381
- width: 1.25rem;
382
- }
383
- .sb-w-6 {
384
- width: 1.5rem;
385
- }
386
- .sb-w-64 {
387
- width: 16rem;
388
- }
389
- .sb-w-7 {
390
- width: 1.75rem;
391
- }
392
- .sb-w-72 {
393
- width: 18rem;
394
- }
395
- .sb-w-8 {
396
- width: 2rem;
397
- }
398
- .sb-w-9 {
399
- width: 2.25rem;
400
- }
401
- .sb-w-\[1px\] {
402
- width: 1px;
403
- }
404
- .sb-w-\[89\%\] {
405
- width: 89%;
406
- }
407
- .sb-w-auto {
408
- width: auto;
409
- }
410
- .sb-w-full {
411
- width: 100%;
412
- }
413
- .sb-w-max {
414
- width: -moz-max-content;
415
- width: max-content;
416
- }
417
- .sb-min-w-10 {
418
- min-width: 2.5rem;
419
- }
420
- .sb-min-w-8 {
421
- min-width: 2rem;
422
- }
423
- .sb-min-w-80 {
424
- min-width: 20rem;
425
- }
426
- .sb-min-w-9 {
427
- min-width: 2.25rem;
428
- }
429
- .sb-min-w-\[8rem\] {
430
- min-width: 8rem;
431
- }
432
- .sb-min-w-\[var\(--radix-select-trigger-width\)\] {
433
- min-width: var(--radix-select-trigger-width);
434
- }
435
- .sb-max-w-3xl {
436
- max-width: 48rem;
437
- }
438
- .sb-max-w-lg {
439
- max-width: 32rem;
440
- }
441
- .sb-flex-1 {
442
- flex: 1 1 0%;
443
- }
444
- .sb-flex-none {
445
- flex: none;
446
- }
447
- .sb-shrink-0 {
448
- flex-shrink: 0;
449
- }
450
- .sb-grow {
451
- flex-grow: 1;
452
- }
453
- .sb-border-collapse {
454
- border-collapse: collapse;
455
- }
456
- .sb-origin-\[--radix-dropdown-menu-content-transform-origin\] {
457
- transform-origin: var(--radix-dropdown-menu-content-transform-origin);
458
- }
459
- .sb-origin-\[--radix-popover-content-transform-origin\] {
460
- transform-origin: var(--radix-popover-content-transform-origin);
461
- }
462
- .sb--translate-x-1\/2 {
463
- --tw-translate-x: -50%;
464
- 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));
465
- }
466
- .sb--translate-y-1\/2 {
467
- --tw-translate-y: -50%;
468
- 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));
469
- }
470
- .sb-translate-x-\[-50\%\] {
471
- --tw-translate-x: -50%;
472
- 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));
473
- }
474
- .sb-translate-y-\[-50\%\] {
475
- --tw-translate-y: -50%;
476
- 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));
477
- }
478
- .sb--rotate-90 {
479
- --tw-rotate: -90deg;
480
- 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));
481
- }
482
- .sb-rotate-180 {
483
- --tw-rotate: 180deg;
484
- 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));
485
- }
486
- .sb-rotate-90 {
487
- --tw-rotate: 90deg;
488
- 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));
489
- }
490
- @keyframes sb-spin {
491
- to {
492
- transform: rotate(360deg);
493
- }
494
- }
495
- .sb-animate-spin {
496
- animation: sb-spin 1s linear infinite;
497
- }
498
- .sb-cursor-default {
499
- cursor: default;
500
- }
501
- .sb-cursor-pointer {
502
- cursor: pointer;
503
- }
504
- .sb-touch-none {
505
- touch-action: none;
506
- }
507
- .sb-select-none {
508
- -webkit-user-select: none;
509
- -moz-user-select: none;
510
- user-select: none;
511
- }
512
- .sb-grid-cols-2 {
513
- grid-template-columns: repeat(2, minmax(0, 1fr));
514
- }
515
- .sb-grid-cols-3 {
516
- grid-template-columns: repeat(3, minmax(0, 1fr));
517
- }
518
- .sb-grid-cols-\[1fr\,auto\] {
519
- grid-template-columns: 1fr auto;
520
- }
521
- .sb-flex-row {
522
- flex-direction: row;
523
- }
524
- .sb-flex-col {
525
- flex-direction: column;
526
- }
527
- .sb-flex-col-reverse {
528
- flex-direction: column-reverse;
529
- }
530
- .sb-flex-wrap {
531
- flex-wrap: wrap;
532
- }
533
- .sb-items-center {
534
- align-items: center;
535
- }
536
- .sb-justify-start {
537
- justify-content: flex-start;
538
- }
539
- .sb-justify-end {
540
- justify-content: flex-end;
541
- }
542
- .sb-justify-center {
543
- justify-content: center;
544
- }
545
- .sb-justify-between {
546
- justify-content: space-between;
547
- }
548
- .sb-gap-1 {
549
- gap: 0.25rem;
550
- }
551
- .sb-gap-1\.5 {
552
- gap: 0.375rem;
553
- }
554
- .sb-gap-2 {
555
- gap: 0.5rem;
556
- }
557
- .sb-gap-3 {
558
- gap: 0.75rem;
559
- }
560
- .sb-gap-4 {
561
- gap: 1rem;
562
- }
563
- .sb-gap-px {
564
- gap: 1px;
565
- }
566
- .sb-space-x-1 > :not([hidden]) ~ :not([hidden]) {
567
- --tw-space-x-reverse: 0;
568
- margin-right: calc(0.25rem * var(--tw-space-x-reverse));
569
- margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
570
- }
571
- .sb-space-x-2 > :not([hidden]) ~ :not([hidden]) {
572
- --tw-space-x-reverse: 0;
573
- margin-right: calc(0.5rem * var(--tw-space-x-reverse));
574
- margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
575
- }
576
- .sb-space-x-6 > :not([hidden]) ~ :not([hidden]) {
577
- --tw-space-x-reverse: 0;
578
- margin-right: calc(1.5rem * var(--tw-space-x-reverse));
579
- margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
580
- }
581
- .sb-space-y-0 > :not([hidden]) ~ :not([hidden]) {
582
- --tw-space-y-reverse: 0;
583
- margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
584
- margin-bottom: calc(0px * var(--tw-space-y-reverse));
585
- }
586
- .sb-space-y-1 > :not([hidden]) ~ :not([hidden]) {
587
- --tw-space-y-reverse: 0;
588
- margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
589
- margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
590
- }
591
- .sb-space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
592
- --tw-space-y-reverse: 0;
593
- margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
594
- margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
595
- }
596
- .sb-space-y-2 > :not([hidden]) ~ :not([hidden]) {
597
- --tw-space-y-reverse: 0;
598
- margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
599
- margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
600
- }
601
- .sb-space-y-4 > :not([hidden]) ~ :not([hidden]) {
602
- --tw-space-y-reverse: 0;
603
- margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
604
- margin-bottom: calc(1rem * var(--tw-space-y-reverse));
605
- }
606
- .sb-space-y-6 > :not([hidden]) ~ :not([hidden]) {
607
- --tw-space-y-reverse: 0;
608
- margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
609
- margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
610
- }
611
- .sb-overflow-hidden {
612
- overflow: hidden;
613
- }
614
- .sb-overflow-x-auto {
615
- overflow-x: auto;
616
- }
617
- .sb-overflow-y-auto {
618
- overflow-y: auto;
619
- }
620
- .sb-overflow-x-hidden {
621
- overflow-x: hidden;
622
- }
623
- .sb-truncate {
624
- overflow: hidden;
625
- text-overflow: ellipsis;
626
- white-space: nowrap;
627
- }
628
- .sb-whitespace-nowrap {
629
- white-space: nowrap;
630
- }
631
- .sb-rounded {
632
- border-radius: 0.25rem;
633
- }
634
- .sb-rounded-\[inherit\] {
635
- border-radius: inherit;
636
- }
637
- .sb-rounded-full {
638
- border-radius: 9999px;
639
- }
640
- .sb-rounded-lg {
641
- border-radius: var(--sb-radius);
642
- }
643
- .sb-rounded-md {
644
- border-radius: calc(var(--sb-radius) - 2px);
645
- }
646
- .sb-rounded-sm {
647
- border-radius: calc(var(--sb-radius) - 4px);
648
- }
649
- .sb-border {
650
- border-width: 1px;
651
- }
652
- .sb-border-2 {
653
- border-width: 2px;
654
- }
655
- .sb-border-b {
656
- border-bottom-width: 1px;
657
- }
658
- .sb-border-b-2 {
659
- border-bottom-width: 2px;
660
- }
661
- .sb-border-l {
662
- border-left-width: 1px;
663
- }
664
- .sb-border-t {
665
- border-top-width: 1px;
666
- }
667
- .sb-border-dashed {
668
- border-style: dashed;
669
- }
670
- .sb-border-border {
671
- border-color: hsl(var(--sb-border));
672
- }
673
- .sb-border-input {
674
- border-color: hsl(var(--sb-input));
675
- }
676
- .sb-border-transparent {
677
- border-color: transparent;
678
- }
679
- .sb-border-l-transparent {
680
- border-left-color: transparent;
681
- }
682
- .sb-border-t-transparent {
683
- border-top-color: transparent;
684
- }
685
- .sb-bg-accent {
686
- background-color: hsl(var(--sb-accent));
687
- }
688
- .sb-bg-background {
689
- background-color: hsl(var(--sb-background));
690
- }
691
- .sb-bg-background\/80 {
692
- background-color: hsl(var(--sb-background) / 0.8);
693
- }
694
- .sb-bg-black\/80 {
695
- background-color: rgb(0 0 0 / 0.8);
696
- }
697
- .sb-bg-border {
698
- background-color: hsl(var(--sb-border));
699
- }
700
- .sb-bg-card {
701
- background-color: hsl(var(--sb-card));
702
- }
703
- .sb-bg-destructive {
704
- background-color: hsl(var(--sb-destructive));
705
- }
706
- .sb-bg-muted {
707
- background-color: hsl(var(--sb-muted));
708
- }
709
- .sb-bg-popover {
710
- background-color: hsl(var(--sb-popover));
711
- }
712
- .sb-bg-primary {
713
- background-color: hsl(var(--sb-primary));
714
- }
715
- .sb-bg-primary\/50 {
716
- background-color: hsl(var(--sb-primary) / 0.5);
717
- }
718
- .sb-bg-secondary {
719
- background-color: hsl(var(--sb-secondary));
720
- }
721
- .sb-bg-transparent {
722
- background-color: transparent;
723
- }
724
- .\!sb-bg-cover {
725
- background-size: cover !important;
726
- }
727
- .sb-bg-cover {
728
- background-size: cover;
729
- }
730
- .\!sb-bg-center {
731
- background-position: center !important;
732
- }
733
- .sb-bg-center {
734
- background-position: center;
735
- }
736
- .sb-fill-current {
737
- fill: currentColor;
738
- }
739
- .sb-object-cover {
740
- -o-object-fit: cover;
741
- object-fit: cover;
742
- }
743
- .sb-p-0 {
744
- padding: 0px;
745
- }
746
- .sb-p-1 {
747
- padding: 0.25rem;
748
- }
749
- .sb-p-2 {
750
- padding: 0.5rem;
751
- }
752
- .sb-p-3 {
753
- padding: 0.75rem;
754
- }
755
- .sb-p-4 {
756
- padding: 1rem;
757
- }
758
- .sb-p-6 {
759
- padding: 1.5rem;
760
- }
761
- .sb-p-\[1px\] {
762
- padding: 1px;
763
- }
764
- .sb-px-1 {
765
- padding-left: 0.25rem;
766
- padding-right: 0.25rem;
767
- }
768
- .sb-px-1\.5 {
769
- padding-left: 0.375rem;
770
- padding-right: 0.375rem;
771
- }
772
- .sb-px-2 {
773
- padding-left: 0.5rem;
774
- padding-right: 0.5rem;
775
- }
776
- .sb-px-2\.5 {
777
- padding-left: 0.625rem;
778
- padding-right: 0.625rem;
779
- }
780
- .sb-px-3 {
781
- padding-left: 0.75rem;
782
- padding-right: 0.75rem;
783
- }
784
- .sb-px-4 {
785
- padding-left: 1rem;
786
- padding-right: 1rem;
787
- }
788
- .sb-px-8 {
789
- padding-left: 2rem;
790
- padding-right: 2rem;
791
- }
792
- .sb-py-1 {
793
- padding-top: 0.25rem;
794
- padding-bottom: 0.25rem;
795
- }
796
- .sb-py-1\.5 {
797
- padding-top: 0.375rem;
798
- padding-bottom: 0.375rem;
799
- }
800
- .sb-py-2 {
801
- padding-top: 0.5rem;
802
- padding-bottom: 0.5rem;
803
- }
804
- .sb-py-3 {
805
- padding-top: 0.75rem;
806
- padding-bottom: 0.75rem;
807
- }
808
- .sb-pl-8 {
809
- padding-left: 2rem;
810
- }
811
- .sb-pl-9 {
812
- padding-left: 2.25rem;
813
- }
814
- .sb-pr-2 {
815
- padding-right: 0.5rem;
816
- }
817
- .sb-pr-7 {
818
- padding-right: 1.75rem;
819
- }
820
- .sb-pt-1 {
821
- padding-top: 0.25rem;
822
- }
823
- .sb-text-left {
824
- text-align: left;
825
- }
826
- .sb-text-center {
827
- text-align: center;
828
- }
829
- .sb-text-right {
830
- text-align: right;
831
- }
832
- .sb-font-roboto {
833
- font-family: Roboto, sans-serif;
834
- }
835
- .sb-text-3xl {
836
- font-size: 1.875rem;
837
- line-height: 2.25rem;
838
- }
839
- .sb-text-\[0\.8rem\] {
840
- font-size: 0.8rem;
841
- }
842
- .sb-text-base {
843
- font-size: 1rem;
844
- line-height: 1.5rem;
845
- }
846
- .sb-text-lg {
847
- font-size: 1.125rem;
848
- line-height: 1.75rem;
849
- }
850
- .sb-text-sm {
851
- font-size: 0.875rem;
852
- line-height: 1.25rem;
853
- }
854
- .sb-text-xl {
855
- font-size: 1.25rem;
856
- line-height: 1.75rem;
857
- }
858
- .sb-text-xs {
859
- font-size: 0.75rem;
860
- line-height: 1rem;
861
- }
862
- .sb-font-bold {
863
- font-weight: 700;
864
- }
865
- .sb-font-extrabold {
866
- font-weight: 800;
867
- }
868
- .sb-font-medium {
869
- font-weight: 500;
870
- }
871
- .sb-font-normal {
872
- font-weight: 400;
873
- }
874
- .sb-font-semibold {
875
- font-weight: 600;
876
- }
877
- .sb-normal-case {
878
- text-transform: none;
879
- }
880
- .sb-leading-none {
881
- line-height: 1;
882
- }
883
- .sb-tracking-tight {
884
- letter-spacing: -0.025em;
885
- }
886
- .sb-tracking-widest {
887
- letter-spacing: 0.1em;
888
- }
889
- .sb-text-accent-foreground {
890
- color: hsl(var(--sb-accent-foreground));
891
- }
892
- .sb-text-card-foreground {
893
- color: hsl(var(--sb-card-foreground));
894
- }
895
- .sb-text-destructive {
896
- color: hsl(var(--sb-destructive));
897
- }
898
- .sb-text-destructive-foreground {
899
- color: hsl(var(--sb-destructive-foreground));
900
- }
901
- .sb-text-foreground\/70 {
902
- color: hsl(var(--sb-foreground) / 0.7);
903
- }
904
- .sb-text-muted-foreground {
905
- color: hsl(var(--sb-muted-foreground));
906
- }
907
- .sb-text-popover-foreground {
908
- color: hsl(var(--sb-popover-foreground));
909
- }
910
- .sb-text-primary {
911
- color: hsl(var(--sb-primary));
912
- }
913
- .sb-text-primary-foreground {
914
- color: hsl(var(--sb-primary-foreground));
915
- }
916
- .sb-text-secondary-foreground {
917
- color: hsl(var(--sb-secondary-foreground));
918
- }
919
- .sb-underline-offset-4 {
920
- text-underline-offset: 4px;
921
- }
922
- .sb-opacity-0 {
923
- opacity: 0;
924
- }
925
- .sb-opacity-30 {
926
- opacity: 0.3;
927
- }
928
- .sb-opacity-50 {
929
- opacity: 0.5;
930
- }
931
- .sb-opacity-60 {
932
- opacity: 0.6;
933
- }
934
- .sb-opacity-70 {
935
- opacity: 0.7;
936
- }
937
- .sb-opacity-90 {
938
- opacity: 0.9;
939
- }
940
- .sb-shadow {
941
- --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
942
- --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
943
- box-shadow:
944
- var(--tw-ring-offset-shadow, 0 0 #0000),
945
- var(--tw-ring-shadow, 0 0 #0000),
946
- var(--tw-shadow);
947
- }
948
- .sb-shadow-lg {
949
- --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
950
- --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
951
- box-shadow:
952
- var(--tw-ring-offset-shadow, 0 0 #0000),
953
- var(--tw-ring-shadow, 0 0 #0000),
954
- var(--tw-shadow);
955
- }
956
- .sb-shadow-md {
957
- --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
958
- --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
959
- box-shadow:
960
- var(--tw-ring-offset-shadow, 0 0 #0000),
961
- var(--tw-ring-shadow, 0 0 #0000),
962
- var(--tw-shadow);
963
- }
964
- .sb-shadow-sm {
965
- --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
966
- --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
967
- box-shadow:
968
- var(--tw-ring-offset-shadow, 0 0 #0000),
969
- var(--tw-ring-shadow, 0 0 #0000),
970
- var(--tw-shadow);
971
- }
972
- .sb-outline-none {
973
- outline: 2px solid transparent;
974
- outline-offset: 2px;
975
- }
976
- .sb-ring-0 {
977
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
978
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
979
- box-shadow:
980
- var(--tw-ring-offset-shadow),
981
- var(--tw-ring-shadow),
982
- var(--tw-shadow, 0 0 #0000);
983
- }
984
- .sb-ring-offset-background {
985
- --tw-ring-offset-color: hsl(var(--sb-background));
986
- }
987
- .sb-backdrop-blur-sm {
988
- --tw-backdrop-blur: blur(4px);
989
- -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);
990
- 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);
991
- }
992
- .sb-transition-all {
993
- transition-property: all;
994
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
995
- transition-duration: 150ms;
996
- }
997
- .sb-transition-colors {
998
- transition-property:
999
- color,
1000
- background-color,
1001
- border-color,
1002
- text-decoration-color,
1003
- fill,
1004
- stroke;
1005
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1006
- transition-duration: 150ms;
1007
- }
1008
- .sb-transition-opacity {
1009
- transition-property: opacity;
1010
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1011
- transition-duration: 150ms;
1012
- }
1013
- .sb-transition-transform {
1014
- transition-property: transform;
1015
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1016
- transition-duration: 150ms;
1017
- }
1018
- .sb-duration-200 {
1019
- transition-duration: 200ms;
1020
- }
1021
- @keyframes enter {
1022
- from {
1023
- opacity: var(--tw-enter-opacity, 1);
1024
- transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
1025
- }
1026
- }
1027
- @keyframes exit {
1028
- to {
1029
- opacity: var(--tw-exit-opacity, 1);
1030
- 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));
1031
- }
1032
- }
1033
- .sb-duration-200 {
1034
- animation-duration: 200ms;
1035
- }
1036
- @font-face {
1037
- font-family: "Roboto";
1038
- src: local("Roboto"), url("./Roboto-Thin-SNTZUTYN.ttf") format("truetype");
1039
- font-weight: 100;
1040
- }
1041
- @font-face {
1042
- font-family: "Roboto";
1043
- src: local("Roboto"), url("./Roboto-ThinItalic-VWZDITN2.ttf") format("truetype");
1044
- font-weight: 100;
1045
- font-style: italic;
1046
- }
1047
- @font-face {
1048
- font-family: "Roboto";
1049
- src: local("Roboto"), url("./Roboto-Light-DLKQXCNL.ttf") format("truetype");
1050
- font-weight: 300;
1051
- }
1052
- @font-face {
1053
- font-family: "Roboto";
1054
- src: local("Roboto"), url("./Roboto-LightItalic-EZWBKOF2.ttf") format("truetype");
1055
- font-weight: 300;
1056
- font-style: italic;
1057
- }
1058
- @font-face {
1059
- font-family: "Roboto";
1060
- src: local("Roboto"), url("./Roboto-Regular-2C6IPKAZ.ttf") format("truetype");
1061
- font-weight: 400;
1062
- }
1063
- @font-face {
1064
- font-family: "Roboto";
1065
- src: local("Roboto"), url("./Roboto-Italic-P4UPYB3F.ttf") format("truetype");
1066
- font-weight: 400;
1067
- font-style: italic;
1068
- }
1069
- @font-face {
1070
- font-family: "Roboto";
1071
- src: local("Roboto"), url("./Roboto-Medium-SICMFKQK.ttf") format("truetype");
1072
- font-weight: 500;
1073
- }
1074
- @font-face {
1075
- font-family: "Roboto";
1076
- src: local("Roboto"), url("./Roboto-MediumItalic-X7VW5CZA.ttf") format("truetype");
1077
- font-weight: 500;
1078
- font-style: italic;
1079
- }
1080
- @font-face {
1081
- font-family: "Roboto";
1082
- src: local("Roboto"), url("./Roboto-Bold-YNVD7YCC.ttf") format("truetype");
1083
- font-weight: 700;
1084
- }
1085
- @font-face {
1086
- font-family: "Roboto";
1087
- src: local("Roboto"), url("./Roboto-BoldItalic-UDVRGYMT.ttf") format("truetype");
1088
- font-weight: 700;
1089
- font-style: italic;
1090
- }
1091
- @font-face {
1092
- font-family: "Roboto";
1093
- src: local("Roboto"), url("./Roboto-Black-N3JSMGNF.ttf") format("truetype");
1094
- font-weight: 900;
1095
- }
1096
- @font-face {
1097
- font-family: "Roboto";
1098
- src: local("Roboto"), url("./Roboto-BlackItalic-Q4DQVNXP.ttf") format("truetype");
1099
- font-weight: 900;
1100
- font-style: italic;
1101
- }
1102
- .add-content-divider-button:hover,
1103
- .add-content-divider-button:has(> [data-state=open]),
1104
- .add-content-divider-button:has(+ .sb-container-item:hover),
1105
- .add-content-divider-button + .sb-container-item:hover + .add-content-divider-button,
1106
- .sb-container-item:hover > .sb-item-toolbar {
1107
- opacity: 1;
1108
- }
1109
- .sb-item-toolbar:has([data-state=open]) {
1110
- opacity: 1 !important;
1111
- }
1112
- .add-content-divider-button:has(+ .sb-container-item .sb-container-item:hover) {
1113
- opacity: 0;
1114
- }
1115
- .add-content-divider-button + .sb-container-item:has(.sb-container-item:hover) + .add-content-divider-button {
1116
- opacity: 0;
1117
- }
1118
- .sb-container-item:has(.sb-container-item:hover) > .sb-item-toolbar {
1119
- opacity: 0;
1120
- }
1121
- .sb-editflow .ProseMirror {
1122
- display: flex;
1123
- max-width: 100%;
1124
- cursor: text;
1125
- flex-direction: column;
1126
- z-index: 0;
1127
- outline-width: 0px;
1128
- }
1129
- .sb-editflow .ProseMirror > div.editor {
1130
- display: block;
1131
- flex: 1 1 0%;
1132
- white-space: pre-wrap;
1133
- }
1134
- .file\:sb-border-0::file-selector-button {
1135
- border-width: 0px;
1136
- }
1137
- .file\:sb-bg-transparent::file-selector-button {
1138
- background-color: transparent;
1139
- }
1140
- .file\:sb-text-sm::file-selector-button {
1141
- font-size: 0.875rem;
1142
- line-height: 1.25rem;
1143
- }
1144
- .file\:sb-font-medium::file-selector-button {
1145
- font-weight: 500;
1146
- }
1147
- .file\:sb-text-foreground::file-selector-button {
1148
- color: hsl(var(--sb-foreground));
1149
- }
1150
- .placeholder\:sb-text-muted-foreground::-moz-placeholder {
1151
- color: hsl(var(--sb-muted-foreground));
1152
- }
1153
- .placeholder\:sb-text-muted-foreground::placeholder {
1154
- color: hsl(var(--sb-muted-foreground));
1155
- }
1156
- .focus-within\:sb-relative:focus-within {
1157
- position: relative;
1158
- }
1159
- .focus-within\:sb-z-20:focus-within {
1160
- z-index: 20;
1161
- }
1162
- .focus-within\:sb-border-primary:focus-within {
1163
- border-color: hsl(var(--sb-primary));
1164
- }
1165
- .hover\:sb-bg-accent:hover {
1166
- background-color: hsl(var(--sb-accent));
1167
- }
1168
- .hover\:sb-bg-destructive\/90:hover {
1169
- background-color: hsl(var(--sb-destructive) / 0.9);
1170
- }
1171
- .hover\:sb-bg-muted:hover {
1172
- background-color: hsl(var(--sb-muted));
1173
- }
1174
- .hover\:sb-bg-primary:hover {
1175
- background-color: hsl(var(--sb-primary));
1176
- }
1177
- .hover\:sb-bg-primary\/90:hover {
1178
- background-color: hsl(var(--sb-primary) / 0.9);
1179
- }
1180
- .hover\:sb-bg-secondary\/80:hover {
1181
- background-color: hsl(var(--sb-secondary) / 0.8);
1182
- }
1183
- .hover\:sb-text-accent-foreground:hover {
1184
- color: hsl(var(--sb-accent-foreground));
1185
- }
1186
- .hover\:sb-text-foreground:hover {
1187
- color: hsl(var(--sb-foreground));
1188
- }
1189
- .hover\:sb-text-muted-foreground:hover {
1190
- color: hsl(var(--sb-muted-foreground));
1191
- }
1192
- .hover\:sb-text-primary-foreground:hover {
1193
- color: hsl(var(--sb-primary-foreground));
1194
- }
1195
- .hover\:sb-underline:hover {
1196
- text-decoration-line: underline;
1197
- }
1198
- .hover\:sb-opacity-100:hover {
1199
- opacity: 1;
1200
- }
1201
- .focus\:sb-bg-accent:focus {
1202
- background-color: hsl(var(--sb-accent));
1203
- }
1204
- .focus\:sb-bg-primary:focus {
1205
- background-color: hsl(var(--sb-primary));
1206
- }
1207
- .focus\:sb-text-accent-foreground:focus {
1208
- color: hsl(var(--sb-accent-foreground));
1209
- }
1210
- .focus\:sb-text-primary-foreground:focus {
1211
- color: hsl(var(--sb-primary-foreground));
1212
- }
1213
- .focus\:sb-outline-none:focus {
1214
- outline: 2px solid transparent;
1215
- outline-offset: 2px;
1216
- }
1217
- .focus\:sb-ring-2:focus {
1218
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1219
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1220
- box-shadow:
1221
- var(--tw-ring-offset-shadow),
1222
- var(--tw-ring-shadow),
1223
- var(--tw-shadow, 0 0 #0000);
1224
- }
1225
- .focus\:sb-ring-ring:focus {
1226
- --tw-ring-color: hsl(var(--sb-ring));
1227
- }
1228
- .focus\:sb-ring-offset-2:focus {
1229
- --tw-ring-offset-width: 2px;
1230
- }
1231
- .focus-visible\:sb-outline-none:focus-visible {
1232
- outline: 2px solid transparent;
1233
- outline-offset: 2px;
1234
- }
1235
- .focus-visible\:sb-ring-1:focus-visible {
1236
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1237
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1238
- box-shadow:
1239
- var(--tw-ring-offset-shadow),
1240
- var(--tw-ring-shadow),
1241
- var(--tw-shadow, 0 0 #0000);
1242
- }
1243
- .focus-visible\:sb-ring-2:focus-visible {
1244
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1245
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1246
- box-shadow:
1247
- var(--tw-ring-offset-shadow),
1248
- var(--tw-ring-shadow),
1249
- var(--tw-shadow, 0 0 #0000);
1250
- }
1251
- .focus-visible\:sb-ring-ring:focus-visible {
1252
- --tw-ring-color: hsl(var(--sb-ring));
1253
- }
1254
- .focus-visible\:sb-ring-offset-2:focus-visible {
1255
- --tw-ring-offset-width: 2px;
1256
- }
1257
- .focus-visible\:sb-ring-offset-background:focus-visible {
1258
- --tw-ring-offset-color: hsl(var(--sb-background));
1259
- }
1260
- .active\:sb-scale-105:active {
1261
- --tw-scale-x: 1.05;
1262
- --tw-scale-y: 1.05;
1263
- 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));
1264
- }
1265
- .disabled\:sb-pointer-events-none:disabled {
1266
- pointer-events: none;
1267
- }
1268
- .disabled\:sb-cursor-not-allowed:disabled {
1269
- cursor: not-allowed;
1270
- }
1271
- .disabled\:sb-opacity-50:disabled {
1272
- opacity: 0.5;
1273
- }
1274
- .sb-group:hover .group-hover\:sb-opacity-100 {
1275
- opacity: 1;
1276
- }
1277
- .sb-peer:disabled ~ .peer-disabled\:sb-cursor-not-allowed {
1278
- cursor: not-allowed;
1279
- }
1280
- .sb-peer:disabled ~ .peer-disabled\:sb-opacity-70 {
1281
- opacity: 0.7;
1282
- }
1283
- .aria-selected\:sb-bg-accent[aria-selected=true] {
1284
- background-color: hsl(var(--sb-accent));
1285
- }
1286
- .aria-selected\:sb-bg-accent\/50[aria-selected=true] {
1287
- background-color: hsl(var(--sb-accent) / 0.5);
1288
- }
1289
- .aria-selected\:sb-text-accent-foreground[aria-selected=true] {
1290
- color: hsl(var(--sb-accent-foreground));
1291
- }
1292
- .aria-selected\:sb-text-muted-foreground[aria-selected=true] {
1293
- color: hsl(var(--sb-muted-foreground));
1294
- }
1295
- .aria-selected\:sb-opacity-100[aria-selected=true] {
1296
- opacity: 1;
1297
- }
1298
- .aria-selected\:sb-opacity-30[aria-selected=true] {
1299
- opacity: 0.3;
1300
- }
1301
- .data-\[disabled\]\:sb-pointer-events-none[data-disabled] {
1302
- pointer-events: none;
1303
- }
1304
- .data-\[state\=active\]\:sb-flex[data-state=active] {
1305
- display: flex;
1306
- }
1307
- .data-\[side\=bottom\]\:sb-translate-y-1[data-side=bottom] {
1308
- --tw-translate-y: 0.25rem;
1309
- 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));
1310
- }
1311
- .data-\[side\=left\]\:sb--translate-x-1[data-side=left] {
1312
- --tw-translate-x: -0.25rem;
1313
- 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));
1314
- }
1315
- .data-\[side\=right\]\:sb-translate-x-1[data-side=right] {
1316
- --tw-translate-x: 0.25rem;
1317
- 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));
1318
- }
1319
- .data-\[side\=top\]\:sb--translate-y-1[data-side=top] {
1320
- --tw-translate-y: -0.25rem;
1321
- 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));
1322
- }
1323
- .data-\[state\=checked\]\:sb-translate-x-4[data-state=checked] {
1324
- --tw-translate-x: 1rem;
1325
- 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));
1326
- }
1327
- .data-\[state\=unchecked\]\:sb-translate-x-0[data-state=unchecked] {
1328
- --tw-translate-x: 0px;
1329
- 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));
1330
- }
1331
- .data-\[state\=active\]\:sb-border-black[data-state=active] {
1332
- --tw-border-opacity: 1;
1333
- border-color: rgb(0 0 0 / var(--tw-border-opacity));
1334
- }
1335
- .data-\[state\=active\]\:sb-bg-background[data-state=active] {
1336
- background-color: hsl(var(--sb-background));
1337
- }
1338
- .data-\[state\=checked\]\:sb-bg-primary[data-state=checked] {
1339
- background-color: hsl(var(--sb-primary));
1340
- }
1341
- .data-\[state\=on\]\:sb-bg-accent[data-state=on] {
1342
- background-color: hsl(var(--sb-accent));
1343
- }
1344
- .data-\[state\=open\]\:sb-bg-accent[data-state=open] {
1345
- background-color: hsl(var(--sb-accent));
1346
- }
1347
- .data-\[state\=unchecked\]\:sb-bg-input[data-state=unchecked] {
1348
- background-color: hsl(var(--sb-input));
1349
- }
1350
- .data-\[state\=active\]\:sb-text-foreground[data-state=active] {
1351
- color: hsl(var(--sb-foreground));
1352
- }
1353
- .data-\[state\=on\]\:sb-text-accent-foreground[data-state=on] {
1354
- color: hsl(var(--sb-accent-foreground));
1355
- }
1356
- .data-\[state\=open\]\:sb-text-muted-foreground[data-state=open] {
1357
- color: hsl(var(--sb-muted-foreground));
1358
- }
1359
- .data-\[disabled\]\:sb-opacity-50[data-disabled] {
1360
- opacity: 0.5;
1361
- }
1362
- .data-\[state\=active\]\:sb-shadow-sm[data-state=active] {
1363
- --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
1364
- --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
1365
- box-shadow:
1366
- var(--tw-ring-offset-shadow, 0 0 #0000),
1367
- var(--tw-ring-shadow, 0 0 #0000),
1368
- var(--tw-shadow);
1369
- }
1370
- .data-\[state\=open\]\:sb-animate-in[data-state=open] {
1371
- animation-name: enter;
1372
- animation-duration: 150ms;
1373
- --tw-enter-opacity: initial;
1374
- --tw-enter-scale: initial;
1375
- --tw-enter-rotate: initial;
1376
- --tw-enter-translate-x: initial;
1377
- --tw-enter-translate-y: initial;
1378
- }
1379
- .data-\[state\=closed\]\:sb-animate-out[data-state=closed] {
1380
- animation-name: exit;
1381
- animation-duration: 150ms;
1382
- --tw-exit-opacity: initial;
1383
- --tw-exit-scale: initial;
1384
- --tw-exit-rotate: initial;
1385
- --tw-exit-translate-x: initial;
1386
- --tw-exit-translate-y: initial;
1387
- }
1388
- .data-\[state\=closed\]\:sb-fade-out-0[data-state=closed] {
1389
- --tw-exit-opacity: 0;
1390
- }
1391
- .data-\[state\=open\]\:sb-fade-in-0[data-state=open] {
1392
- --tw-enter-opacity: 0;
1393
- }
1394
- .data-\[state\=closed\]\:sb-zoom-out-95[data-state=closed] {
1395
- --tw-exit-scale: .95;
1396
- }
1397
- .data-\[state\=open\]\:sb-zoom-in-95[data-state=open] {
1398
- --tw-enter-scale: .95;
1399
- }
1400
- .data-\[side\=bottom\]\:sb-slide-in-from-top-2[data-side=bottom] {
1401
- --tw-enter-translate-y: -0.5rem;
1402
- }
1403
- .data-\[side\=left\]\:sb-slide-in-from-right-2[data-side=left] {
1404
- --tw-enter-translate-x: 0.5rem;
1405
- }
1406
- .data-\[side\=right\]\:sb-slide-in-from-left-2[data-side=right] {
1407
- --tw-enter-translate-x: -0.5rem;
1408
- }
1409
- .data-\[side\=top\]\:sb-slide-in-from-bottom-2[data-side=top] {
1410
- --tw-enter-translate-y: 0.5rem;
1411
- }
1412
- .data-\[state\=closed\]\:sb-slide-out-to-left-1\/2[data-state=closed] {
1413
- --tw-exit-translate-x: -50%;
1414
- }
1415
- .data-\[state\=closed\]\:sb-slide-out-to-top-\[48\%\][data-state=closed] {
1416
- --tw-exit-translate-y: -48%;
1417
- }
1418
- .data-\[state\=open\]\:sb-slide-in-from-left-1\/2[data-state=open] {
1419
- --tw-enter-translate-x: -50%;
1420
- }
1421
- .data-\[state\=open\]\:sb-slide-in-from-top-\[48\%\][data-state=open] {
1422
- --tw-enter-translate-y: -48%;
1423
- }
1424
- @media not all and (min-width: 768px) {
1425
- .max-md\:sb-hidden {
1426
- display: none;
1427
- }
1428
- .max-md\:sb-opacity-30 {
1429
- opacity: 0.3;
1430
- }
1431
- }
1432
- @media (min-width: 640px) {
1433
- .sm\:sb-mt-0 {
1434
- margin-top: 0px;
1435
- }
1436
- .sm\:sb-max-h-\[90svh\] {
1437
- max-height: 90svh;
1438
- }
1439
- .sm\:sb-flex-row {
1440
- flex-direction: row;
1441
- }
1442
- .sm\:sb-justify-end {
1443
- justify-content: flex-end;
1444
- }
1445
- .sm\:sb-space-x-2 > :not([hidden]) ~ :not([hidden]) {
1446
- --tw-space-x-reverse: 0;
1447
- margin-right: calc(0.5rem * var(--tw-space-x-reverse));
1448
- margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
1449
- }
1450
- .sm\:sb-space-x-4 > :not([hidden]) ~ :not([hidden]) {
1451
- --tw-space-x-reverse: 0;
1452
- margin-right: calc(1rem * var(--tw-space-x-reverse));
1453
- margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
1454
- }
1455
- .sm\:sb-space-y-0 > :not([hidden]) ~ :not([hidden]) {
1456
- --tw-space-y-reverse: 0;
1457
- margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
1458
- margin-bottom: calc(0px * var(--tw-space-y-reverse));
1459
- }
1460
- .sm\:sb-rounded-lg {
1461
- border-radius: var(--sb-radius);
1462
- }
1463
- .sm\:sb-text-left {
1464
- text-align: left;
1465
- }
1466
- }
1467
- @media (min-width: 768px) {
1468
- .md\:sb-hidden {
1469
- display: none;
1470
- }
1471
- .md\:sb-text-sm {
1472
- font-size: 0.875rem;
1473
- line-height: 1.25rem;
1474
- }
1475
- .md\:sb-opacity-30 {
1476
- opacity: 0.3;
1477
- }
1478
- }
1479
- .\[\&\:has\(\>\.day-range-end\)\]\:sb-rounded-r-md:has(> .day-range-end) {
1480
- border-top-right-radius: calc(var(--sb-radius) - 2px);
1481
- border-bottom-right-radius: calc(var(--sb-radius) - 2px);
1482
- }
1483
- .\[\&\:has\(\>\.day-range-start\)\]\:sb-rounded-l-md:has(> .day-range-start) {
1484
- border-top-left-radius: calc(var(--sb-radius) - 2px);
1485
- border-bottom-left-radius: calc(var(--sb-radius) - 2px);
1486
- }
1487
- .\[\&\:has\(\[aria-selected\]\)\]\:sb-rounded-md:has([aria-selected]) {
1488
- border-radius: calc(var(--sb-radius) - 2px);
1489
- }
1490
- .\[\&\:has\(\[aria-selected\]\)\]\:sb-bg-accent:has([aria-selected]) {
1491
- background-color: hsl(var(--sb-accent));
1492
- }
1493
- .first\:\[\&\:has\(\[aria-selected\]\)\]\:sb-rounded-l-md:has([aria-selected]):first-child {
1494
- border-top-left-radius: calc(var(--sb-radius) - 2px);
1495
- border-bottom-left-radius: calc(var(--sb-radius) - 2px);
1496
- }
1497
- .last\:\[\&\:has\(\[aria-selected\]\)\]\:sb-rounded-r-md:has([aria-selected]):last-child {
1498
- border-top-right-radius: calc(var(--sb-radius) - 2px);
1499
- border-bottom-right-radius: calc(var(--sb-radius) - 2px);
1500
- }
1501
- .\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:sb-bg-accent\/50:has([aria-selected].day-outside) {
1502
- background-color: hsl(var(--sb-accent) / 0.5);
1503
- }
1504
- .\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:sb-rounded-r-md:has([aria-selected].day-range-end) {
1505
- border-top-right-radius: calc(var(--sb-radius) - 2px);
1506
- border-bottom-right-radius: calc(var(--sb-radius) - 2px);
1507
- }
1508
- .\[\&\>span\]\:sb-line-clamp-1 > span {
1509
- overflow: hidden;
1510
- display: -webkit-box;
1511
- -webkit-box-orient: vertical;
1512
- -webkit-line-clamp: 1;
1513
- }
1514
- .\[\&\>svg\]\:sb-size-4 > svg {
1515
- width: 1rem;
1516
- height: 1rem;
1517
- }
1518
- .\[\&\>svg\]\:sb-shrink-0 > svg {
1519
- flex-shrink: 0;
1520
- }
1521
- .\[\&_svg\]\:sb-pointer-events-none svg {
1522
- pointer-events: none;
1523
- }
1524
- .\[\&_svg\]\:sb-size-4 svg {
1525
- width: 1rem;
1526
- height: 1rem;
1527
- }
1528
- .\[\&_svg\]\:sb-shrink-0 svg {
1529
- flex-shrink: 0;
1530
- }