luaniverse 4.2.4 → 4.2.7

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 (12) hide show
  1. package/dist/index.cjs +632 -256
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.cts +2 -2
  4. package/dist/index.d.ts +2 -2
  5. package/dist/index.js +632 -256
  6. package/dist/index.js.map +1 -1
  7. package/dist/safelist.js +469 -52
  8. package/dist/safelist.txt +397 -54
  9. package/dist/styles.css +100 -118
  10. package/dist/tailwind.preset.js +2 -2
  11. package/dist/theme.css +254 -0
  12. package/package.json +2 -1
package/dist/index.cjs CHANGED
@@ -171,62 +171,55 @@ var LogoSpinner = ({
171
171
  var buttonVariants = classVarianceAuthority.cva(
172
172
  [
173
173
  "lua:flex lua:items-center lua:justify-center lua:rounded-full lua:font-onest lua:font-semibold lua:leading-5 lua:transition-all lua:focus-visible:outline-hidden lua:gap-2 lua:cursor-pointer",
174
- "lua:disabled:pointer-events-none lua:disabled:bg-black/4 lua:disabled:text-black/16 lua:disabled:border-transparent",
175
- "lua:focus-visible:ring-2 lua:focus-visible:ring-offset-2 lua:focus-visible:ring-offset-white"
174
+ "lua:disabled:pointer-events-none lua:disabled:opacity-50",
175
+ "lua:focus-visible:ring-2 lua:focus-visible:ring-offset-2 lua:focus-visible:ring-ring"
176
176
  ].join(" "),
177
177
  {
178
178
  variants: {
179
179
  variant: {
180
180
  default: [
181
- "lua:bg-black lua:text-white",
182
- "lua:hover:bg-black-hover",
183
- "lua:active:bg-black-hover",
184
- "lua:focus-visible:bg-black lua:focus-visible:ring-black"
181
+ "lua:bg-default lua:text-default-foreground",
182
+ "lua:hover:bg-default-hover",
183
+ "lua:active:bg-default-active"
185
184
  ].join(" "),
186
185
  primary: [
187
- "lua:bg-blue-600 lua:text-white",
188
- "lua:hover:bg-blue-700",
189
- "lua:active:bg-blue-800",
190
- "lua:focus-visible:bg-blue-600 lua:focus-visible:ring-blue-600"
186
+ "lua:bg-primary lua:text-primary-foreground",
187
+ "lua:hover:bg-primary-hover",
188
+ "lua:active:bg-primary-active"
191
189
  ].join(" "),
192
190
  outline: [
193
- "lua:border lua:border-blue-600 lua:bg-white lua:text-blue-600",
194
- "lua:hover:bg-blue-600 lua:hover:text-white",
195
- "lua:active:bg-blue-600 lua:active:text-white",
196
- "lua:focus-visible:ring-blue-600"
191
+ "lua:border lua:border-primary lua:bg-card lua:text-primary",
192
+ "lua:hover:bg-primary lua:hover:text-primary-foreground lua:hover:border-primary",
193
+ "lua:active:bg-primary-hover lua:active:border-primary-hover"
197
194
  ].join(" "),
198
195
  tertiary: [
199
- "lua:bg-white lua:border lua:border-neutral-400 lua:text-gray-900",
200
- "lua:hover:bg-neutral-200",
201
- "lua:active:bg-neutral-300",
202
- "lua:focus-visible:bg-neutral-100 lua:focus-visible:border-neutral-500 lua:focus-visible:ring-black"
196
+ "lua:bg-card lua:border lua:border-border lua:text-card-foreground",
197
+ "lua:hover:bg-secondary",
198
+ "lua:active:bg-secondary-hover"
203
199
  ].join(" "),
204
200
  secondary: [
205
- "lua:bg-gray-100 lua:text-gray-900",
206
- "lua:hover:bg-gray-200",
207
- "lua:active:bg-gray-300",
208
- "lua:focus-visible:bg-gray-100 lua:focus-visible:ring-black"
201
+ "lua:bg-secondary lua:text-secondary-foreground",
202
+ "lua:hover:bg-secondary-hover",
203
+ "lua:active:bg-secondary-active"
209
204
  ].join(" "),
210
205
  muted: [
211
- "lua:bg-transparent lua:text-gray-700",
212
- "lua:hover:bg-neutral-200",
213
- "lua:active:bg-neutral-600",
214
- "lua:focus-visible:bg-white lua:focus-visible:ring-black"
206
+ "lua:bg-transparent lua:text-muted-foreground",
207
+ "lua:hover:bg-muted",
208
+ "lua:active:bg-secondary"
215
209
  ].join(" "),
216
210
  destructive: [
217
- "lua:bg-red-600 lua:text-white",
218
- "lua:hover:bg-red-700",
219
- "lua:active:bg-red-800",
220
- "lua:focus-visible:bg-red-600 lua:focus-visible:ring-red-600"
211
+ "lua:bg-destructive lua:text-destructive-foreground",
212
+ "lua:hover:bg-destructive-hover",
213
+ "lua:active:bg-destructive-active"
221
214
  ].join(" ")
222
215
  },
223
216
  size: {
224
- small: "lua:h-6 lua:px-3 lua:text-xs sm:lua:text-sm",
225
- // 12px mobile, 14px larger screens
226
- default: "lua:h-8 lua:px-3 lua:text-sm sm:lua:text-base",
227
- // 14px mobile, 16px larger screens
228
- large: "lua:h-10 lua:px-4 lua:text-base sm:lua:text-lg"
229
- // 16px mobile, 18px larger screens
217
+ small: "lua:h-6 lua:px-3 lua:text-xs",
218
+ // 12px
219
+ default: "lua:h-8 lua:px-3 lua:text-sm",
220
+ // 14px
221
+ large: "lua:h-10 lua:px-4 lua:text-base"
222
+ // 16px
230
223
  },
231
224
  hasStartAdornment: {
232
225
  true: "lua:pl-2"
@@ -396,14 +389,14 @@ var Input = React121__namespace.forwardRef(
396
389
  {
397
390
  htmlFor: inputId,
398
391
  className: cn(
399
- "lua:block lua:text-sm lua:font-medium lua:mb-2 lua:text-gray-900",
400
- disabled && "lua:text-gray-600 lua:cursor-not-allowed"
392
+ "lua:block lua:text-sm lua:font-medium lua:mb-2 lua:text-foreground",
393
+ disabled && "lua:text-muted-foreground lua:cursor-not-allowed"
401
394
  ),
402
395
  children: label
403
396
  }
404
397
  ),
405
398
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "lua:relative", children: [
406
- hasStartAdornment && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lua:absolute lua:left-3 lua:top-1/2 lua:-translate-y-1/2 lua:flex lua:items-center lua:pointer-events-none lua:text-gray-500", children: startAdornment }),
399
+ hasStartAdornment && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lua:absolute lua:left-3 lua:top-1/2 lua:-translate-y-1/2 lua:flex lua:items-center lua:pointer-events-none lua:text-muted-foreground", children: startAdornment }),
407
400
  /* @__PURE__ */ jsxRuntime.jsx(
408
401
  "input",
409
402
  {
@@ -411,36 +404,36 @@ var Input = React121__namespace.forwardRef(
411
404
  id: inputId,
412
405
  className: cn(
413
406
  // Base styles
414
- "lua:flex lua:h-10 lua:w-full lua:rounded-md lua:border lua:bg-transparent lua:px-3 lua:py-2 lua:text-base lua:transition-all lua:duration-200",
415
- "file:lua:border-0 file:lua:bg-transparent file:lua:text-sm file:lua:font-medium file:lua:text-gray-900",
416
- "placeholder:lua:text-gray-500",
417
- "focus-visible:lua:outline-hidden focus-visible:lua:ring-2 focus-visible:lua:ring-offset-2 focus-visible:lua:ring-offset-white",
407
+ "lua:flex lua:h-10 lua:w-full lua:rounded-md lua:border lua:bg-card lua:px-3 lua:py-2 lua:text-base lua:transition-all lua:duration-200",
408
+ "lua:file:border-0 lua:file:bg-transparent lua:file:text-sm lua:file:font-medium lua:file:text-foreground",
409
+ "lua:placeholder:text-muted-foreground",
410
+ "lua:focus-visible:outline-hidden lua:focus-visible:ring-2 lua:focus-visible:ring-offset-2 lua:focus-visible:ring-offset-background",
418
411
  // Default state
419
- "lua:border-gray-300 lua:text-gray-900",
420
- "focus-visible:lua:ring-blue-600",
412
+ "lua:border-input lua:text-foreground",
413
+ "lua:focus-visible:ring-ring",
421
414
  // Error state
422
415
  hasError && [
423
- "lua:border-red-600",
424
- "focus-visible:lua:ring-red-600",
425
- "lua:text-gray-900"
416
+ "lua:border-destructive",
417
+ "lua:focus-visible:ring-destructive",
418
+ "lua:text-foreground"
426
419
  ],
427
420
  // Success state
428
421
  hasSuccess && [
429
- "lua:border-green-500",
430
- "focus-visible:lua:ring-green-500"
422
+ "lua:border-success",
423
+ "lua:focus-visible:ring-success"
431
424
  ],
432
425
  // Disabled state
433
426
  disabled && [
434
427
  "lua:cursor-not-allowed lua:opacity-50",
435
- "lua:bg-gray-100",
436
- "lua:text-gray-600",
437
- "placeholder:lua:text-gray-400"
428
+ "lua:bg-muted",
429
+ "lua:text-muted-foreground",
430
+ "lua:placeholder:text-muted-foreground"
438
431
  ],
439
432
  // Padding adjustments for adornments
440
433
  hasStartAdornment && "lua:pl-10",
441
434
  hasEndAdornment && "lua:pr-10",
442
435
  // Responsive text size
443
- "md:lua:text-sm",
436
+ "lua:md:text-sm",
444
437
  className
445
438
  ),
446
439
  ref,
@@ -450,13 +443,13 @@ var Input = React121__namespace.forwardRef(
450
443
  ...props
451
444
  }
452
445
  ),
453
- hasEndAdornment && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lua:absolute lua:right-3 lua:top-1/2 lua:-translate-y-1/2 lua:flex lua:items-center lua:pointer-events-none lua:text-gray-500", children: endAdornment })
446
+ hasEndAdornment && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lua:absolute lua:right-3 lua:top-1/2 lua:-translate-y-1/2 lua:flex lua:items-center lua:pointer-events-none lua:text-muted-foreground", children: endAdornment })
454
447
  ] }),
455
448
  description && !error && !success && /* @__PURE__ */ jsxRuntime.jsx(
456
449
  "p",
457
450
  {
458
451
  id: descriptionId,
459
- className: "lua:mt-2 lua:text-sm lua:text-gray-600",
452
+ className: "lua:mt-2 lua:text-sm lua:text-muted-foreground",
460
453
  children: description
461
454
  }
462
455
  ),
@@ -464,7 +457,7 @@ var Input = React121__namespace.forwardRef(
464
457
  "p",
465
458
  {
466
459
  id: errorId,
467
- className: "lua:mt-2 lua:text-sm lua:text-red-600",
460
+ className: "lua:mt-2 lua:text-sm lua:text-destructive",
468
461
  role: "alert",
469
462
  "aria-live": "polite",
470
463
  children: error
@@ -474,7 +467,7 @@ var Input = React121__namespace.forwardRef(
474
467
  "p",
475
468
  {
476
469
  id: successId,
477
- className: "lua:mt-2 lua:text-sm lua:text-green-600",
470
+ className: "lua:mt-2 lua:text-sm lua:text-success",
478
471
  role: "status",
479
472
  "aria-live": "polite",
480
473
  children: success
@@ -487,38 +480,40 @@ Input.displayName = "Input";
487
480
  var badgeVariants = classVarianceAuthority.cva(
488
481
  [
489
482
  "lua:inline-flex lua:items-center lua:justify-center lua:rounded-md lua:border lua:px-2 lua:py-1 lua:text-xs lua:font-medium",
490
- "lua:w-fit lua:whitespace-nowrap lua:shrink-0 [&>svg]:lua:size-3 lua:gap-1 [&>svg]:lua:pointer-events-none",
491
- "lua:focus-visible:border-blue-600 lua:focus-visible:ring-blue-600/50 lua:focus-visible:ring-2",
492
- "aria-invalid:lua:ring-red-600/20",
493
- "aria-invalid:lua:border-red-600 lua:transition-[color,box-shadow] lua:overflow-hidden"
483
+ "lua:w-fit lua:whitespace-nowrap lua:shrink-0 lua:[&>svg]:size-3 lua:gap-1 lua:[&>svg]:pointer-events-none",
484
+ "lua:focus-visible:ring-ring lua:focus-visible:ring-2",
485
+ "lua:transition-[color,box-shadow] lua:overflow-hidden"
494
486
  ].join(" "),
495
487
  {
496
488
  variants: {
497
489
  variant: {
498
490
  default: [
499
- "lua:border-transparent lua:bg-blue-600 lua:text-white",
500
- "[a&]:lua:hover:bg-blue-700"
491
+ "lua:border-transparent lua:bg-default lua:text-default-foreground",
492
+ "lua:[a&]:hover:bg-default-hover"
493
+ ].join(" "),
494
+ primary: [
495
+ "lua:border-transparent lua:bg-primary lua:text-primary-foreground",
496
+ "lua:[a&]:hover:bg-primary-hover"
501
497
  ].join(" "),
502
498
  secondary: [
503
- "lua:border-transparent lua:bg-gray-100 lua:text-gray-900",
504
- "[a&]:lua:hover:bg-gray-200"
499
+ "lua:border-transparent lua:bg-secondary lua:text-secondary-foreground",
500
+ "lua:[a&]:hover:bg-secondary-hover"
505
501
  ].join(" "),
506
502
  destructive: [
507
- "lua:border-transparent lua:bg-red-600 lua:text-white",
508
- "[a&]:lua:hover:bg-red-700",
509
- "lua:focus-visible:ring-red-600/20"
503
+ "lua:border-transparent lua:bg-destructive lua:text-destructive-foreground",
504
+ "lua:[a&]:hover:bg-destructive-hover"
510
505
  ].join(" "),
511
506
  outline: [
512
- "lua:text-gray-900 lua:border-gray-300",
513
- "[a&]:lua:hover:bg-gray-100 [a&]:lua:hover:text-gray-900"
507
+ "lua:bg-card lua:text-card-foreground lua:border-border",
508
+ "lua:[a&]:hover:bg-secondary"
514
509
  ].join(" "),
515
510
  success: [
516
- "lua:border-transparent lua:bg-green-600 lua:text-white",
517
- "[a&]:lua:hover:bg-green-700"
511
+ "lua:border-transparent lua:bg-success lua:text-success-foreground",
512
+ "lua:[a&]:hover:bg-success-hover"
518
513
  ].join(" "),
519
514
  warning: [
520
- "lua:border-transparent lua:bg-yellow-600 lua:text-white",
521
- "[a&]:lua:hover:bg-yellow-700"
515
+ "lua:border-transparent lua:bg-warning lua:text-warning-foreground",
516
+ "lua:[a&]:hover:bg-warning-hover"
522
517
  ].join(" ")
523
518
  }
524
519
  },
@@ -577,29 +572,29 @@ var Textarea = React121__namespace.forwardRef(
577
572
  "data-slot": "textarea",
578
573
  className: cn(
579
574
  // Base styles
580
- "lua:flex lua:min-h-16 lua:w-full lua:rounded-md lua:border lua:bg-transparent lua:px-3 lua:py-2 lua:text-base lua:transition-all lua:duration-200",
581
- "lua:placeholder:text-gray-500",
582
- "lua:focus-visible:outline-hidden lua:focus-visible:ring-2 lua:focus-visible:ring-offset-2 lua:focus-visible:ring-offset-white",
575
+ "lua:flex lua:min-h-16 lua:w-full lua:rounded-md lua:border lua:bg-card lua:px-3 lua:py-2 lua:text-base lua:transition-all lua:duration-200",
576
+ "lua:placeholder:text-muted-foreground",
577
+ "lua:focus-visible:outline-hidden lua:focus-visible:ring-2 lua:focus-visible:ring-offset-2 lua:focus-visible:ring-offset-background",
583
578
  // Default state
584
- "lua:border-gray-300 lua:text-gray-900",
585
- "lua:focus-visible:ring-blue-600",
579
+ "lua:border-input lua:text-foreground",
580
+ "lua:focus-visible:ring-ring",
586
581
  // Error state
587
582
  hasError && [
588
- "lua:border-red-600",
589
- "lua:focus-visible:ring-red-600",
590
- "lua:text-gray-900"
583
+ "lua:border-destructive",
584
+ "lua:focus-visible:ring-destructive",
585
+ "lua:text-foreground"
591
586
  ],
592
587
  // Success state
593
588
  hasSuccess && [
594
- "lua:border-green-500",
595
- "lua:focus-visible:ring-green-500"
589
+ "lua:border-success",
590
+ "lua:focus-visible:ring-success"
596
591
  ],
597
592
  // Disabled state
598
593
  disabled && [
599
594
  "lua:cursor-not-allowed lua:opacity-50",
600
- "lua:bg-gray-100",
601
- "lua:text-gray-600",
602
- "lua:placeholder:text-gray-400"
595
+ "lua:bg-muted",
596
+ "lua:text-muted-foreground",
597
+ "lua:placeholder:text-muted-foreground"
603
598
  ],
604
599
  // Resize behavior
605
600
  resizeClasses[resize],
@@ -618,7 +613,7 @@ var Textarea = React121__namespace.forwardRef(
618
613
  "p",
619
614
  {
620
615
  id: descriptionId,
621
- className: "lua:mt-2 lua:text-sm lua:text-gray-600",
616
+ className: "lua:mt-2 lua:text-sm lua:text-muted-foreground",
622
617
  children: description
623
618
  }
624
619
  ),
@@ -626,7 +621,7 @@ var Textarea = React121__namespace.forwardRef(
626
621
  "p",
627
622
  {
628
623
  id: errorId,
629
- className: "lua:mt-2 lua:text-sm lua:text-red-600",
624
+ className: "lua:mt-2 lua:text-sm lua:text-destructive",
630
625
  role: "alert",
631
626
  "aria-live": "polite",
632
627
  children: error
@@ -636,7 +631,7 @@ var Textarea = React121__namespace.forwardRef(
636
631
  "p",
637
632
  {
638
633
  id: successId,
639
- className: "lua:mt-2 lua:text-sm lua:text-green-600",
634
+ className: "lua:mt-2 lua:text-sm lua:text-success",
640
635
  role: "status",
641
636
  "aria-live": "polite",
642
637
  children: success
@@ -648,7 +643,7 @@ var Textarea = React121__namespace.forwardRef(
648
643
  Textarea.displayName = "Textarea";
649
644
  var Tabs = TabsPrimitive__namespace.Root;
650
645
  var tabsListVariants = classVarianceAuthority.cva([
651
- "lua:inline-flex lua:items-center lua:justify-center lua:p-1 lua:text-gray-600 lua:gap-2 lua:flex-wrap"
646
+ "lua:inline-flex lua:items-center lua:justify-center lua:p-1 lua:text-muted-foreground lua:gap-2 lua:flex-wrap"
652
647
  ].join(" "));
653
648
  var TabsList = React121__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
654
649
  TabsPrimitive__namespace.List,
@@ -661,10 +656,10 @@ var TabsList = React121__namespace.forwardRef(({ className, ...props }, ref) =>
661
656
  TabsList.displayName = TabsPrimitive__namespace.List.displayName;
662
657
  var tabsTriggerVariants = classVarianceAuthority.cva([
663
658
  "lua:font-onest lua:inline-flex lua:items-center lua:justify-center lua:whitespace-nowrap lua:rounded-full lua:px-3 lua:py-1 lua:text-sm lua:font-medium",
664
- "lua:ring-offset-white lua:transition-all lua:focus-visible:outline-hidden lua:focus-visible:ring-2",
665
- "lua:focus-visible:ring-blue-600 lua:focus-visible:ring-offset-2 lua:disabled:pointer-events-none lua:disabled:opacity-50",
666
- "lua:data-[state=active]:bg-blue-50 lua:data-[state=active]:text-blue-800 lua:data-[state=active]:hover:bg-blue-100",
667
- "lua:text-gray-500 lua:hover:bg-gray-100"
659
+ "lua:ring-offset-background lua:transition-all lua:focus-visible:outline-hidden lua:focus-visible:ring-2",
660
+ "lua:focus-visible:ring-ring lua:focus-visible:ring-offset-2 lua:disabled:pointer-events-none lua:disabled:opacity-50",
661
+ "lua:data-[state=active]:bg-accent-subtle lua:data-[state=active]:text-accent-subtle-foreground lua:data-[state=active]:hover:bg-accent-subtle-hover",
662
+ "lua:text-muted-foreground lua:hover:bg-secondary"
668
663
  ].join(" "));
669
664
  var TabsTrigger = React121__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
670
665
  TabsPrimitive__namespace.Trigger,
@@ -676,8 +671,8 @@ var TabsTrigger = React121__namespace.forwardRef(({ className, ...props }, ref)
676
671
  ));
677
672
  TabsTrigger.displayName = TabsPrimitive__namespace.Trigger.displayName;
678
673
  var tabsContentVariants = classVarianceAuthority.cva([
679
- "lua:mt-2 lua:ring-offset-white lua:focus-visible:outline-hidden lua:focus-visible:ring-2",
680
- "lua:focus-visible:ring-blue-600 lua:focus-visible:ring-offset-2"
674
+ "lua:mt-2 lua:ring-offset-background lua:focus-visible:outline-hidden lua:focus-visible:ring-2",
675
+ "lua:focus-visible:ring-ring lua:focus-visible:ring-offset-2"
681
676
  ].join(" "));
682
677
  var TabsContent = React121__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
683
678
  TabsPrimitive__namespace.Content,
@@ -693,7 +688,7 @@ var InputOTP = React121__namespace.forwardRef(({ className, containerClassName,
693
688
  {
694
689
  ref,
695
690
  containerClassName: cn(
696
- "lua:flex lua:items-center lua:gap-2 has-disabled:lua:opacity-50",
691
+ "lua:flex lua:items-center lua:gap-2 lua:has-disabled:opacity-50",
697
692
  containerClassName
698
693
  ),
699
694
  className: cn("lua:disabled:cursor-not-allowed", className),
@@ -711,14 +706,14 @@ var InputOTPSlot = React121__namespace.forwardRef(({ index, className, ...props
711
706
  {
712
707
  ref,
713
708
  className: cn(
714
- "lua:relative lua:flex lua:h-10 lua:w-10 lua:items-center lua:justify-center lua:border lua:border-gray-300 lua:bg-white lua:text-sm lua:transition-all lua:first:rounded-l-md lua:last:rounded-r-md lua:focus-within:z-10 lua:focus-within:ring-2 lua:focus-within:ring-blue-600 lua:focus-within:ring-offset-2 lua:disabled:cursor-not-allowed lua:disabled:opacity-50",
715
- isActive && "lua:z-10 lua:ring-2 lua:ring-blue-600 lua:ring-offset-2",
709
+ "lua:relative lua:flex lua:h-10 lua:w-10 lua:items-center lua:justify-center lua:border lua:border-input lua:bg-card lua:text-sm lua:text-foreground lua:transition-all lua:first:rounded-l-md lua:last:rounded-r-md lua:focus-within:z-10 lua:focus-within:ring-2 lua:focus-within:ring-ring lua:focus-within:ring-offset-2 lua:focus-within:ring-offset-background lua:disabled:cursor-not-allowed lua:disabled:opacity-50",
710
+ isActive && "lua:z-10 lua:ring-2 lua:ring-ring lua:ring-offset-2 lua:ring-offset-background",
716
711
  className
717
712
  ),
718
713
  ...props,
719
714
  children: [
720
715
  char,
721
- hasFakeCaret && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lua:pointer-events-none lua:absolute lua:inset-0 lua:flex lua:items-center lua:justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lua:h-4 lua:w-px lua:animate-caret-blink lua:bg-gray-900 lua:duration-1000" }) })
716
+ hasFakeCaret && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lua:pointer-events-none lua:absolute lua:inset-0 lua:flex lua:items-center lua:justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lua:h-4 lua:w-px lua:animate-caret-blink lua:bg-foreground lua:duration-1000" }) })
722
717
  ]
723
718
  }
724
719
  );
@@ -731,31 +726,25 @@ var InputOTPSeparator = React121__namespace.forwardRef(({ className, ...props },
731
726
  role: "separator",
732
727
  className: cn("lua:flex lua:items-center lua:justify-center", className),
733
728
  ...props,
734
- children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lua:h-px lua:w-3 lua:bg-gray-300" })
729
+ children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lua:h-px lua:w-3 lua:bg-border" })
735
730
  }
736
731
  ));
737
732
  InputOTPSeparator.displayName = "InputOTPSeparator";
738
733
  var TooltipProvider = TooltipPrimitive__namespace.Provider;
739
734
  var Tooltip = TooltipPrimitive__namespace.Root;
740
735
  var TooltipTrigger = TooltipPrimitive__namespace.Trigger;
741
- var TooltipArrow = React121__namespace.forwardRef(({ className, style, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
736
+ var TooltipArrow = React121__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
742
737
  TooltipPrimitive__namespace.Arrow,
743
738
  {
744
739
  ref,
745
- className: cn("", className),
740
+ className: cn("lua:fill-popover lua:stroke-border", className),
746
741
  width: 8,
747
742
  height: 4,
748
- style: {
749
- fill: "#ffffff",
750
- stroke: "#d1d5db",
751
- strokeWidth: "1px",
752
- ...style
753
- },
754
743
  ...props
755
744
  }
756
745
  ));
757
746
  TooltipArrow.displayName = TooltipPrimitive__namespace.Arrow.displayName;
758
- var TooltipContent = React121__namespace.forwardRef(({ className, sideOffset = 4, style, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
747
+ var TooltipContent = React121__namespace.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
759
748
  TooltipPrimitive__namespace.Content,
760
749
  {
761
750
  ref,
@@ -763,18 +752,9 @@ var TooltipContent = React121__namespace.forwardRef(({ className, sideOffset = 4
763
752
  className: cn(
764
753
  "lua:z-50 lua:overflow-hidden lua:px-3 lua:py-2 lua:text-xs lua:transition-all lua:duration-200",
765
754
  "lua:shadow-lg lua:border lua:rounded-lg",
766
- "lua:bg-white lua:text-gray-900 lua:border-gray-300",
755
+ "lua:bg-popover lua:text-popover-foreground lua:border-border",
767
756
  className
768
757
  ),
769
- style: {
770
- color: "#111827",
771
- // gray-900
772
- backgroundColor: "#ffffff",
773
- // white
774
- borderColor: "#d1d5db",
775
- // gray-300
776
- ...style
777
- },
778
758
  ...props
779
759
  }
780
760
  ) }));
@@ -784,7 +764,7 @@ var Card = React121__namespace.forwardRef(({ className, ...props }, ref) => /* @
784
764
  {
785
765
  ref,
786
766
  className: cn(
787
- "lua:rounded-xl lua:border lua:border-gray-200 lua:bg-white lua:text-gray-900 lua:shadow-sm",
767
+ "lua:rounded-xl lua:border lua:border-border lua:bg-card lua:text-card-foreground lua:shadow-sm",
788
768
  className
789
769
  ),
790
770
  ...props
@@ -804,7 +784,10 @@ var CardTitle = React121__namespace.forwardRef(({ className, ...props }, ref) =>
804
784
  "div",
805
785
  {
806
786
  ref,
807
- className: cn("lua:font-semibold lua:leading-none lua:tracking-tight", className),
787
+ className: cn(
788
+ "lua:font-semibold lua:leading-none lua:tracking-tight lua:text-card-foreground",
789
+ className
790
+ ),
808
791
  ...props
809
792
  }
810
793
  ));
@@ -813,12 +796,25 @@ var CardDescription = React121__namespace.forwardRef(({ className, ...props }, r
813
796
  "div",
814
797
  {
815
798
  ref,
816
- className: cn("lua:text-sm lua:text-gray-600", className),
799
+ className: cn(
800
+ "lua:text-sm lua:text-muted-foreground",
801
+ className
802
+ ),
817
803
  ...props
818
804
  }
819
805
  ));
820
806
  CardDescription.displayName = "CardDescription";
821
- var CardContent = React121__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("lua:p-6 lua:pt-0", className), ...props }));
807
+ var CardContent = React121__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
808
+ "div",
809
+ {
810
+ ref,
811
+ className: cn(
812
+ "lua:p-6 lua:pt-0 lua:text-card-foreground",
813
+ className
814
+ ),
815
+ ...props
816
+ }
817
+ ));
822
818
  CardContent.displayName = "CardContent";
823
819
  var CardFooter = React121__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
824
820
  "div",
@@ -5003,7 +4999,7 @@ var CarouselPrevious = React121__namespace.forwardRef(({ className, variant = "o
5003
4999
  variant,
5004
5000
  size,
5005
5001
  className: cn(
5006
- "lua:absolute lua:h-8 lua:w-8 lua:p-0 lua:rounded-full lua:bg-white lua:border lua:border-gray-200 lua:hover:bg-gray-100 lua:hover:text-gray-900 lua:focus:ring-2 lua:focus:ring-blue-600 lua:focus:ring-offset-2 lua:disabled:opacity-50 lua:disabled:cursor-not-allowed",
5002
+ "lua:absolute lua:h-8 lua:w-8 lua:p-0 lua:rounded-full",
5007
5003
  orientation === "horizontal" ? "lua:-left-12 lua:top-1/2 lua:-translate-y-1/2" : "lua:-top-12 lua:left-1/2 lua:-translate-x-1/2 lua:rotate-90",
5008
5004
  className
5009
5005
  ),
@@ -5025,7 +5021,7 @@ var CarouselNext = React121__namespace.forwardRef(({ className, variant = "outli
5025
5021
  variant,
5026
5022
  size,
5027
5023
  className: cn(
5028
- "lua:absolute lua:h-8 lua:w-8 lua:p-0 lua:rounded-full lua:bg-white lua:border lua:border-gray-200 lua:hover:bg-gray-100 lua:hover:text-gray-900 lua:focus:ring-2 lua:focus:ring-blue-600 lua:focus:ring-offset-2 lua:disabled:opacity-50 lua:disabled:cursor-not-allowed",
5024
+ "lua:absolute lua:h-8 lua:w-8 lua:p-0 lua:rounded-full",
5029
5025
  orientation === "horizontal" ? "lua:-right-12 lua:top-1/2 lua:-translate-y-1/2" : "lua:-bottom-12 lua:left-1/2 lua:-translate-x-1/2 lua:rotate-90",
5030
5026
  className
5031
5027
  ),
@@ -5066,7 +5062,7 @@ var DialogContent = React121__namespace.forwardRef(({ className, children, showC
5066
5062
  {
5067
5063
  ref,
5068
5064
  className: cn(
5069
- "lua:fixed lua:z-50 lua:max-w-lg lua:outline-hidden lua:border lua:border-gray-200 lua:bg-white lua:p-6 lua:shadow-lg lua:transition-all lua:duration-200 lua:rounded-xl lua:mx-4",
5065
+ "lua:fixed lua:z-50 lua:max-w-lg lua:outline-hidden lua:border lua:border-border lua:bg-card lua:text-card-foreground lua:p-6 lua:shadow-lg lua:transition-all lua:duration-200 lua:rounded-xl lua:mx-4",
5070
5066
  className
5071
5067
  ),
5072
5068
  style: {
@@ -5077,7 +5073,7 @@ var DialogContent = React121__namespace.forwardRef(({ className, children, showC
5077
5073
  ...props,
5078
5074
  children: [
5079
5075
  children,
5080
- showClose && /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Close, { className: "lua:absolute lua:right-4 lua:top-4 lua:rounded-sm lua:opacity-70 lua:ring-offset-white lua:transition-opacity lua:hover:opacity-100 lua:focus:outline-hidden lua:focus:ring-2 lua:focus:ring-blue-600 lua:focus:ring-offset-2 lua:disabled:pointer-events-none lua:hover:bg-gray-100 lua:text-gray-600", children: /* @__PURE__ */ jsxRuntime.jsx(XIcon, { size: 24 }) })
5076
+ showClose && /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Close, { className: "lua:absolute lua:right-4 lua:top-4 lua:rounded-sm lua:opacity-70 lua:ring-offset-background lua:transition-opacity lua:hover:opacity-100 lua:focus:outline-hidden lua:focus:ring-2 lua:focus:ring-ring lua:focus:ring-offset-2 lua:disabled:pointer-events-none lua:hover:bg-secondary lua:text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(XIcon, { size: 24 }) })
5081
5077
  ]
5082
5078
  }
5083
5079
  )
@@ -5090,7 +5086,7 @@ var DialogHeader = ({
5090
5086
  "div",
5091
5087
  {
5092
5088
  className: cn(
5093
- "lua:flex lua:flex-col lua:space-y-2 sm:lua:text-left lua:min-h-6",
5089
+ "lua:flex lua:flex-col lua:space-y-2 lua:sm:text-left lua:min-h-6",
5094
5090
  className
5095
5091
  ),
5096
5092
  ...props
@@ -5127,7 +5123,7 @@ var DialogDescription = React121__namespace.forwardRef(({ className, ...props },
5127
5123
  DialogPrimitive__namespace.Description,
5128
5124
  {
5129
5125
  ref,
5130
- className: cn("lua:text-sm lua:text-gray-600", className),
5126
+ className: cn("lua:text-sm lua:text-muted-foreground", className),
5131
5127
  ...props
5132
5128
  }
5133
5129
  ));
@@ -5140,7 +5136,7 @@ var SheetOverlay = React121__namespace.forwardRef(({ className, ...props }, ref)
5140
5136
  DialogPrimitive__namespace.Overlay,
5141
5137
  {
5142
5138
  className: cn(
5143
- "lua:fixed lua:inset-0 lua:z-50 lua:bg-black/80 lua:backdrop-blur-sm data-[state=open]:lua:animate-in data-[state=closed]:lua:animate-out data-[state=closed]:lua:fade-out-0 data-[state=open]:lua:fade-in-0",
5139
+ "lua:fixed lua:inset-0 lua:z-50 lua:bg-black/80 lua:backdrop-blur-sm lua:data-[state=open]:animate-in lua:data-[state=closed]:animate-out lua:data-[state=closed]:fade-out-0 lua:data-[state=open]:fade-in-0",
5144
5140
  className
5145
5141
  ),
5146
5142
  ...props,
@@ -5149,14 +5145,14 @@ var SheetOverlay = React121__namespace.forwardRef(({ className, ...props }, ref)
5149
5145
  ));
5150
5146
  SheetOverlay.displayName = DialogPrimitive__namespace.Overlay.displayName;
5151
5147
  var sheetVariants = classVarianceAuthority.cva(
5152
- "lua:fixed lua:z-50 lua:gap-4 lua:bg-white lua:shadow-lg lua:transition lua:ease-in-out lua:data-[state=open]:animate-in lua:data-[state=closed]:animate-out lua:data-[state=closed]:duration-300 lua:data-[state=open]:duration-500",
5148
+ "lua:fixed lua:z-50 lua:gap-4 lua:bg-card lua:text-card-foreground lua:shadow-lg lua:transition lua:ease-in-out lua:data-[state=open]:animate-in lua:data-[state=closed]:animate-out lua:data-[state=closed]:duration-300 lua:data-[state=open]:duration-500",
5153
5149
  {
5154
5150
  variants: {
5155
5151
  side: {
5156
- top: "lua:inset-x-0 lua:top-0 lua:border-b data-[state=closed]:lua:slide-out-to-top data-[state=open]:lua:slide-in-from-top",
5157
- bottom: "lua:inset-x-0 lua:bottom-0 lua:border-t data-[state=closed]:lua:slide-out-to-bottom data-[state=open]:lua:slide-in-from-bottom",
5158
- left: "lua:inset-y-0 lua:left-0 lua:h-full lua:w-3/4 lua:border-r lua:data-[state=closed]:slide-out-to-left lua:data-[state=open]:slide-in-from-left lua:sm:max-w-sm",
5159
- right: "lua:inset-y-0 lua:right-0 lua:h-full lua:w-3/4 lua:border-l lua:data-[state=closed]:slide-out-to-right lua:data-[state=open]:slide-in-from-right lua:sm:max-w-sm"
5152
+ top: "lua:inset-x-0 lua:top-0 lua:border-b lua:border-border lua:data-[state=closed]:slide-out-to-top lua:data-[state=open]:slide-in-from-top",
5153
+ bottom: "lua:inset-x-0 lua:bottom-0 lua:border-t lua:border-border lua:data-[state=closed]:slide-out-to-bottom lua:data-[state=open]:slide-in-from-bottom",
5154
+ left: "lua:inset-y-0 lua:left-0 lua:h-full lua:w-3/4 lua:border-r lua:border-border lua:data-[state=closed]:slide-out-to-left lua:data-[state=open]:slide-in-from-left lua:sm:max-w-sm",
5155
+ right: "lua:inset-y-0 lua:right-0 lua:h-full lua:w-3/4 lua:border-l lua:border-border lua:data-[state=closed]:slide-out-to-right lua:data-[state=open]:slide-in-from-right lua:sm:max-w-sm"
5160
5156
  }
5161
5157
  },
5162
5158
  defaultVariants: {
@@ -5182,7 +5178,7 @@ var SheetContent = React121__namespace.forwardRef(
5182
5178
  ...props,
5183
5179
  children: [
5184
5180
  children,
5185
- showClose && /* @__PURE__ */ jsxRuntime.jsxs(DialogPrimitive__namespace.Close, { className: "lua:absolute lua:right-4 lua:top-4 lua:rounded-sm lua:opacity-70 lua:ring-offset-white lua:transition-opacity lua:hover:opacity-100 lua:focus:outline-hidden lua:focus:ring-2 lua:focus:ring-blue-600 lua:focus:ring-offset-2 lua:disabled:pointer-events-none lua:data-[state=open]:bg-gray-100", children: [
5181
+ showClose && /* @__PURE__ */ jsxRuntime.jsxs(DialogPrimitive__namespace.Close, { className: "lua:absolute lua:right-4 lua:top-4 lua:rounded-sm lua:opacity-70 lua:ring-offset-background lua:transition-opacity lua:hover:opacity-100 lua:focus:outline-hidden lua:focus:ring-2 lua:focus:ring-ring lua:focus:ring-offset-2 lua:disabled:pointer-events-none lua:data-[state=open]:bg-secondary", children: [
5186
5182
  /* @__PURE__ */ jsxRuntime.jsx(XIcon, { size: 16 }),
5187
5183
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "lua:sr-only", children: "Close" })
5188
5184
  ] })
@@ -5199,7 +5195,7 @@ var SheetHeader = ({
5199
5195
  "div",
5200
5196
  {
5201
5197
  className: cn(
5202
- "lua:flex lua:flex-col lua:space-y-2 lua:text-center lua:sm:text-left lua:p-4 lua:border-b",
5198
+ "lua:flex lua:flex-col lua:space-y-2 lua:text-center lua:sm:text-left lua:p-4 lua:border-b lua:border-border",
5203
5199
  className
5204
5200
  ),
5205
5201
  ...props
@@ -5213,7 +5209,7 @@ var SheetFooter = ({
5213
5209
  "div",
5214
5210
  {
5215
5211
  className: cn(
5216
- "lua:flex lua:flex-col-reverse lua:sm:flex-row lua:sm:justify-end lua:sm:space-x-2 lua:p-4 lua:border-t",
5212
+ "lua:flex lua:flex-col-reverse lua:sm:flex-row lua:sm:justify-end lua:sm:space-x-2 lua:p-4 lua:border-t lua:border-border",
5217
5213
  className
5218
5214
  ),
5219
5215
  ...props
@@ -5225,7 +5221,7 @@ var SheetTitle = React121__namespace.forwardRef(({ className, ...props }, ref) =
5225
5221
  {
5226
5222
  ref,
5227
5223
  className: cn(
5228
- "lua:text-base lua:font-semibold lua:text-gray-900",
5224
+ "lua:text-base lua:font-semibold lua:text-foreground",
5229
5225
  className
5230
5226
  ),
5231
5227
  ...props
@@ -5236,7 +5232,7 @@ var SheetDescription = React121__namespace.forwardRef(({ className, ...props },
5236
5232
  DialogPrimitive__namespace.Description,
5237
5233
  {
5238
5234
  ref,
5239
- className: cn("lua:text-sm lua:text-gray-600", className),
5235
+ className: cn("lua:text-sm lua:text-muted-foreground", className),
5240
5236
  ...props
5241
5237
  }
5242
5238
  ));
@@ -5386,10 +5382,10 @@ PaginationItem.displayName = "PaginationItem";
5386
5382
  var paginationLinkVariants = classVarianceAuthority.cva(
5387
5383
  [
5388
5384
  "lua:flex lua:items-center lua:justify-center lua:rounded-md lua:font-semibold lua:transition-colors lua:no-underline",
5389
- "lua:bg-black lua:text-white",
5390
- "lua:hover:bg-black-hover",
5391
- "lua:active:bg-black-hover",
5392
- "lua:focus-visible:outline-hidden lua:focus-visible:ring-2 lua:focus-visible:ring-black lua:focus-visible:ring-offset-2 lua:focus-visible:ring-offset-white"
5385
+ "lua:bg-default lua:text-default-foreground",
5386
+ "lua:hover:bg-default-hover",
5387
+ "lua:active:bg-default-active",
5388
+ "lua:focus-visible:outline-hidden lua:focus-visible:ring-2 lua:focus-visible:ring-ring lua:focus-visible:ring-offset-2 lua:focus-visible:ring-offset-background"
5393
5389
  ],
5394
5390
  {
5395
5391
  variants: {
@@ -5412,7 +5408,7 @@ var PaginationLink = React121__namespace.forwardRef(({ className, isActive, ...p
5412
5408
  "aria-current": isActive ? "page" : void 0,
5413
5409
  className: cn(
5414
5410
  paginationLinkVariants({ size }),
5415
- isActive && "lua:bg-black-hover",
5411
+ isActive && "lua:bg-default-hover",
5416
5412
  className
5417
5413
  ),
5418
5414
  ...props
@@ -5435,7 +5431,7 @@ var PaginationPrevious = React121__namespace.forwardRef(({ className, ...props }
5435
5431
  ...props,
5436
5432
  children: [
5437
5433
  /* @__PURE__ */ jsxRuntime.jsx(ArrowLeft, { size: size === "small" ? 12 : 16, "aria-hidden": true }),
5438
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "lua:hidden lua:sm:lua:inline", children: "Previous" })
5434
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "lua:hidden lua:sm:inline", children: "Previous" })
5439
5435
  ]
5440
5436
  }
5441
5437
  );
@@ -5455,7 +5451,7 @@ var PaginationNext = React121__namespace.forwardRef(({ className, ...props }, re
5455
5451
  ),
5456
5452
  ...props,
5457
5453
  children: [
5458
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "lua:hidden lua:sm:lua:inline", children: "Next" }),
5454
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "lua:hidden lua:sm:inline", children: "Next" }),
5459
5455
  /* @__PURE__ */ jsxRuntime.jsx(ArrowRight, { size: size === "small" ? 12 : 16, "aria-hidden": true })
5460
5456
  ]
5461
5457
  }
@@ -5491,7 +5487,7 @@ var DropdownMenuSubTrigger = React121__namespace.forwardRef(({ className, inset,
5491
5487
  {
5492
5488
  ref,
5493
5489
  className: cn(
5494
- "lua:flex lua:cursor-default lua:select-none lua:items-center lua:gap-2 lua:rounded-sm lua:px-2 lua:py-2 lua:text-sm lua:outline-hidden lua:focus:bg-gray-100 data-[state=open]:lua:bg-gray-100 [&_svg]:lua:pointer-events-none [&_svg]:lua:size-4 [&_svg]:lua:shrink-0",
5490
+ "lua:flex lua:cursor-default lua:select-none lua:items-center lua:gap-2 lua:rounded-sm lua:px-2 lua:py-2 lua:text-sm lua:outline-hidden lua:focus:bg-gray-100 lua:data-[state=open]:bg-gray-100 lua:[&_svg]:pointer-events-none lua:[&_svg]:size-4 lua:[&_svg]:shrink-0",
5495
5491
  inset && "lua:pl-8",
5496
5492
  className
5497
5493
  ),
@@ -5508,7 +5504,7 @@ var DropdownMenuSubContent = React121__namespace.forwardRef(({ className, ...pro
5508
5504
  {
5509
5505
  ref,
5510
5506
  className: cn(
5511
- "lua:z-50 lua:min-w-32 lua:overflow-hidden lua:rounded-md lua:border lua:border-gray-200 lua:bg-white lua:text-gray-900 lua:p-1 lua:shadow-lg data-[state=open]:lua:animate-in data-[state=closed]:lua:animate-out data-[state=closed]:lua:fade-out-0 data-[state=open]:lua:fade-in-0 data-[state=closed]:lua:zoom-out-95 data-[state=open]:lua:zoom-in-95",
5507
+ "lua:z-50 lua:min-w-32 lua:overflow-hidden lua:rounded-md lua:border lua:border-gray-200 lua:bg-white lua:text-gray-900 lua:p-1 lua:shadow-lg lua:data-[state=open]:animate-in lua:data-[state=closed]:animate-out lua:data-[state=closed]:fade-out-0 lua:data-[state=open]:fade-in-0 lua:data-[state=closed]:zoom-out-95 lua:data-[state=open]:zoom-in-95",
5512
5508
  className
5513
5509
  ),
5514
5510
  ...props
@@ -5522,7 +5518,7 @@ var DropdownMenuContent = React121__namespace.forwardRef(({ className, sideOffse
5522
5518
  sideOffset,
5523
5519
  className: cn(
5524
5520
  "lua:z-50 lua:max-h-96 lua:min-w-32 lua:overflow-y-auto lua:overflow-x-hidden lua:rounded-md lua:border lua:border-gray-200 lua:bg-white lua:text-gray-900 lua:p-1 lua:shadow-md",
5525
- "data-[state=open]:lua:animate-in data-[state=closed]:lua:animate-out data-[state=closed]:lua:fade-out-0 data-[state=open]:lua:fade-in-0 data-[state=closed]:lua:zoom-out-95 data-[state=open]:lua:zoom-in-95",
5521
+ "lua:data-[state=open]:animate-in lua:data-[state=closed]:animate-out lua:data-[state=closed]:fade-out-0 lua:data-[state=open]:fade-in-0 lua:data-[state=closed]:zoom-out-95 lua:data-[state=open]:zoom-in-95",
5526
5522
  className
5527
5523
  ),
5528
5524
  ...props
@@ -5534,7 +5530,7 @@ var DropdownMenuItem = React121__namespace.forwardRef(({ className, inset, ...pr
5534
5530
  {
5535
5531
  ref,
5536
5532
  className: cn(
5537
- "lua:relative lua:flex lua:cursor-default lua:select-none lua:items-center lua:gap-2 lua:rounded-sm lua:px-2 lua:py-2 lua:text-sm lua:outline-hidden lua:transition-colors lua:focus:bg-gray-100 lua:focus:text-gray-900 data-disabled:lua:pointer-events-none data-disabled:lua:opacity-50 [&>svg]:lua:size-4 [&>svg]:lua:shrink-0",
5533
+ "lua:relative lua:flex lua:cursor-default lua:select-none lua:items-center lua:gap-2 lua:rounded-sm lua:px-2 lua:py-2 lua:text-sm lua:outline-hidden lua:transition-colors lua:focus:bg-gray-100 lua:focus:text-gray-900 lua:data-disabled:pointer-events-none lua:data-disabled:opacity-50 lua:[&>svg]:size-4 lua:[&>svg]:shrink-0",
5538
5534
  inset && "lua:pl-8",
5539
5535
  className
5540
5536
  ),
@@ -5547,7 +5543,7 @@ var DropdownMenuCheckboxItem = React121__namespace.forwardRef(({ className, chil
5547
5543
  {
5548
5544
  ref,
5549
5545
  className: cn(
5550
- "lua:relative lua:flex lua:cursor-default lua:select-none lua:items-center lua:rounded-sm lua:py-2 lua:pl-8 lua:pr-2 lua:text-sm lua:outline-hidden lua:transition-colors lua:focus:bg-gray-100 lua:focus:text-gray-900 data-disabled:lua:pointer-events-none data-disabled:lua:opacity-50",
5546
+ "lua:relative lua:flex lua:cursor-default lua:select-none lua:items-center lua:rounded-sm lua:py-2 lua:pl-8 lua:pr-2 lua:text-sm lua:outline-hidden lua:transition-colors lua:focus:bg-gray-100 lua:focus:text-gray-900 lua:data-disabled:pointer-events-none lua:data-disabled:opacity-50",
5551
5547
  className
5552
5548
  ),
5553
5549
  checked,
@@ -5564,7 +5560,7 @@ var DropdownMenuRadioItem = React121__namespace.forwardRef(({ className, childre
5564
5560
  {
5565
5561
  ref,
5566
5562
  className: cn(
5567
- "lua:relative lua:flex lua:cursor-default lua:select-none lua:items-center lua:rounded-sm lua:py-2 lua:pl-8 lua:pr-2 lua:text-sm lua:outline-hidden lua:transition-colors lua:focus:bg-gray-100 lua:focus:text-gray-900 data-disabled:lua:pointer-events-none data-disabled:lua:opacity-50",
5563
+ "lua:relative lua:flex lua:cursor-default lua:select-none lua:items-center lua:rounded-sm lua:py-2 lua:pl-8 lua:pr-2 lua:text-sm lua:outline-hidden lua:transition-colors lua:focus:bg-gray-100 lua:focus:text-gray-900 lua:data-disabled:pointer-events-none lua:data-disabled:opacity-50",
5568
5564
  className
5569
5565
  ),
5570
5566
  ...props,
@@ -5617,7 +5613,7 @@ var TableWrapper = React121__namespace.forwardRef(
5617
5613
  ref,
5618
5614
  "data-slot": "table-wrapper",
5619
5615
  className: cn(
5620
- " lua:border-gray-200 lua:rounded-xl lua:border-0 lua:md:border-1",
5616
+ " lua:border-border lua:rounded-xl lua:border-0 lua:md:border-1",
5621
5617
  className
5622
5618
  ),
5623
5619
  ...props
@@ -5679,7 +5675,7 @@ var TableFooter = React121__namespace.forwardRef(({ className, ...props }, ref)
5679
5675
  ref,
5680
5676
  "data-slot": "table-footer",
5681
5677
  className: cn(
5682
- "lua:bg-gray-50 lua:border-t lua:font-medium lua:[&>tr]:last:border-b-0 lua:block lua:md:table-footer-group lua:mt-4 lua:md:mt-0",
5678
+ "lua:bg-muted lua:border-t lua:border-border lua:font-medium lua:[&>tr]:last:border-b-0 lua:block lua:md:table-footer-group lua:mt-4 lua:md:mt-0",
5683
5679
  className
5684
5680
  ),
5685
5681
  ...props
@@ -5694,10 +5690,10 @@ var TableRow = React121__namespace.forwardRef(({ className, ...props }, ref) =>
5694
5690
  className: cn(
5695
5691
  "lua:transition-colors lua:block lua:md:table-row",
5696
5692
  // Mobile card styles (default)
5697
- "lua:bg-white lua:border lua:border-gray-200 lua:rounded-lg lua:p-4 lua:shadow-sm lua:mb-4",
5693
+ "lua:bg-card lua:border lua:border-border lua:rounded-lg lua:p-4 lua:shadow-sm lua:mb-4",
5698
5694
  // Desktop table styles (md and up)
5699
- "lua:md:bg-transparent lua:md:border-0 lua:md:border-b lua:md:border-gray-200 lua:md:rounded-none lua:md:p-0 lua:md:shadow-none lua:md:mb-0",
5700
- "lua:md:hover:bg-gray-50 lua:md:data-[state=selected]:bg-gray-100",
5695
+ "lua:md:bg-transparent lua:md:border-0 lua:md:border-b lua:md:border-border lua:md:rounded-none lua:md:p-0 lua:md:shadow-none lua:md:mb-0",
5696
+ "lua:md:hover:bg-muted lua:md:data-[state=selected]:bg-secondary",
5701
5697
  className
5702
5698
  ),
5703
5699
  ...props
@@ -5710,7 +5706,7 @@ var TableHead = React121__namespace.forwardRef(({ className, ...props }, ref) =>
5710
5706
  ref,
5711
5707
  "data-slot": "table-head",
5712
5708
  className: cn(
5713
- "lua:bg-gray-100 lua:text-gray-900 lua:h-11 lua:px-4 lua:text-left lua:align-middle lua:font-medium lua:whitespace-nowrap [&:has([role=checkbox])]:lua:pr-0 [&>[role=checkbox]]:lua:translate-y-[2px] lua:hidden lua:md:table-cell",
5709
+ "lua:bg-secondary lua:text-foreground lua:h-11 lua:px-4 lua:text-left lua:align-middle lua:font-medium lua:whitespace-nowrap lua:[&:has([role=checkbox])]:pr-0 lua:[&>[role=checkbox]]:translate-y-[2px] lua:hidden lua:md:table-cell",
5714
5710
  className
5715
5711
  ),
5716
5712
  ...props
@@ -5726,8 +5722,8 @@ var TableCell = React121__namespace.forwardRef(({ className, label, ...props },
5726
5722
  className: cn(
5727
5723
  "lua:[&:has([role=checkbox])]:pr-0 lua:[&>[role=checkbox]]:translate-y-[2px] lua:block lua:md:table-cell",
5728
5724
  // Mobile card cell styles (default)
5729
- "lua:py-3 lua:px-0 lua:border-b lua:border-gray-100 last:lua:border-b-0 lua:text-left",
5730
- "lua:before:content-[attr(data-label)] lua:before:float-left lua:before:font-normal before:lua:text-gray-700 lua:before:mr-4 lua:before:min-w-[100px]",
5725
+ "lua:py-3 lua:px-0 lua:border-b lua:border-border lua:last:border-b-0 lua:text-left",
5726
+ "lua:before:content-[attr(data-label)] lua:before:float-left lua:before:font-normal lua:before:text-foreground lua:before:mr-4 lua:before:min-w-[100px]",
5731
5727
  // Desktop table cell styles (md and up)
5732
5728
  "lua:md:px-4 lua:md:align-middle lua:md:whitespace-nowrap lua:md:text-left lua:md:border-b-0",
5733
5729
  "lua:md:before:content-none",
@@ -5742,7 +5738,7 @@ var TableCaption = React121__namespace.forwardRef(({ className, ...props }, ref)
5742
5738
  {
5743
5739
  ref,
5744
5740
  "data-slot": "table-caption",
5745
- className: cn("lua:text-gray-600 lua:mt-4 lua:text-sm", className),
5741
+ className: cn("lua:text-muted-foreground lua:mt-4 lua:text-sm", className),
5746
5742
  ...props
5747
5743
  }
5748
5744
  ));
@@ -5755,7 +5751,7 @@ var SelectTrigger = React121__namespace.forwardRef(({ className, children, ...pr
5755
5751
  {
5756
5752
  ref,
5757
5753
  className: cn(
5758
- "lua:flex lua:h-10 lua:w-full lua:items-center lua:justify-between lua:rounded-md lua:border lua:border-gray-300 lua:bg-white lua:px-3 lua:py-2 lua:text-sm lua:text-gray-900 lua:ring-offset-white lua:placeholder:text-gray-500 lua:focus:outline-hidden lua:focus:ring-2 lua:focus:ring-blue-600 lua:focus:ring-offset-2 lua:disabled:cursor-not-allowed lua:disabled:opacity-50 [&>span]:lua:line-clamp-1",
5754
+ "lua:flex lua:h-10 lua:w-full lua:items-center lua:justify-between lua:rounded-md lua:border lua:border-input lua:bg-card lua:px-3 lua:py-2 lua:text-sm lua:text-foreground lua:ring-offset-background lua:placeholder:text-muted-foreground lua:focus:outline-hidden lua:focus:ring-2 lua:focus:ring-ring lua:focus:ring-offset-2 lua:disabled:cursor-not-allowed lua:disabled:opacity-50 lua:[&>span]:line-clamp-1",
5759
5755
  className
5760
5756
  ),
5761
5757
  ...props,
@@ -5797,7 +5793,7 @@ var SelectContent = React121__namespace.forwardRef(({ className, children, posit
5797
5793
  {
5798
5794
  ref,
5799
5795
  className: cn(
5800
- "lua:relative lua:z-50 lua:max-h-96 lua:min-w-32 lua:overflow-hidden lua:rounded-md lua:border lua:border-gray-200 lua:bg-white lua:text-gray-900 lua:shadow-md data-[state=open]:lua:animate-in data-[state=closed]:lua:animate-out data-[state=closed]:lua:fade-out-0 data-[state=open]:lua:fade-in-0 data-[state=closed]:lua:zoom-out-95 data-[state=open]:lua:zoom-in-95",
5796
+ "lua:relative lua:z-50 lua:max-h-96 lua:min-w-32 lua:overflow-hidden lua:rounded-md lua:border lua:border-border lua:bg-popover lua:text-popover-foreground lua:shadow-md lua:data-[state=open]:animate-in lua:data-[state=closed]:animate-out lua:data-[state=closed]:fade-out-0 lua:data-[state=open]:fade-in-0 lua:data-[state=closed]:zoom-out-95 lua:data-[state=open]:zoom-in-95",
5801
5797
  className
5802
5798
  ),
5803
5799
  position,
@@ -5833,7 +5829,7 @@ var SelectItem = React121__namespace.forwardRef(({ className, children, ...props
5833
5829
  {
5834
5830
  ref,
5835
5831
  className: cn(
5836
- "lua:relative lua:flex lua:w-full lua:cursor-default lua:select-none lua:items-center lua:rounded-sm lua:py-2 lua:pl-8 lua:pr-2 lua:text-sm lua:outline-hidden lua:focus:bg-gray-100 lua:focus:text-gray-900 data-disabled:lua:pointer-events-none data-disabled:lua:opacity-50",
5832
+ "lua:relative lua:flex lua:w-full lua:cursor-default lua:select-none lua:items-center lua:rounded-sm lua:py-2 lua:pl-8 lua:pr-2 lua:text-sm lua:outline-hidden lua:focus:bg-secondary lua:focus:text-foreground lua:data-disabled:pointer-events-none lua:data-disabled:opacity-50",
5837
5833
  className
5838
5834
  ),
5839
5835
  ...props,
@@ -5848,7 +5844,7 @@ var SelectSeparator = React121__namespace.forwardRef(({ className, ...props }, r
5848
5844
  SelectPrimitive__namespace.Separator,
5849
5845
  {
5850
5846
  ref,
5851
- className: cn("lua:-mx-1 lua:my-1 lua:h-px lua:bg-gray-200", className),
5847
+ className: cn("lua:-mx-1 lua:my-1 lua:h-px lua:bg-border", className),
5852
5848
  ...props
5853
5849
  }
5854
5850
  ));
@@ -5869,12 +5865,12 @@ var Switch = React121__namespace.forwardRef(({ className, ...props }, ref) => /*
5869
5865
  SwitchPrimitives__namespace.Root,
5870
5866
  {
5871
5867
  className: cn(
5872
- "lua:peer lua:inline-flex lua:h-5 lua:w-9 lua:shrink-0 lua:cursor-pointer lua:items-center lua:rounded-full lua:border-2 lua:border-transparent lua:transition-all lua:focus-visible:outline-none lua:focus-visible:ring-2 lua:focus-visible:ring-blue-600 lua:focus-visible:ring-offset-2 lua:disabled:cursor-not-allowed lua:disabled:opacity-50 lua:data-[state=checked]:bg-blue-500 lua:data-[state=unchecked]:bg-gray-200",
5868
+ "lua:peer lua:inline-flex lua:h-5 lua:w-9 lua:shrink-0 lua:cursor-pointer lua:items-center lua:rounded-full lua:border-2 lua:border-transparent lua:transition-all lua:focus-visible:outline-none lua:focus-visible:ring-2 lua:focus-visible:ring-ring lua:focus-visible:ring-offset-2 lua:focus-visible:ring-offset-background lua:disabled:cursor-not-allowed lua:disabled:opacity-50 lua:data-[state=checked]:bg-primary lua:data-[state=unchecked]:bg-secondary",
5873
5869
  className
5874
5870
  ),
5875
5871
  ...props,
5876
5872
  ref,
5877
- children: /* @__PURE__ */ jsxRuntime.jsx(SwitchPrimitives__namespace.Thumb, { className: "lua:pointer-events-none lua:block lua:h-4 lua:w-4 lua:rounded-full lua:bg-white lua:shadow-lg lua:ring-0 lua:transition-transform lua:data-[state=checked]:translate-x-4 lua:data-[state=unchecked]:translate-x-0" })
5873
+ children: /* @__PURE__ */ jsxRuntime.jsx(SwitchPrimitives__namespace.Thumb, { className: "lua:pointer-events-none lua:block lua:h-4 lua:w-4 lua:rounded-full lua:bg-background lua:shadow-lg lua:ring-0 lua:transition-transform lua:data-[state=checked]:translate-x-4 lua:data-[state=unchecked]:translate-x-0" })
5878
5874
  }
5879
5875
  ));
5880
5876
  Switch.displayName = SwitchPrimitives__namespace.Root.displayName;
@@ -5895,7 +5891,7 @@ var RadioGroupItem = React121__namespace.forwardRef(({ className, ...props }, re
5895
5891
  {
5896
5892
  ref,
5897
5893
  className: cn(
5898
- "lua:aspect-square lua:h-4 lua:w-4 lua:rounded-full lua:border lua:border-blue-600 lua:text-blue-600 lua:ring-offset-white lua:focus:outline-hidden lua:focus-visible:ring-2 lua:focus-visible:ring-blue-600 lua:focus-visible:ring-offset-2 lua:disabled:cursor-not-allowed lua:disabled:opacity-50",
5894
+ "lua:aspect-square lua:h-4 lua:w-4 lua:rounded-full lua:border lua:border-primary lua:text-primary lua:ring-offset-background lua:focus:outline-hidden lua:focus-visible:ring-2 lua:focus-visible:ring-ring lua:focus-visible:ring-offset-2 lua:disabled:cursor-not-allowed lua:disabled:opacity-50",
5899
5895
  className
5900
5896
  ),
5901
5897
  ...props,
@@ -5909,7 +5905,7 @@ var Checkbox = React121__namespace.forwardRef(({ className, ...props }, ref) =>
5909
5905
  {
5910
5906
  ref,
5911
5907
  className: cn(
5912
- "lua:peer lua:h-4 lua:w-4 lua:shrink-0 lua:rounded lua:border lua:border-gray-300 lua:bg-white lua:shadow-xs lua:transition-all lua:outline-hidden lua:focus-visible:ring-2 lua:focus-visible:ring-blue-600 lua:focus-visible:ring-offset-2 lua:focus-visible:ring-offset-white lua:disabled:cursor-not-allowed lua:disabled:opacity-50 lua:data-[state=checked]:bg-blue-600 lua:data-[state=checked]:text-white lua:data-[state=checked]:border-blue-600 lua:aria-[invalid=true]:border-red-500 lua:aria-[invalid=true]:ring-red-200",
5908
+ "lua:peer lua:h-4 lua:w-4 lua:shrink-0 lua:rounded lua:border lua:border-input lua:bg-card lua:shadow-xs lua:transition-all lua:outline-hidden lua:focus-visible:ring-2 lua:focus-visible:ring-ring lua:focus-visible:ring-offset-2 lua:focus-visible:ring-offset-background lua:disabled:cursor-not-allowed lua:disabled:opacity-50 lua:data-[state=checked]:bg-primary lua:data-[state=checked]:text-primary-foreground lua:data-[state=checked]:border-primary lua:aria-[invalid=true]:border-destructive",
5913
5909
  className
5914
5910
  ),
5915
5911
  ...props,
@@ -5971,7 +5967,7 @@ var MultiSelect = React121__namespace.forwardRef(
5971
5967
  {
5972
5968
  ref,
5973
5969
  className: cn(
5974
- "lua:flex lua:h-10 lua:w-full lua:items-center lua:justify-between lua:rounded-md lua:border lua:border-gray-300 lua:bg-white lua:px-3 lua:py-2 lua:text-sm lua:text-gray-900 lua:ring-offset-white lua:placeholder:text-gray-500 lua:focus:outline-hidden lua:focus:ring-2 lua:focus:ring-blue-600 lua:focus:ring-offset-2 lua:disabled:cursor-not-allowed lua:disabled:opacity-50",
5970
+ "lua:flex lua:h-10 lua:w-full lua:items-center lua:justify-between lua:rounded-md lua:border lua:border-input lua:bg-card lua:px-3 lua:py-2 lua:text-sm lua:text-foreground lua:ring-offset-background lua:placeholder:text-muted-foreground lua:focus:outline-hidden lua:focus:ring-2 lua:focus:ring-ring lua:focus:ring-offset-2 lua:disabled:cursor-not-allowed lua:disabled:opacity-50",
5975
5971
  className
5976
5972
  ),
5977
5973
  disabled,
@@ -5985,7 +5981,7 @@ var MultiSelect = React121__namespace.forwardRef(
5985
5981
  {
5986
5982
  className: cn(
5987
5983
  "lua:line-clamp-1",
5988
- value.length === 0 && "lua:text-gray-500"
5984
+ value.length === 0 && "lua:text-muted-foreground"
5989
5985
  ),
5990
5986
  children: displayValue
5991
5987
  }
@@ -5997,7 +5993,7 @@ var MultiSelect = React121__namespace.forwardRef(
5997
5993
  /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
5998
5994
  DropdownMenuPrimitive__namespace.Content,
5999
5995
  {
6000
- className: "lua:z-50 lua:max-h-96 lua:w-[var(--radix-dropdown-menu-trigger-width)] lua:overflow-y-auto lua:overflow-x-hidden lua:rounded-md lua:border lua:border-gray-200 lua:bg-white lua:text-gray-900 lua:p-1 lua:shadow-md data-[state=open]:lua:animate-in data-[state=closed]:lua:animate-out data-[state=closed]:lua:fade-out-0 data-[state=open]:lua:fade-in-0 data-[state=closed]:lua:zoom-out-95 data-[state=open]:lua:zoom-in-95",
5996
+ className: "lua:z-50 lua:max-h-96 lua:w-[var(--radix-dropdown-menu-trigger-width)] lua:overflow-y-auto lua:overflow-x-hidden lua:rounded-md lua:border lua:border-border lua:bg-popover lua:text-popover-foreground lua:p-1 lua:shadow-md lua:data-[state=open]:animate-in lua:data-[state=closed]:animate-out lua:data-[state=closed]:fade-out-0 lua:data-[state=open]:fade-in-0 lua:data-[state=closed]:zoom-out-95 lua:data-[state=open]:zoom-in-95",
6001
5997
  sideOffset: 4,
6002
5998
  align: "start",
6003
5999
  role: "listbox",
@@ -6007,7 +6003,7 @@ var MultiSelect = React121__namespace.forwardRef(
6007
6003
  /* @__PURE__ */ jsxRuntime.jsxs(
6008
6004
  "div",
6009
6005
  {
6010
- className: "lua:relative lua:flex lua:cursor-default lua:select-none lua:items-center lua:gap-2 lua:rounded-sm lua:px-2 lua:py-2 lua:text-sm lua:outline-hidden lua:transition-colors lua:focus:bg-gray-100 lua:focus:text-gray-900",
6006
+ className: "lua:relative lua:flex lua:cursor-default lua:select-none lua:items-center lua:gap-2 lua:rounded-sm lua:px-2 lua:py-2 lua:text-sm lua:outline-hidden lua:transition-colors lua:focus:bg-secondary lua:focus:text-foreground",
6011
6007
  role: "option",
6012
6008
  "aria-selected": isAllSelected,
6013
6009
  children: [
@@ -6031,13 +6027,13 @@ var MultiSelect = React121__namespace.forwardRef(
6031
6027
  ]
6032
6028
  }
6033
6029
  ),
6034
- /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Separator, { className: "lua:-mx-1 lua:my-1 lua:h-px lua:bg-gray-200" })
6030
+ /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Separator, { className: "lua:-mx-1 lua:my-1 lua:h-px lua:bg-border" })
6035
6031
  ] }),
6036
6032
  options.map((option) => /* @__PURE__ */ jsxRuntime.jsxs(
6037
6033
  "div",
6038
6034
  {
6039
6035
  className: cn(
6040
- "lua:relative lua:flex lua:cursor-default lua:select-none lua:items-center lua:gap-2 lua:rounded-sm lua:px-2 lua:py-2 lua:text-sm lua:outline-hidden lua:transition-colors lua:focus:bg-gray-100 lua:focus:text-gray-900",
6036
+ "lua:relative lua:flex lua:cursor-default lua:select-none lua:items-center lua:gap-2 lua:rounded-sm lua:px-2 lua:py-2 lua:text-sm lua:outline-hidden lua:transition-colors lua:focus:bg-secondary lua:focus:text-foreground",
6041
6037
  option.disabled && "lua:pointer-events-none lua:opacity-50"
6042
6038
  ),
6043
6039
  role: "option",
@@ -6083,8 +6079,8 @@ var Slider = React121__namespace.forwardRef(({ className, ...props }, ref) => /*
6083
6079
  ),
6084
6080
  ...props,
6085
6081
  children: [
6086
- /* @__PURE__ */ jsxRuntime.jsx(SliderPrimitive__namespace.Track, { className: "lua:relative lua:h-2 lua:w-full lua:grow lua:overflow-hidden lua:rounded-full lua:bg-gray-200", children: /* @__PURE__ */ jsxRuntime.jsx(SliderPrimitive__namespace.Range, { className: "lua:absolute lua:h-full lua:bg-gradient-to-r lua:from-blue-600 lua:to-purple-600" }) }),
6087
- /* @__PURE__ */ jsxRuntime.jsx(SliderPrimitive__namespace.Thumb, { className: "lua:block lua:h-5 lua:w-5 lua:rounded-full lua:border-2 lua:border-white lua:bg-purple-600 lua:shadow-lg lua:ring-offset-white lua:transition-all lua:focus-visible:outline-none lua:focus-visible:ring-2 lua:focus-visible:ring-blue-600 lua:focus-visible:ring-offset-2 lua:hover:shadow-xl lua:hover:scale-105 lua:active:scale-95 lua:disabled:bg-gray-200 lua:disabled:pointer-events-none lua:disabled:opacity-50" })
6082
+ /* @__PURE__ */ jsxRuntime.jsx(SliderPrimitive__namespace.Track, { className: "lua:relative lua:h-2 lua:w-full lua:grow lua:overflow-hidden lua:rounded-full lua:bg-secondary", children: /* @__PURE__ */ jsxRuntime.jsx(SliderPrimitive__namespace.Range, { className: "lua:absolute lua:h-full lua:bg-primary" }) }),
6083
+ /* @__PURE__ */ jsxRuntime.jsx(SliderPrimitive__namespace.Thumb, { className: "lua:block lua:h-5 lua:w-5 lua:rounded-full lua:border-2 lua:border-background lua:bg-primary lua:shadow-lg lua:ring-offset-background lua:transition-all lua:focus-visible:outline-none lua:focus-visible:ring-2 lua:focus-visible:ring-ring lua:focus-visible:ring-offset-2 lua:hover:shadow-xl lua:hover:scale-105 lua:active:scale-95 lua:disabled:bg-muted lua:disabled:pointer-events-none lua:disabled:opacity-50" })
6088
6084
  ]
6089
6085
  }
6090
6086
  ));
@@ -6158,8 +6154,8 @@ function Calendar({
6158
6154
  showOutsideDays,
6159
6155
  className: cn(
6160
6156
  "lua:group/calendar lua:p-1.5 lua:rounded-md [--cell-size:1.5rem] lua:font-onest",
6161
- String.raw`rtl:**:[.rdp-button\_next>svg]:lua:rotate-180`,
6162
- String.raw`rtl:**:[.rdp-button\_previous>svg]:lua:rotate-180`,
6157
+ String.raw`lua:rtl:**:[.rdp-button\_next>svg]:rotate-180`,
6158
+ String.raw`lua:rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
6163
6159
  className
6164
6160
  ),
6165
6161
  captionLayout,
@@ -6170,7 +6166,7 @@ function Calendar({
6170
6166
  classNames: {
6171
6167
  root: cn("lua:w-fit", defaultClassNames.root),
6172
6168
  months: cn(
6173
- "lua:relative lua:flex lua:flex-col lua:gap-2 md:lua:flex-row",
6169
+ "lua:relative lua:flex lua:flex-col lua:gap-2 lua:md:flex-row",
6174
6170
  defaultClassNames.months
6175
6171
  ),
6176
6172
  month: cn(
@@ -6200,14 +6196,14 @@ function Calendar({
6200
6196
  defaultClassNames.dropdown
6201
6197
  ),
6202
6198
  caption_label: cn(
6203
- "lua:select-none lua:font-onest lua:font-semibold lua:text-gray-900",
6204
- captionLayout === "label" ? "lua:text-sm" : "[&>svg]:lua:text-gray-600 lua:flex lua:h-6 lua:items-center lua:gap-1 lua:rounded-md lua:pl-2 lua:pr-1 lua:text-xs [&>svg]:lua:size-3",
6199
+ "lua:select-none lua:font-onest lua:font-semibold lua:text-foreground",
6200
+ captionLayout === "label" ? "lua:text-sm" : "lua:[&>svg]:text-muted-foreground lua:flex lua:h-6 lua:items-center lua:gap-1 lua:rounded-md lua:pl-2 lua:pr-1 lua:text-xs lua:[&>svg]:size-3",
6205
6201
  defaultClassNames.caption_label
6206
6202
  ),
6207
6203
  table: "lua:w-full lua:border-collapse",
6208
6204
  weekdays: cn("lua:flex", defaultClassNames.weekdays),
6209
6205
  weekday: cn(
6210
- "lua:text-gray-600 lua:flex-1 lua:select-none lua:text-xs lua:font-onest lua:font-medium",
6206
+ "lua:text-muted-foreground lua:flex-1 lua:select-none lua:text-xs lua:font-onest lua:font-medium",
6211
6207
  defaultClassNames.weekday
6212
6208
  ),
6213
6209
  week: cn("lua:mt-1 lua:flex lua:w-full", defaultClassNames.week),
@@ -6216,26 +6212,26 @@ function Calendar({
6216
6212
  defaultClassNames.week_number_header
6217
6213
  ),
6218
6214
  week_number: cn(
6219
- "lua:text-gray-600 lua:select-none lua:text-xs lua:font-onest",
6215
+ "lua:text-muted-foreground lua:select-none lua:text-xs lua:font-onest",
6220
6216
  defaultClassNames.week_number
6221
6217
  ),
6222
6218
  day: cn(
6223
- "lua:relative lua:w-full lua:h-full lua:p-0 lua:text-center lua:group/day lua:aspect-square lua:select-none",
6219
+ "lua:relative lua:w-full lua:h-full lua:p-0 lua:text-center lua:group/day lua:aspect-square lua:select-none lua:text-foreground",
6224
6220
  defaultClassNames.day
6225
6221
  ),
6226
- range_start: cn("lua:bg-gray-100", defaultClassNames.range_start),
6227
- range_middle: cn("lua:bg-gray-50", defaultClassNames.range_middle),
6228
- range_end: cn("lua:bg-gray-100", defaultClassNames.range_end),
6222
+ range_start: cn("lua:bg-secondary", defaultClassNames.range_start),
6223
+ range_middle: cn("lua:bg-muted", defaultClassNames.range_middle),
6224
+ range_end: cn("lua:bg-secondary", defaultClassNames.range_end),
6229
6225
  today: cn(
6230
- "lua:bg-gray-100 lua:text-gray-900 lua:font-bold",
6226
+ "lua:bg-secondary lua:text-foreground lua:font-bold",
6231
6227
  defaultClassNames.today
6232
6228
  ),
6233
6229
  outside: cn(
6234
- "lua:text-gray-400 aria-selected:lua:text-gray-400",
6230
+ "lua:text-muted-foreground lua:opacity-50 lua:aria-selected:text-muted-foreground",
6235
6231
  defaultClassNames.outside
6236
6232
  ),
6237
6233
  disabled: cn(
6238
- "lua:text-gray-400 lua:opacity-50",
6234
+ "lua:text-muted-foreground lua:opacity-50",
6239
6235
  defaultClassNames.disabled
6240
6236
  ),
6241
6237
  hidden: cn("lua:invisible", defaultClassNames.hidden),
@@ -6262,15 +6258,15 @@ var PopoverContent = React121__namespace.forwardRef(({ className, align = "cente
6262
6258
  align,
6263
6259
  sideOffset,
6264
6260
  className: cn(
6265
- // Base styles - Luaniverse design
6266
- "lua:z-50 lua:rounded-md lua:border lua:border-gray-200 lua:bg-white lua:shadow-lg lua:font-onest",
6261
+ // Base styles - Luaniverse design with semantic tokens
6262
+ "lua:z-50 lua:rounded-md lua:border lua:border-border lua:bg-popover lua:text-popover-foreground lua:shadow-lg lua:font-onest",
6267
6263
  // Animation
6268
6264
  "lua:transition-all lua:duration-200",
6269
- "data-[state=open]:lua:animate-in data-[state=open]:lua:fade-in-0 data-[state=open]:lua:zoom-in-95",
6270
- "data-[state=closed]:lua:animate-out data-[state=closed]:lua:fade-out-0 data-[state=closed]:lua:zoom-out-95",
6271
- "data-[side=bottom]:lua:slide-in-from-top-2 data-[side=left]:lua:slide-in-from-right-2 data-[side=right]:lua:slide-in-from-left-2 data-[side=top]:lua:slide-in-from-bottom-2",
6265
+ "lua:data-[state=open]:animate-in lua:data-[state=open]:fade-in-0 lua:data-[state=open]:zoom-in-95",
6266
+ "lua:data-[state=closed]:animate-out lua:data-[state=closed]:fade-out-0 lua:data-[state=closed]:zoom-out-95",
6267
+ "lua:data-[side=bottom]:slide-in-from-top-2 lua:data-[side=left]:slide-in-from-right-2 lua:data-[side=right]:slide-in-from-left-2 lua:data-[side=top]:slide-in-from-bottom-2",
6272
6268
  // Focus
6273
- "focus-visible:lua:outline-none focus-visible:lua:ring-2 focus-visible:lua:ring-gray-900 focus-visible:lua:ring-offset-2",
6269
+ "lua:focus-visible:outline-none lua:focus-visible:ring-2 lua:focus-visible:ring-ring lua:focus-visible:ring-offset-2",
6274
6270
  className
6275
6271
  ),
6276
6272
  ...props
@@ -6280,6 +6276,269 @@ PopoverContent.displayName = PopoverPrimitive__namespace.Content.displayName;
6280
6276
 
6281
6277
  // src/safelist.js
6282
6278
  var luaniverseSafelist = [
6279
+ // Semantic Color Tokens - Emphasis (black-based)
6280
+ "lua:bg-emphasis-base",
6281
+ "lua:bg-emphasis-hover",
6282
+ "lua:bg-emphasis-active",
6283
+ "lua:text-emphasis-text",
6284
+ "lua:text-emphasis-text-inverse",
6285
+ "lua:hover:bg-emphasis-base",
6286
+ "lua:hover:bg-emphasis-hover",
6287
+ "lua:hover:bg-emphasis-active",
6288
+ "lua:active:bg-emphasis-base",
6289
+ "lua:active:bg-emphasis-hover",
6290
+ "lua:active:bg-emphasis-active",
6291
+ "lua:focus-visible:bg-emphasis-base",
6292
+ // Semantic Color Tokens - Brand (blue-based)
6293
+ "lua:bg-brand-base",
6294
+ "lua:bg-brand-hover",
6295
+ "lua:bg-brand-active",
6296
+ "lua:text-brand-text",
6297
+ "lua:text-brand-text-inverse",
6298
+ "lua:border-brand-border",
6299
+ "lua:hover:bg-brand-base",
6300
+ "lua:hover:bg-brand-hover",
6301
+ "lua:hover:bg-brand-active",
6302
+ "lua:hover:text-brand-text",
6303
+ "lua:active:bg-brand-base",
6304
+ "lua:active:bg-brand-hover",
6305
+ "lua:active:bg-brand-active",
6306
+ "lua:active:text-brand-text",
6307
+ "lua:focus-visible:bg-brand-base",
6308
+ "lua:focus-visible:border-brand-border",
6309
+ // Semantic Color Tokens - Neutral (gray-based)
6310
+ "lua:bg-neutral-base",
6311
+ "lua:bg-neutral-hover",
6312
+ "lua:bg-neutral-active",
6313
+ "lua:text-neutral-text",
6314
+ "lua:text-neutral-text-muted",
6315
+ "lua:border-neutral-border",
6316
+ "lua:border-neutral-border-strong",
6317
+ "lua:hover:bg-neutral-base",
6318
+ "lua:hover:bg-neutral-hover",
6319
+ "lua:hover:bg-neutral-active",
6320
+ "lua:hover:text-neutral-text",
6321
+ "lua:active:bg-neutral-base",
6322
+ "lua:active:bg-neutral-hover",
6323
+ "lua:active:bg-neutral-active",
6324
+ "lua:focus-visible:bg-neutral-base",
6325
+ // Semantic Color Tokens - Outline
6326
+ "lua:bg-outline-bg",
6327
+ "lua:bg-outline-hover",
6328
+ "lua:bg-outline-active",
6329
+ "lua:border-outline-border",
6330
+ "lua:border-outline-border-hover",
6331
+ "lua:hover:bg-outline-bg",
6332
+ "lua:hover:bg-outline-hover",
6333
+ "lua:hover:bg-outline-active",
6334
+ "lua:active:bg-outline-bg",
6335
+ "lua:active:bg-outline-hover",
6336
+ "lua:active:bg-outline-active",
6337
+ "lua:focus-visible:bg-outline-bg",
6338
+ "lua:focus-visible:border-outline-border-hover",
6339
+ // Semantic Color Tokens - Danger (red-based)
6340
+ "lua:bg-danger-base",
6341
+ "lua:bg-danger-hover",
6342
+ "lua:bg-danger-active",
6343
+ "lua:text-danger-text",
6344
+ "lua:text-danger-text-inverse",
6345
+ "lua:border-danger-base",
6346
+ "lua:hover:bg-danger-base",
6347
+ "lua:hover:bg-danger-hover",
6348
+ "lua:hover:bg-danger-active",
6349
+ "lua:active:bg-danger-base",
6350
+ "lua:active:bg-danger-hover",
6351
+ "lua:active:bg-danger-active",
6352
+ "lua:focus-visible:bg-danger-base",
6353
+ // Semantic Color Tokens - Success (green-based)
6354
+ "lua:bg-success-base",
6355
+ "lua:bg-success-hover",
6356
+ "lua:bg-success-active",
6357
+ "lua:text-success-text",
6358
+ "lua:text-success-text-inverse",
6359
+ "lua:hover:bg-success-base",
6360
+ "lua:hover:bg-success-hover",
6361
+ "lua:hover:bg-success-active",
6362
+ "lua:active:bg-success-base",
6363
+ "lua:active:bg-success-hover",
6364
+ "lua:active:bg-success-active",
6365
+ "lua:focus-visible:bg-success-base",
6366
+ // Semantic Color Tokens - Warning (yellow-based)
6367
+ "lua:bg-warning-base",
6368
+ "lua:bg-warning-hover",
6369
+ "lua:bg-warning-active",
6370
+ "lua:text-warning-text",
6371
+ "lua:text-warning-text-inverse",
6372
+ "lua:hover:bg-warning-base",
6373
+ "lua:hover:bg-warning-hover",
6374
+ "lua:hover:bg-warning-active",
6375
+ "lua:active:bg-warning-base",
6376
+ "lua:active:bg-warning-hover",
6377
+ "lua:active:bg-warning-active",
6378
+ "lua:focus-visible:bg-warning-base",
6379
+ // Semantic Color Tokens - Disabled State
6380
+ "lua:bg-disabled-bg",
6381
+ "lua:text-disabled-text",
6382
+ "lua:border-disabled-border",
6383
+ "lua:disabled:bg-disabled-bg",
6384
+ "lua:disabled:text-disabled-text",
6385
+ "lua:disabled:border-disabled-border",
6386
+ // Semantic Color Tokens - Focus Rings
6387
+ "lua:ring-focus-ring-emphasis",
6388
+ "lua:ring-focus-ring-brand",
6389
+ "lua:ring-focus-ring-danger",
6390
+ "lua:ring-offset-focus-ring-offset",
6391
+ "lua:focus-visible:ring-focus-ring-emphasis",
6392
+ "lua:focus-visible:ring-focus-ring-brand",
6393
+ "lua:focus-visible:ring-focus-ring-danger",
6394
+ "lua:focus-visible:ring-offset-focus-ring-offset",
6395
+ // Dark Mode Variants - Default/Emphasis
6396
+ "lua:dark:bg-gray-50",
6397
+ "lua:dark:bg-gray-100",
6398
+ "lua:dark:bg-gray-200",
6399
+ "lua:dark:text-gray-900",
6400
+ "lua:dark:hover:bg-gray-50",
6401
+ "lua:dark:active:bg-gray-200",
6402
+ "lua:dark:focus-visible:bg-gray-100",
6403
+ "lua:dark:focus-visible:ring-gray-300",
6404
+ "lua:[a&]:dark:hover:bg-gray-50",
6405
+ // Dark Mode Variants - Primary/Brand
6406
+ "lua:dark:bg-blue-500",
6407
+ "lua:dark:bg-blue-600",
6408
+ "lua:dark:bg-blue-700",
6409
+ "lua:dark:text-blue-400",
6410
+ "lua:dark:border-blue-400",
6411
+ "lua:dark:border-blue-600",
6412
+ "lua:dark:border-blue-700",
6413
+ "lua:dark:hover:bg-blue-500",
6414
+ "lua:dark:hover:bg-blue-600",
6415
+ "lua:dark:hover:text-white",
6416
+ "lua:dark:hover:border-blue-600",
6417
+ "lua:dark:active:bg-blue-700",
6418
+ "lua:dark:active:border-blue-700",
6419
+ "lua:dark:focus-visible:bg-blue-600",
6420
+ "lua:dark:focus-visible:ring-blue-400",
6421
+ "lua:[a&]:dark:hover:bg-blue-500",
6422
+ // Dark Mode Variants - Secondary/Neutral
6423
+ "lua:dark:bg-gray-600",
6424
+ "lua:dark:bg-gray-700",
6425
+ "lua:dark:bg-gray-800",
6426
+ "lua:dark:bg-gray-900",
6427
+ "lua:dark:text-gray-100",
6428
+ "lua:dark:text-gray-200",
6429
+ "lua:dark:text-gray-400",
6430
+ "lua:dark:border-gray-600",
6431
+ "lua:dark:border-gray-700",
6432
+ "lua:dark:hover:bg-gray-600",
6433
+ "lua:dark:hover:bg-gray-700",
6434
+ "lua:dark:hover:bg-gray-800",
6435
+ "lua:dark:active:bg-gray-600",
6436
+ "lua:dark:active:bg-gray-700",
6437
+ "lua:dark:focus-visible:bg-gray-800",
6438
+ "lua:dark:focus-visible:bg-gray-900",
6439
+ "lua:dark:focus-visible:border-gray-600",
6440
+ "lua:dark:focus-visible:ring-gray-400",
6441
+ "lua:[a&]:dark:hover:bg-gray-700",
6442
+ "lua:[a&]:dark:hover:bg-gray-800",
6443
+ // Dark Mode Variants - Danger/Destructive
6444
+ "lua:dark:bg-red-500",
6445
+ "lua:dark:bg-red-600",
6446
+ "lua:dark:bg-red-700",
6447
+ "lua:dark:hover:bg-red-500",
6448
+ "lua:dark:active:bg-red-700",
6449
+ "lua:dark:focus-visible:bg-red-600",
6450
+ "lua:dark:focus-visible:ring-red-400",
6451
+ "lua:[a&]:dark:hover:bg-red-500",
6452
+ // Dark Mode Variants - Success
6453
+ "lua:dark:bg-green-500",
6454
+ "lua:dark:bg-green-600",
6455
+ "lua:dark:hover:bg-green-500",
6456
+ "lua:[a&]:dark:hover:bg-green-500",
6457
+ // Dark Mode Variants - Warning
6458
+ "lua:dark:bg-amber-500",
6459
+ "lua:dark:bg-amber-600",
6460
+ "lua:dark:text-gray-900",
6461
+ "lua:dark:hover:bg-amber-500",
6462
+ "lua:[a&]:dark:hover:bg-amber-500",
6463
+ // Dark Mode Variants - Disabled
6464
+ "lua:dark:disabled:bg-white/5",
6465
+ "lua:dark:disabled:text-white/30",
6466
+ // Semantic Color Tokens - Base
6467
+ "lua:bg-background",
6468
+ "lua:text-foreground",
6469
+ // Semantic Color Tokens - Card & Surface
6470
+ "lua:bg-card",
6471
+ "lua:text-card-foreground",
6472
+ "lua:border-border",
6473
+ // Semantic Color Tokens - Popover
6474
+ "lua:bg-popover",
6475
+ "lua:text-popover-foreground",
6476
+ // Semantic Color Tokens - Default (Emphasis - Black/Bold)
6477
+ "lua:bg-default",
6478
+ "lua:text-default-foreground",
6479
+ "lua:bg-default-hover",
6480
+ "lua:hover:bg-default-hover",
6481
+ "lua:bg-default-active",
6482
+ "lua:active:bg-default-active",
6483
+ "lua:[a&]:hover:bg-default-hover",
6484
+ // Semantic Color Tokens - Primary (Brand - Blue)
6485
+ "lua:bg-primary",
6486
+ "lua:text-primary-foreground",
6487
+ "lua:text-primary",
6488
+ "lua:border-primary",
6489
+ "lua:bg-primary-hover",
6490
+ "lua:hover:bg-primary",
6491
+ "lua:hover:bg-primary-hover",
6492
+ "lua:hover:text-primary-foreground",
6493
+ "lua:hover:border-primary",
6494
+ "lua:bg-primary-active",
6495
+ "lua:active:bg-primary-hover",
6496
+ "lua:active:border-primary-hover",
6497
+ "lua:[a&]:hover:bg-primary-hover",
6498
+ // Semantic Color Tokens - Secondary (Neutral - Gray)
6499
+ "lua:bg-secondary",
6500
+ "lua:text-secondary-foreground",
6501
+ "lua:bg-secondary-hover",
6502
+ "lua:hover:bg-secondary",
6503
+ "lua:hover:bg-secondary-hover",
6504
+ "lua:bg-secondary-active",
6505
+ "lua:active:bg-secondary-active",
6506
+ "lua:[a&]:hover:bg-secondary",
6507
+ "lua:[a&]:hover:bg-secondary-hover",
6508
+ // Semantic Color Tokens - Muted
6509
+ "lua:bg-muted",
6510
+ "lua:text-muted-foreground",
6511
+ // Semantic Color Tokens - Accent
6512
+ "lua:bg-accent",
6513
+ "lua:text-accent-foreground",
6514
+ // Semantic Color Tokens - Destructive (Danger - Red)
6515
+ "lua:bg-destructive",
6516
+ "lua:text-destructive-foreground",
6517
+ "lua:bg-destructive-hover",
6518
+ "lua:hover:bg-destructive-hover",
6519
+ "lua:bg-destructive-active",
6520
+ "lua:active:bg-destructive-active",
6521
+ "lua:[a&]:hover:bg-destructive-hover",
6522
+ // Semantic Color Tokens - Success (Green)
6523
+ "lua:bg-success",
6524
+ "lua:text-success-foreground",
6525
+ "lua:bg-success-hover",
6526
+ "lua:hover:bg-success-hover",
6527
+ "lua:[a&]:hover:bg-success-hover",
6528
+ // Semantic Color Tokens - Warning (Amber)
6529
+ "lua:bg-warning",
6530
+ "lua:text-warning-foreground",
6531
+ "lua:bg-warning-hover",
6532
+ "lua:hover:bg-warning-hover",
6533
+ "lua:[a&]:hover:bg-warning-hover",
6534
+ // Semantic Color Tokens - Input & Ring
6535
+ "lua:border-input",
6536
+ "lua:ring-ring",
6537
+ "lua:focus-visible:ring-ring",
6538
+ "lua:focus-visible:ring-2",
6539
+ "lua:focus-visible:ring-offset-2",
6540
+ "lua:disabled:opacity-50",
6541
+ "lua:disabled:pointer-events-none",
6283
6542
  // Dialog positioning
6284
6543
  "left-[50%]",
6285
6544
  "top-[50%]",
@@ -6357,8 +6616,9 @@ var luaniverseSafelist = [
6357
6616
  "lua:lg:border-r-2",
6358
6617
  "lua:min-h-0",
6359
6618
  // Tables
6360
- "lua:bg-gray-100",
6361
- "lua:md:hover:bg-gray-50",
6619
+ "lua:relative",
6620
+ "lua:md:hover:bg-muted",
6621
+ "lua:md:data-[state=selected]:bg-secondary",
6362
6622
  "lua:transition-colors",
6363
6623
  "lua:block",
6364
6624
  "lua:md:table-row",
@@ -6366,57 +6626,96 @@ var luaniverseSafelist = [
6366
6626
  "lua:md:table",
6367
6627
  "lua:md:table-header-group",
6368
6628
  "lua:md:table-cell",
6629
+ "lua:md:table-footer-group",
6369
6630
  "lua:[&_tr]:border-none",
6631
+ "lua:[&_tr:last-child]:border-0",
6632
+ "lua:[&>tr]:last:border-b-0",
6370
6633
  "lua:hidden",
6371
6634
  "lua:shadow-sm",
6635
+ "lua:md:shadow-none",
6372
6636
  "lua:text-sm",
6373
6637
  "lua:w-full",
6374
6638
  "lua:caption-bottom",
6375
6639
  "lua:h-11",
6376
6640
  "lua:align-middle",
6641
+ "lua:md:align-middle",
6642
+ "lua:px-4",
6377
6643
  "lua:md:px-4",
6644
+ "lua:py-3",
6645
+ "lua:px-0",
6646
+ "lua:p-4",
6647
+ "lua:md:p-0",
6648
+ "lua:text-left",
6378
6649
  "lua:md:text-left",
6379
- "lua:md:border-b",
6380
- "lua:md:border-b-0",
6381
6650
  "lua:font-medium",
6382
6651
  "lua:space-y-4",
6652
+ "lua:md:space-y-0",
6383
6653
  "lua:cursor-pointer",
6654
+ "lua:border-0",
6655
+ "lua:md:border-0",
6384
6656
  "lua:md:border-1",
6385
6657
  "lua:rounded-xl",
6658
+ "lua:rounded-lg",
6659
+ "lua:md:rounded-none",
6386
6660
  "lua:overflow-x-auto",
6387
- "lua:[&_tr:last-child]:border-0",
6388
- "last:lua:border-b-0",
6661
+ "lua:last:border-b-0",
6389
6662
  "lua:border-b",
6390
- "lua:border-gray-100",
6391
- "lua:md:border-0",
6392
- "lua:md:border-gray-200",
6663
+ "lua:md:border-b",
6664
+ "lua:md:border-b-0",
6665
+ "lua:border-t",
6393
6666
  "lua:border",
6394
- "lua:border-gray-200",
6667
+ "lua:md:bg-transparent",
6668
+ "lua:mb-4",
6669
+ "lua:md:mb-0",
6670
+ "lua:mt-4",
6671
+ "lua:md:mt-0",
6672
+ "lua:whitespace-nowrap",
6673
+ "lua:md:whitespace-nowrap",
6674
+ "lua:[&:has([role=checkbox])]:pr-0",
6675
+ "lua:[&>[role=checkbox]]:translate-y-[2px]",
6676
+ "lua:before:text-foreground",
6677
+ "lua:before:content-[attr(data-label)]",
6678
+ "lua:before:float-left",
6679
+ "lua:before:font-normal",
6680
+ "lua:before:mr-4",
6681
+ "lua:before:min-w-[100px]",
6682
+ "lua:md:before:content-none",
6683
+ // IconButton
6684
+ "lua:size-7",
6685
+ "lua:size-10",
6686
+ "lua:size-12",
6687
+ "lua:p-2",
6688
+ "lua:p-3",
6395
6689
  // Checkbox
6396
6690
  "lua:peer",
6397
- "lua:data-[state=checked]:bg-blue-600",
6398
- "lua:data-[state=checked]:text-white",
6399
- "lua:aria-[invalid=true]:border-red-500",
6400
- "lua:aria-[invalid=true]:ring-red-200",
6401
- "lua:data-[state=checked]:border-blue-600",
6691
+ "lua:h-4",
6692
+ "lua:w-4",
6693
+ "lua:shrink-0",
6694
+ "lua:rounded",
6695
+ "lua:shadow-xs",
6696
+ "lua:transition-all",
6697
+ "lua:outline-hidden",
6698
+ "lua:data-[state=checked]:bg-primary",
6699
+ "lua:data-[state=checked]:text-primary-foreground",
6700
+ "lua:data-[state=checked]:border-primary",
6701
+ "lua:aria-[invalid=true]:border-destructive",
6402
6702
  "lua:disabled:opacity-50",
6403
6703
  "lua:disabled:cursor-not-allowed",
6404
- "lua:focus-visible:ring-offset-white",
6405
6704
  "lua:focus-visible:ring-offset-2",
6406
- "lua:transition-all",
6407
- "lua:shadow-xs",
6408
- "lua:shrink-0",
6409
- "lua:bg-gray-200",
6410
- "lua:-mx-1",
6411
- "lua:my-1",
6412
- "lua:h-px",
6705
+ "lua:transition-none",
6706
+ // Switch
6707
+ "lua:data-[state=checked]:bg-primary",
6708
+ "lua:data-[state=unchecked]:bg-secondary",
6709
+ "lua:data-[state=checked]:translate-x-4",
6710
+ "lua:data-[state=unchecked]:translate-x-0",
6413
6711
  "lua:w-[var(--radix-dropdown-menu-trigger-width)]",
6414
6712
  // tabs
6415
- "lua:data-[state=active]:text-blue-600",
6713
+ "lua:data-[state=active]:bg-accent-subtle",
6714
+ "lua:data-[state=active]:text-accent-subtle-foreground",
6715
+ "lua:data-[state=active]:hover:bg-accent-subtle-hover",
6416
6716
  "lua:data-[state=active]:border-b-2",
6417
- "lua:data-[state=active]:border-blue-600",
6418
6717
  "lua:data-[state=active]:-mb-px",
6419
- "lua:hover:text-gray-900",
6718
+ "lua:hover:bg-secondary",
6420
6719
  "lua:disabled:pointer-events-none",
6421
6720
  "lua:focus-visible:outline-hidden",
6422
6721
  "lua:whitespace-nowrap",
@@ -6425,10 +6724,11 @@ var luaniverseSafelist = [
6425
6724
  "lua:inline-flex",
6426
6725
  "lua:rounded-full",
6427
6726
  "lua:py-1",
6428
- "lua:data-[state=active]:bg-blue-50",
6429
- "lua:data-[state=active]:text-blue-800",
6430
- "lua:data-[state=active]:hover:bg-blue-100",
6431
- "lua:hover:bg-gray-100",
6727
+ "lua:px-3",
6728
+ "lua:text-sm",
6729
+ "lua:font-medium",
6730
+ "lua:mt-2",
6731
+ "lua:flex-wrap",
6432
6732
  // carousel
6433
6733
  "lua:justify-center",
6434
6734
  "lua:overflow-hidden",
@@ -6459,8 +6759,7 @@ var luaniverseSafelist = [
6459
6759
  "lua:z-50",
6460
6760
  "lua:backdrop-blur-sm",
6461
6761
  "lua:bg-black/80",
6462
- "lua:data-[state=open]:bg-gray-100",
6463
- "lua:focus:ring-blue-600",
6762
+ "lua:data-[state=open]:bg-secondary",
6464
6763
  "lua:focus:outline-hidden",
6465
6764
  "lua:hover:opacity-100",
6466
6765
  "lua:transition-opacity",
@@ -6501,14 +6800,10 @@ var luaniverseSafelist = [
6501
6800
  "lua:max-h-96",
6502
6801
  "lua:min-w-32",
6503
6802
  // slider
6504
- "lua:disabled:bg-gray-200",
6803
+ "lua:disabled:bg-muted",
6505
6804
  "lua:hover:shadow-xl",
6506
6805
  "lua:hover:scale-105",
6507
6806
  "lua:active:scale-95",
6508
- "lua:bg-gradient-to-r",
6509
- "lua:from-blue-600",
6510
- "lua:to-purple-600",
6511
- "lua:bg-purple-600",
6512
6807
  // input
6513
6808
  "lua:text-gray-600",
6514
6809
  "lua:cursor-not-allowed",
@@ -6524,38 +6819,119 @@ var luaniverseSafelist = [
6524
6819
  "lua:bg-transparent",
6525
6820
  "lua:px-3",
6526
6821
  "lua:text-base",
6527
- "file:lua:border-0",
6528
- "file:lua:bg-transparent",
6529
- "file:lua:text-sm",
6530
- "file:lua:font-medium",
6531
- "file:lua:text-gray-900",
6532
- "placeholder:lua:text-gray-500",
6533
- "focus-visible:lua:outline-hidden",
6534
- "focus-visible:lua:ring-2",
6535
- "focus-visible:lua:ring-offset-2",
6536
- "focus-visible:lua:ring-offset-white",
6822
+ "lua:file:border-0",
6823
+ "lua:file:bg-transparent",
6824
+ "lua:file:text-sm",
6825
+ "lua:file:font-medium",
6826
+ "lua:file:text-foreground",
6827
+ "lua:placeholder:text-muted-foreground",
6828
+ "lua:focus-visible:outline-hidden",
6829
+ "lua:focus-visible:ring-2",
6830
+ "lua:focus-visible:ring-offset-2",
6831
+ "lua:focus-visible:ring-offset-white",
6832
+ "lua:focus-visible:ring-offset-background",
6537
6833
  "lua:border-gray-300",
6538
- "focus-visible:lua:ring-blue-600",
6834
+ "lua:border-input",
6835
+ "lua:focus-visible:ring-ring",
6539
6836
  "lua:border-red-600",
6540
- "focus-visible:lua:ring-red-600",
6837
+ "lua:border-destructive",
6838
+ "lua:focus-visible:ring-destructive",
6541
6839
  "lua:border-green-500",
6542
- "focus-visible:lua:ring-green-500",
6840
+ "lua:border-success",
6841
+ "lua:focus-visible:ring-success",
6543
6842
  "lua:opacity-50",
6544
- "placeholder:lua:text-gray-400",
6545
6843
  "lua:pr-10",
6546
- "md:lua:text-sm",
6844
+ "lua:md:text-sm",
6547
6845
  "lua:right-3",
6548
6846
  "lua:mt-2",
6549
6847
  "lua:text-red-600",
6550
6848
  "lua:text-green-600",
6849
+ "lua:text-success",
6850
+ // Textarea
6851
+ "lua:min-h-16",
6852
+ "lua:resize-none",
6853
+ "lua:resize-y",
6854
+ "lua:resize-x",
6855
+ "lua:resize",
6856
+ "lua:py-2",
6857
+ "lua:duration-200",
6551
6858
  // Tooltip
6552
- "lua:rounded-lg"
6859
+ "lua:z-50",
6860
+ "lua:overflow-hidden",
6861
+ "lua:px-3",
6862
+ "lua:py-2",
6863
+ "lua:text-xs",
6864
+ "lua:transition-all",
6865
+ "lua:duration-200",
6866
+ "lua:shadow-lg",
6867
+ "lua:rounded-lg",
6868
+ "lua:fill-popover",
6869
+ "lua:stroke-border",
6870
+ // Calendar
6871
+ "lua:aspect-square",
6872
+ "lua:border-collapse",
6873
+ "lua:group/calendar",
6874
+ "lua:group/day",
6875
+ "lua:mt-1",
6876
+ "lua:inset-x-0",
6877
+ "lua:aria-selected:text-muted-foreground",
6878
+ "lua:invisible",
6879
+ "lua:[&>svg]:text-muted-foreground",
6880
+ "lua:[&>svg]:size-3",
6881
+ "lua:pl-2",
6882
+ "lua:pr-1",
6883
+ "lua:ring-offset-background",
6884
+ "lua:placeholder:text-muted-foreground",
6885
+ "lua:line-clamp-1",
6886
+ "lua:md:grid-cols-2",
6887
+ "lua:grid-cols-2",
6888
+ "lua:cursor-not-allowed",
6889
+ "lua:font-semibold",
6890
+ // Dialog
6891
+ "lua:sm:max-w-[425px]",
6892
+ "lua:sm:max-w-[500px]",
6893
+ "lua:grid-cols-4",
6894
+ "lua:col-span-3",
6895
+ "lua:space-y-3",
6896
+ "lua:space-y-2",
6897
+ "lua:py-0.5",
6898
+ // Select
6899
+ "lua:rotate-90",
6900
+ "lua:rotate-270",
6901
+ "lua:data-[state=open]:animate-in",
6902
+ "lua:data-[state=closed]:animate-out",
6903
+ "lua:data-[state=closed]:fade-out-0",
6904
+ "lua:data-[state=open]:fade-in-0",
6905
+ "lua:data-[state=closed]:zoom-out-95",
6906
+ "lua:data-[state=open]:zoom-in-95",
6907
+ "lua:data-disabled:pointer-events-none",
6908
+ "lua:data-disabled:opacity-50",
6909
+ "lua:has-disabled:opacity-50",
6910
+ "lua:[&>span]:line-clamp-1",
6911
+ // Pagination
6912
+ "lua:no-underline",
6913
+ "lua:w-auto",
6914
+ "lua:sm:inline",
6915
+ "lua:active:bg-default-active",
6916
+ // MultiSelect
6917
+ "lua:w-[var(--radix-dropdown-menu-trigger-width)]",
6918
+ "lua:overflow-y-auto",
6919
+ "lua:overflow-x-hidden",
6920
+ "lua:max-h-96",
6921
+ "lua:line-clamp-1",
6922
+ // Popover
6923
+ "lua:w-80",
6924
+ "lua:data-[side=bottom]:slide-in-from-top-2",
6925
+ "lua:data-[side=left]:slide-in-from-right-2",
6926
+ "lua:data-[side=right]:slide-in-from-left-2",
6927
+ "lua:data-[side=top]:slide-in-from-bottom-2",
6928
+ "lua:duration-200"
6553
6929
  ];
6554
6930
 
6555
6931
  // src/tailwind.preset.js
6556
6932
  var luaniversePreset = {
6557
- // Dark mode disabled globally
6558
- darkMode: false,
6933
+ // Dark mode enabled using class strategy
6934
+ darkMode: "class",
6559
6935
  // Safelist story-specific arbitrary values that are hard to standardize
6560
6936
  safelist: luaniverseSafelist,
6561
6937
  theme: {