@voxket-ai/voxket-live 1.0.93 → 1.0.95

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 (3) hide show
  1. package/dist/index.cjs +90 -35
  2. package/dist/index.js +90 -35
  3. package/package.json +1 -1
package/dist/index.cjs CHANGED
@@ -177,24 +177,37 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
177
177
  .voxket-widget-root .sticky { position: sticky; }
178
178
 
179
179
  /* Top, Right, Bottom, Left */
180
+ .voxket-widget-root .inset-0 { inset: 0px; }
180
181
  .voxket-widget-root .top-0 { top: 0px; }
181
182
  .voxket-widget-root .right-0 { right: 0px; }
182
183
  .voxket-widget-root .bottom-0 { bottom: 0px; }
183
184
  .voxket-widget-root .left-0 { left: 0px; }
185
+ .voxket-widget-root .top-2 { top: 0.5rem; }
186
+ .voxket-widget-root .right-2 { right: 0.5rem; }
187
+ .voxket-widget-root .bottom-2 { bottom: 0.5rem; }
188
+ .voxket-widget-root .left-2 { left: 0.5rem; }
184
189
  .voxket-widget-root .top-4 { top: 1rem; }
185
190
  .voxket-widget-root .right-4 { right: 1rem; }
186
191
  .voxket-widget-root .bottom-4 { bottom: 1rem; }
187
192
  .voxket-widget-root .left-4 { left: 1rem; }
193
+ .voxket-widget-root .-top-2 { top: -0.5rem; }
194
+ .voxket-widget-root .-right-2 { right: -0.5rem; }
195
+ .voxket-widget-root .-bottom-2 { bottom: -0.5rem; }
196
+ .voxket-widget-root .-left-2 { left: -0.5rem; }
188
197
 
189
198
  /* Z-Index */
199
+ .voxket-widget-root .z-0 { z-index: 0; }
190
200
  .voxket-widget-root .z-10 { z-index: 10; }
191
201
  .voxket-widget-root .z-20 { z-index: 20; }
192
202
  .voxket-widget-root .z-30 { z-index: 30; }
193
203
  .voxket-widget-root .z-40 { z-index: 40; }
194
204
  .voxket-widget-root .z-50 { z-index: 50; }
205
+ .voxket-widget-root .z-\\[9999\\] { z-index: 9999; }
206
+ .voxket-widget-root .z-\\[10000\\] { z-index: 10000; }
195
207
 
196
208
  /* Width */
197
209
  .voxket-widget-root .w-auto { width: auto; }
210
+ .voxket-widget-root .w-fit { width: fit-content; }
198
211
  .voxket-widget-root .w-1 { width: 0.25rem; }
199
212
  .voxket-widget-root .w-2 { width: 0.5rem; }
200
213
  .voxket-widget-root .w-3 { width: 0.75rem; }
@@ -210,6 +223,8 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
210
223
  .voxket-widget-root .w-32 { width: 8rem; }
211
224
  .voxket-widget-root .w-48 { width: 12rem; }
212
225
  .voxket-widget-root .w-64 { width: 16rem; }
226
+ .voxket-widget-root .w-80 { width: 20rem; }
227
+ .voxket-widget-root .w-96 { width: 24rem; }
213
228
  .voxket-widget-root .w-1/2 { width: 50%; }
214
229
  .voxket-widget-root .w-1/3 { width: 33.333333%; }
215
230
  .voxket-widget-root .w-2/3 { width: 66.666667%; }
@@ -220,6 +235,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
220
235
 
221
236
  /* Height */
222
237
  .voxket-widget-root .h-auto { height: auto; }
238
+ .voxket-widget-root .h-fit { height: fit-content; }
223
239
  .voxket-widget-root .h-1 { height: 0.25rem; }
224
240
  .voxket-widget-root .h-2 { height: 0.5rem; }
225
241
  .voxket-widget-root .h-3 { height: 0.75rem; }
@@ -257,10 +273,21 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
257
273
  .voxket-widget-root .max-w-full { max-width: 100%; }
258
274
  .voxket-widget-root .max-w-none { max-width: none; }
259
275
 
276
+ /* Max Height */
277
+ .voxket-widget-root .max-h-0 { max-height: 0px; }
278
+ .voxket-widget-root .max-h-full { max-height: 100%; }
279
+ .voxket-widget-root .max-h-screen { max-height: 100vh; }
280
+ .voxket-widget-root .max-h-\\[80vh\\] { max-height: 80vh; }
281
+ .voxket-widget-root .max-h-\\[90vh\\] { max-height: 90vh; }
282
+
260
283
  /* Min Height */
261
284
  .voxket-widget-root .min-h-0 { min-height: 0px; }
285
+ .voxket-widget-root .min-h-fit { min-height: fit-content; }
286
+ .voxket-widget-root .min-h-4 { min-height: 1rem; }
262
287
  .voxket-widget-root .min-h-full { min-height: 100%; }
263
288
  .voxket-widget-root .min-h-screen { min-height: 100vh; }
289
+ .voxket-widget-root .min-h-\\[3rem\\] { min-height: 3rem; }
290
+ .voxket-widget-root .min-h-\\[180px\\] { min-height: 180px; }
264
291
 
265
292
  /* Padding */
266
293
  .voxket-widget-root .p-0 { padding: 0px; }
@@ -271,10 +298,12 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
271
298
  .voxket-widget-root .p-5 { padding: 1.25rem; }
272
299
  .voxket-widget-root .p-6 { padding: 1.5rem; }
273
300
  .voxket-widget-root .p-8 { padding: 2rem; }
301
+ .voxket-widget-root .px-0 { padding-left: 0px; padding-right: 0px; }
274
302
  .voxket-widget-root .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
275
303
  .voxket-widget-root .px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
276
304
  .voxket-widget-root .px-4 { padding-left: 1rem; padding-right: 1rem; }
277
305
  .voxket-widget-root .px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
306
+ .voxket-widget-root .px-8 { padding-left: 2rem; padding-right: 2rem; }
278
307
  .voxket-widget-root .py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
279
308
  .voxket-widget-root .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
280
309
  .voxket-widget-root .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
@@ -309,6 +338,12 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
309
338
  .voxket-widget-root .mt-4 { margin-top: 1rem; }
310
339
  .voxket-widget-root .mt-8 { margin-top: 2rem; }
311
340
 
341
+ /* Flex utilities */
342
+ .voxket-widget-root .flex-1 { flex: 1 1 0%; }
343
+ .voxket-widget-root .flex-auto { flex: 1 1 auto; }
344
+ .voxket-widget-root .flex-initial { flex: 0 1 auto; }
345
+ .voxket-widget-root .flex-none { flex: none; }
346
+
312
347
  /* Gap */
313
348
  .voxket-widget-root .gap-1 { gap: 0.25rem; }
314
349
  .voxket-widget-root .gap-2 { gap: 0.5rem; }
@@ -391,13 +426,14 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
391
426
  .voxket-widget-root .scale-95 { transform: scale(0.95); }
392
427
  .voxket-widget-root .scale-100 { transform: scale(1); }
393
428
  .voxket-widget-root .scale-105 { transform: scale(1.05); }
394
- .voxket-widget-root .bg-blue-500 { background-color: rgb(59 130 246); }
395
- .voxket-widget-root .bg-gray-100 { background-color: rgb(243 244 246); }
396
- .voxket-widget-root .bg-gray-800 { background-color: rgb(31 41 55); }
397
- .voxket-widget-root .bg-gray-900 { background-color: rgb(17 24 39); }
398
- .voxket-widget-root .bg-black { background-color: rgb(0 0 0); }
399
- .voxket-widget-root .bg-white { background-color: rgb(255 255 255); }
400
- .voxket-widget-root .bg-transparent { background-color: transparent; }
429
+ /* Key background colors with higher specificity */
430
+ .voxket-widget-root .bg-blue-500 { background-color: rgb(59 130 246) !important; }
431
+ .voxket-widget-root .bg-gray-100 { background-color: rgb(243 244 246) !important; }
432
+ .voxket-widget-root .bg-gray-800 { background-color: rgb(31 41 55) !important; }
433
+ .voxket-widget-root .bg-gray-900 { background-color: rgb(17 24 39) !important; }
434
+ .voxket-widget-root .bg-black { background-color: rgb(0 0 0) !important; }
435
+ .voxket-widget-root .bg-white { background-color: rgb(255 255 255) !important; }
436
+ .voxket-widget-root .bg-transparent { background-color: transparent !important; }
401
437
 
402
438
  /* Gradient Backgrounds */
403
439
  .voxket-widget-root .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)); }
@@ -440,28 +476,28 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
440
476
  /* Background Clip */
441
477
  .voxket-widget-root .bg-clip-text { background-clip: text; -webkit-background-clip: text; }
442
478
 
443
- /* Text Colors */
444
- .voxket-widget-root .text-white { color: rgb(255 255 255); }
445
- .voxket-widget-root .text-black { color: rgb(0 0 0); }
446
- .voxket-widget-root .text-gray-50 { color: rgb(249 250 251); }
447
- .voxket-widget-root .text-gray-100 { color: rgb(243 244 246); }
448
- .voxket-widget-root .text-gray-200 { color: rgb(229 231 235); }
449
- .voxket-widget-root .text-gray-300 { color: rgb(209 213 219); }
450
- .voxket-widget-root .text-gray-400 { color: rgb(156 163 175); }
451
- .voxket-widget-root .text-gray-500 { color: rgb(107 114 128); }
452
- .voxket-widget-root .text-gray-600 { color: rgb(75 85 99); }
453
- .voxket-widget-root .text-gray-700 { color: rgb(55 65 81); }
454
- .voxket-widget-root .text-gray-800 { color: rgb(31 41 55); }
455
- .voxket-widget-root .text-gray-900 { color: rgb(17 24 39); }
456
- .voxket-widget-root .text-purple-300 { color: rgb(196 181 253); }
457
- .voxket-widget-root .text-purple-400 { color: rgb(196 181 253); }
458
- .voxket-widget-root .text-purple-500 { color: rgb(168 85 247); }
459
- .voxket-widget-root .text-blue-400 { color: rgb(96 165 250); }
460
- .voxket-widget-root .text-blue-500 { color: rgb(59 130 246); }
461
- .voxket-widget-root .text-cyan-400 { color: rgb(34 211 238); }
462
- .voxket-widget-root .text-green-400 { color: rgb(74 222 128); }
463
- .voxket-widget-root .text-green-500 { color: rgb(34 197 94); }
464
- .voxket-widget-root .text-transparent { color: transparent; }
479
+ /* Text colors with higher specificity */
480
+ .voxket-widget-root .text-white { color: rgb(255 255 255) !important; }
481
+ .voxket-widget-root .text-black { color: rgb(0 0 0) !important; }
482
+ .voxket-widget-root .text-gray-50 { color: rgb(249 250 251) !important; }
483
+ .voxket-widget-root .text-gray-100 { color: rgb(243 244 246) !important; }
484
+ .voxket-widget-root .text-gray-200 { color: rgb(229 231 235) !important; }
485
+ .voxket-widget-root .text-gray-300 { color: rgb(209 213 219) !important; }
486
+ .voxket-widget-root .text-gray-400 { color: rgb(156 163 175) !important; }
487
+ .voxket-widget-root .text-gray-500 { color: rgb(107 114 128) !important; }
488
+ .voxket-widget-root .text-gray-600 { color: rgb(75 85 99) !important; }
489
+ .voxket-widget-root .text-gray-700 { color: rgb(55 65 81) !important; }
490
+ .voxket-widget-root .text-gray-800 { color: rgb(31 41 55) !important; }
491
+ .voxket-widget-root .text-gray-900 { color: rgb(17 24 39) !important; }
492
+ .voxket-widget-root .text-purple-300 { color: rgb(196 181 253) !important; }
493
+ .voxket-widget-root .text-purple-400 { color: rgb(196 181 253) !important; }
494
+ .voxket-widget-root .text-purple-500 { color: rgb(168 85 247) !important; }
495
+ .voxket-widget-root .text-blue-400 { color: rgb(96 165 250) !important; }
496
+ .voxket-widget-root .text-blue-500 { color: rgb(59 130 246) !important; }
497
+ .voxket-widget-root .text-cyan-400 { color: rgb(34 211 238) !important; }
498
+ .voxket-widget-root .text-green-400 { color: rgb(74 222 128) !important; }
499
+ .voxket-widget-root .text-green-500 { color: rgb(34 197 94) !important; }
500
+ .voxket-widget-root .text-transparent { color: transparent !important; }
465
501
 
466
502
  /* More Background Colors */
467
503
  .voxket-widget-root .bg-purple-300 { background-color: rgb(196 181 253); }
@@ -476,12 +512,31 @@ To suppress this warning, you need to explicitly provide the \`palette.${t}Chann
476
512
  .voxket-widget-root .bg-green-400 { background-color: rgb(74 222 128); }
477
513
  .voxket-widget-root .bg-green-500 { background-color: rgb(34 197 94); }
478
514
 
479
- .voxket-widget-root .border { border-width: 1px; }
480
- .voxket-widget-root .border-gray-300 { border-color: rgb(209 213 219); }
481
- .voxket-widget-root .border-gray-600 { border-color: rgb(75 85 99); }
482
- .voxket-widget-root .border-gray-700 { border-color: rgb(55 65 81); }
483
- .voxket-widget-root .border-gray-800 { border-color: rgb(31 41 55); }
484
- .voxket-widget-root .border-purple-500 { border-color: rgb(168 85 247); }
515
+ /* Background with Alpha/Opacity - Higher specificity */
516
+ .voxket-widget-root .bg-black\\/40 { background-color: rgb(0 0 0 / 0.4) !important; }
517
+ .voxket-widget-root .bg-white\\/10 { background-color: rgb(255 255 255 / 0.1) !important; }
518
+ .voxket-widget-root .bg-white\\/20 { background-color: rgb(255 255 255 / 0.2) !important; }
519
+ .voxket-widget-root .bg-gray-900\\/50 { background-color: rgb(17 24 39 / 0.5) !important; }
520
+ .voxket-widget-root .bg-gray-900\\/95 { background-color: rgb(17 24 39 / 0.95) !important; }
521
+
522
+ /* Background Opacity */
523
+ .voxket-widget-root .bg-opacity-30 { --tw-bg-opacity: 0.3; }
524
+ .voxket-widget-root .bg-opacity-50 { --tw-bg-opacity: 0.5; }
525
+ .voxket-widget-root .bg-opacity-90 { --tw-bg-opacity: 0.9; }
526
+
527
+ /* Backdrop Filter */
528
+ .voxket-widget-root .backdrop-blur-sm { backdrop-filter: blur(4px); }
529
+ .voxket-widget-root .backdrop-blur { backdrop-filter: blur(8px); }
530
+ .voxket-widget-root .backdrop-blur-md { backdrop-filter: blur(12px); }
531
+ .voxket-widget-root .backdrop-blur-lg { backdrop-filter: blur(16px); }
532
+
533
+ /* Border colors with higher specificity */
534
+ .voxket-widget-root .border { border-width: 1px !important; }
535
+ .voxket-widget-root .border-gray-300 { border-color: rgb(209 213 219) !important; }
536
+ .voxket-widget-root .border-gray-600 { border-color: rgb(75 85 99) !important; }
537
+ .voxket-widget-root .border-gray-700 { border-color: rgb(55 65 81) !important; }
538
+ .voxket-widget-root .border-gray-800 { border-color: rgb(31 41 55) !important; }
539
+ .voxket-widget-root .border-purple-500 { border-color: rgb(168 85 247) !important; }
485
540
  .voxket-widget-root .shadow { box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); }
486
541
  .voxket-widget-root .shadow-lg { box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); }
487
542
  .voxket-widget-root .transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
package/dist/index.js CHANGED
@@ -15607,24 +15607,37 @@ const Nb = `
15607
15607
  .voxket-widget-root .sticky { position: sticky; }
15608
15608
 
15609
15609
  /* Top, Right, Bottom, Left */
15610
+ .voxket-widget-root .inset-0 { inset: 0px; }
15610
15611
  .voxket-widget-root .top-0 { top: 0px; }
15611
15612
  .voxket-widget-root .right-0 { right: 0px; }
15612
15613
  .voxket-widget-root .bottom-0 { bottom: 0px; }
15613
15614
  .voxket-widget-root .left-0 { left: 0px; }
15615
+ .voxket-widget-root .top-2 { top: 0.5rem; }
15616
+ .voxket-widget-root .right-2 { right: 0.5rem; }
15617
+ .voxket-widget-root .bottom-2 { bottom: 0.5rem; }
15618
+ .voxket-widget-root .left-2 { left: 0.5rem; }
15614
15619
  .voxket-widget-root .top-4 { top: 1rem; }
15615
15620
  .voxket-widget-root .right-4 { right: 1rem; }
15616
15621
  .voxket-widget-root .bottom-4 { bottom: 1rem; }
15617
15622
  .voxket-widget-root .left-4 { left: 1rem; }
15623
+ .voxket-widget-root .-top-2 { top: -0.5rem; }
15624
+ .voxket-widget-root .-right-2 { right: -0.5rem; }
15625
+ .voxket-widget-root .-bottom-2 { bottom: -0.5rem; }
15626
+ .voxket-widget-root .-left-2 { left: -0.5rem; }
15618
15627
 
15619
15628
  /* Z-Index */
15629
+ .voxket-widget-root .z-0 { z-index: 0; }
15620
15630
  .voxket-widget-root .z-10 { z-index: 10; }
15621
15631
  .voxket-widget-root .z-20 { z-index: 20; }
15622
15632
  .voxket-widget-root .z-30 { z-index: 30; }
15623
15633
  .voxket-widget-root .z-40 { z-index: 40; }
15624
15634
  .voxket-widget-root .z-50 { z-index: 50; }
15635
+ .voxket-widget-root .z-\\[9999\\] { z-index: 9999; }
15636
+ .voxket-widget-root .z-\\[10000\\] { z-index: 10000; }
15625
15637
 
15626
15638
  /* Width */
15627
15639
  .voxket-widget-root .w-auto { width: auto; }
15640
+ .voxket-widget-root .w-fit { width: fit-content; }
15628
15641
  .voxket-widget-root .w-1 { width: 0.25rem; }
15629
15642
  .voxket-widget-root .w-2 { width: 0.5rem; }
15630
15643
  .voxket-widget-root .w-3 { width: 0.75rem; }
@@ -15640,6 +15653,8 @@ const Nb = `
15640
15653
  .voxket-widget-root .w-32 { width: 8rem; }
15641
15654
  .voxket-widget-root .w-48 { width: 12rem; }
15642
15655
  .voxket-widget-root .w-64 { width: 16rem; }
15656
+ .voxket-widget-root .w-80 { width: 20rem; }
15657
+ .voxket-widget-root .w-96 { width: 24rem; }
15643
15658
  .voxket-widget-root .w-1/2 { width: 50%; }
15644
15659
  .voxket-widget-root .w-1/3 { width: 33.333333%; }
15645
15660
  .voxket-widget-root .w-2/3 { width: 66.666667%; }
@@ -15650,6 +15665,7 @@ const Nb = `
15650
15665
 
15651
15666
  /* Height */
15652
15667
  .voxket-widget-root .h-auto { height: auto; }
15668
+ .voxket-widget-root .h-fit { height: fit-content; }
15653
15669
  .voxket-widget-root .h-1 { height: 0.25rem; }
15654
15670
  .voxket-widget-root .h-2 { height: 0.5rem; }
15655
15671
  .voxket-widget-root .h-3 { height: 0.75rem; }
@@ -15687,10 +15703,21 @@ const Nb = `
15687
15703
  .voxket-widget-root .max-w-full { max-width: 100%; }
15688
15704
  .voxket-widget-root .max-w-none { max-width: none; }
15689
15705
 
15706
+ /* Max Height */
15707
+ .voxket-widget-root .max-h-0 { max-height: 0px; }
15708
+ .voxket-widget-root .max-h-full { max-height: 100%; }
15709
+ .voxket-widget-root .max-h-screen { max-height: 100vh; }
15710
+ .voxket-widget-root .max-h-\\[80vh\\] { max-height: 80vh; }
15711
+ .voxket-widget-root .max-h-\\[90vh\\] { max-height: 90vh; }
15712
+
15690
15713
  /* Min Height */
15691
15714
  .voxket-widget-root .min-h-0 { min-height: 0px; }
15715
+ .voxket-widget-root .min-h-fit { min-height: fit-content; }
15716
+ .voxket-widget-root .min-h-4 { min-height: 1rem; }
15692
15717
  .voxket-widget-root .min-h-full { min-height: 100%; }
15693
15718
  .voxket-widget-root .min-h-screen { min-height: 100vh; }
15719
+ .voxket-widget-root .min-h-\\[3rem\\] { min-height: 3rem; }
15720
+ .voxket-widget-root .min-h-\\[180px\\] { min-height: 180px; }
15694
15721
 
15695
15722
  /* Padding */
15696
15723
  .voxket-widget-root .p-0 { padding: 0px; }
@@ -15701,10 +15728,12 @@ const Nb = `
15701
15728
  .voxket-widget-root .p-5 { padding: 1.25rem; }
15702
15729
  .voxket-widget-root .p-6 { padding: 1.5rem; }
15703
15730
  .voxket-widget-root .p-8 { padding: 2rem; }
15731
+ .voxket-widget-root .px-0 { padding-left: 0px; padding-right: 0px; }
15704
15732
  .voxket-widget-root .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
15705
15733
  .voxket-widget-root .px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
15706
15734
  .voxket-widget-root .px-4 { padding-left: 1rem; padding-right: 1rem; }
15707
15735
  .voxket-widget-root .px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
15736
+ .voxket-widget-root .px-8 { padding-left: 2rem; padding-right: 2rem; }
15708
15737
  .voxket-widget-root .py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
15709
15738
  .voxket-widget-root .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
15710
15739
  .voxket-widget-root .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
@@ -15739,6 +15768,12 @@ const Nb = `
15739
15768
  .voxket-widget-root .mt-4 { margin-top: 1rem; }
15740
15769
  .voxket-widget-root .mt-8 { margin-top: 2rem; }
15741
15770
 
15771
+ /* Flex utilities */
15772
+ .voxket-widget-root .flex-1 { flex: 1 1 0%; }
15773
+ .voxket-widget-root .flex-auto { flex: 1 1 auto; }
15774
+ .voxket-widget-root .flex-initial { flex: 0 1 auto; }
15775
+ .voxket-widget-root .flex-none { flex: none; }
15776
+
15742
15777
  /* Gap */
15743
15778
  .voxket-widget-root .gap-1 { gap: 0.25rem; }
15744
15779
  .voxket-widget-root .gap-2 { gap: 0.5rem; }
@@ -15821,13 +15856,14 @@ const Nb = `
15821
15856
  .voxket-widget-root .scale-95 { transform: scale(0.95); }
15822
15857
  .voxket-widget-root .scale-100 { transform: scale(1); }
15823
15858
  .voxket-widget-root .scale-105 { transform: scale(1.05); }
15824
- .voxket-widget-root .bg-blue-500 { background-color: rgb(59 130 246); }
15825
- .voxket-widget-root .bg-gray-100 { background-color: rgb(243 244 246); }
15826
- .voxket-widget-root .bg-gray-800 { background-color: rgb(31 41 55); }
15827
- .voxket-widget-root .bg-gray-900 { background-color: rgb(17 24 39); }
15828
- .voxket-widget-root .bg-black { background-color: rgb(0 0 0); }
15829
- .voxket-widget-root .bg-white { background-color: rgb(255 255 255); }
15830
- .voxket-widget-root .bg-transparent { background-color: transparent; }
15859
+ /* Key background colors with higher specificity */
15860
+ .voxket-widget-root .bg-blue-500 { background-color: rgb(59 130 246) !important; }
15861
+ .voxket-widget-root .bg-gray-100 { background-color: rgb(243 244 246) !important; }
15862
+ .voxket-widget-root .bg-gray-800 { background-color: rgb(31 41 55) !important; }
15863
+ .voxket-widget-root .bg-gray-900 { background-color: rgb(17 24 39) !important; }
15864
+ .voxket-widget-root .bg-black { background-color: rgb(0 0 0) !important; }
15865
+ .voxket-widget-root .bg-white { background-color: rgb(255 255 255) !important; }
15866
+ .voxket-widget-root .bg-transparent { background-color: transparent !important; }
15831
15867
 
15832
15868
  /* Gradient Backgrounds */
15833
15869
  .voxket-widget-root .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)); }
@@ -15870,28 +15906,28 @@ const Nb = `
15870
15906
  /* Background Clip */
15871
15907
  .voxket-widget-root .bg-clip-text { background-clip: text; -webkit-background-clip: text; }
15872
15908
 
15873
- /* Text Colors */
15874
- .voxket-widget-root .text-white { color: rgb(255 255 255); }
15875
- .voxket-widget-root .text-black { color: rgb(0 0 0); }
15876
- .voxket-widget-root .text-gray-50 { color: rgb(249 250 251); }
15877
- .voxket-widget-root .text-gray-100 { color: rgb(243 244 246); }
15878
- .voxket-widget-root .text-gray-200 { color: rgb(229 231 235); }
15879
- .voxket-widget-root .text-gray-300 { color: rgb(209 213 219); }
15880
- .voxket-widget-root .text-gray-400 { color: rgb(156 163 175); }
15881
- .voxket-widget-root .text-gray-500 { color: rgb(107 114 128); }
15882
- .voxket-widget-root .text-gray-600 { color: rgb(75 85 99); }
15883
- .voxket-widget-root .text-gray-700 { color: rgb(55 65 81); }
15884
- .voxket-widget-root .text-gray-800 { color: rgb(31 41 55); }
15885
- .voxket-widget-root .text-gray-900 { color: rgb(17 24 39); }
15886
- .voxket-widget-root .text-purple-300 { color: rgb(196 181 253); }
15887
- .voxket-widget-root .text-purple-400 { color: rgb(196 181 253); }
15888
- .voxket-widget-root .text-purple-500 { color: rgb(168 85 247); }
15889
- .voxket-widget-root .text-blue-400 { color: rgb(96 165 250); }
15890
- .voxket-widget-root .text-blue-500 { color: rgb(59 130 246); }
15891
- .voxket-widget-root .text-cyan-400 { color: rgb(34 211 238); }
15892
- .voxket-widget-root .text-green-400 { color: rgb(74 222 128); }
15893
- .voxket-widget-root .text-green-500 { color: rgb(34 197 94); }
15894
- .voxket-widget-root .text-transparent { color: transparent; }
15909
+ /* Text colors with higher specificity */
15910
+ .voxket-widget-root .text-white { color: rgb(255 255 255) !important; }
15911
+ .voxket-widget-root .text-black { color: rgb(0 0 0) !important; }
15912
+ .voxket-widget-root .text-gray-50 { color: rgb(249 250 251) !important; }
15913
+ .voxket-widget-root .text-gray-100 { color: rgb(243 244 246) !important; }
15914
+ .voxket-widget-root .text-gray-200 { color: rgb(229 231 235) !important; }
15915
+ .voxket-widget-root .text-gray-300 { color: rgb(209 213 219) !important; }
15916
+ .voxket-widget-root .text-gray-400 { color: rgb(156 163 175) !important; }
15917
+ .voxket-widget-root .text-gray-500 { color: rgb(107 114 128) !important; }
15918
+ .voxket-widget-root .text-gray-600 { color: rgb(75 85 99) !important; }
15919
+ .voxket-widget-root .text-gray-700 { color: rgb(55 65 81) !important; }
15920
+ .voxket-widget-root .text-gray-800 { color: rgb(31 41 55) !important; }
15921
+ .voxket-widget-root .text-gray-900 { color: rgb(17 24 39) !important; }
15922
+ .voxket-widget-root .text-purple-300 { color: rgb(196 181 253) !important; }
15923
+ .voxket-widget-root .text-purple-400 { color: rgb(196 181 253) !important; }
15924
+ .voxket-widget-root .text-purple-500 { color: rgb(168 85 247) !important; }
15925
+ .voxket-widget-root .text-blue-400 { color: rgb(96 165 250) !important; }
15926
+ .voxket-widget-root .text-blue-500 { color: rgb(59 130 246) !important; }
15927
+ .voxket-widget-root .text-cyan-400 { color: rgb(34 211 238) !important; }
15928
+ .voxket-widget-root .text-green-400 { color: rgb(74 222 128) !important; }
15929
+ .voxket-widget-root .text-green-500 { color: rgb(34 197 94) !important; }
15930
+ .voxket-widget-root .text-transparent { color: transparent !important; }
15895
15931
 
15896
15932
  /* More Background Colors */
15897
15933
  .voxket-widget-root .bg-purple-300 { background-color: rgb(196 181 253); }
@@ -15906,12 +15942,31 @@ const Nb = `
15906
15942
  .voxket-widget-root .bg-green-400 { background-color: rgb(74 222 128); }
15907
15943
  .voxket-widget-root .bg-green-500 { background-color: rgb(34 197 94); }
15908
15944
 
15909
- .voxket-widget-root .border { border-width: 1px; }
15910
- .voxket-widget-root .border-gray-300 { border-color: rgb(209 213 219); }
15911
- .voxket-widget-root .border-gray-600 { border-color: rgb(75 85 99); }
15912
- .voxket-widget-root .border-gray-700 { border-color: rgb(55 65 81); }
15913
- .voxket-widget-root .border-gray-800 { border-color: rgb(31 41 55); }
15914
- .voxket-widget-root .border-purple-500 { border-color: rgb(168 85 247); }
15945
+ /* Background with Alpha/Opacity - Higher specificity */
15946
+ .voxket-widget-root .bg-black\\/40 { background-color: rgb(0 0 0 / 0.4) !important; }
15947
+ .voxket-widget-root .bg-white\\/10 { background-color: rgb(255 255 255 / 0.1) !important; }
15948
+ .voxket-widget-root .bg-white\\/20 { background-color: rgb(255 255 255 / 0.2) !important; }
15949
+ .voxket-widget-root .bg-gray-900\\/50 { background-color: rgb(17 24 39 / 0.5) !important; }
15950
+ .voxket-widget-root .bg-gray-900\\/95 { background-color: rgb(17 24 39 / 0.95) !important; }
15951
+
15952
+ /* Background Opacity */
15953
+ .voxket-widget-root .bg-opacity-30 { --tw-bg-opacity: 0.3; }
15954
+ .voxket-widget-root .bg-opacity-50 { --tw-bg-opacity: 0.5; }
15955
+ .voxket-widget-root .bg-opacity-90 { --tw-bg-opacity: 0.9; }
15956
+
15957
+ /* Backdrop Filter */
15958
+ .voxket-widget-root .backdrop-blur-sm { backdrop-filter: blur(4px); }
15959
+ .voxket-widget-root .backdrop-blur { backdrop-filter: blur(8px); }
15960
+ .voxket-widget-root .backdrop-blur-md { backdrop-filter: blur(12px); }
15961
+ .voxket-widget-root .backdrop-blur-lg { backdrop-filter: blur(16px); }
15962
+
15963
+ /* Border colors with higher specificity */
15964
+ .voxket-widget-root .border { border-width: 1px !important; }
15965
+ .voxket-widget-root .border-gray-300 { border-color: rgb(209 213 219) !important; }
15966
+ .voxket-widget-root .border-gray-600 { border-color: rgb(75 85 99) !important; }
15967
+ .voxket-widget-root .border-gray-700 { border-color: rgb(55 65 81) !important; }
15968
+ .voxket-widget-root .border-gray-800 { border-color: rgb(31 41 55) !important; }
15969
+ .voxket-widget-root .border-purple-500 { border-color: rgb(168 85 247) !important; }
15915
15970
  .voxket-widget-root .shadow { box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); }
15916
15971
  .voxket-widget-root .shadow-lg { box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); }
15917
15972
  .voxket-widget-root .transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@voxket-ai/voxket-live",
3
- "version": "1.0.93",
3
+ "version": "1.0.95",
4
4
  "description": "A React widget for embedding Voxket-powered audio/video/chat experiences.",
5
5
  "type": "module",
6
6
  "main": "./dist/index.cjs",