@pelatform/ui 1.5.1 → 1.5.3

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.
@@ -361,12 +361,369 @@ function AlertDialogCancel({
361
361
  );
362
362
  }
363
363
 
364
- // src/ui/default/dialog.tsx
364
+ // src/ui/default/card.tsx
365
+ import * as React from "react";
365
366
  import { cva as cva2 } from "class-variance-authority";
367
+ import { jsx as jsx3 } from "react/jsx-runtime";
368
+ var CardContext = React.createContext({
369
+ variant: "default"
370
+ // Default value
371
+ });
372
+ var useCardContext = () => {
373
+ const context = React.useContext(CardContext);
374
+ if (!context) {
375
+ throw new Error("useCardContext must be used within a Card component");
376
+ }
377
+ return context;
378
+ };
379
+ var cardVariants = cva2("flex flex-col items-stretch text-card-foreground rounded-xl", {
380
+ variants: {
381
+ variant: {
382
+ default: "bg-card border border-border shadow-xs black/5",
383
+ accent: "bg-muted shadow-xs p-1"
384
+ }
385
+ },
386
+ defaultVariants: {
387
+ variant: "default"
388
+ }
389
+ });
390
+ var cardHeaderVariants = cva2(
391
+ "flex items-center justify-between flex-wrap px-5 min-h-14 gap-2.5",
392
+ {
393
+ variants: {
394
+ variant: {
395
+ default: "border-b border-border",
396
+ accent: ""
397
+ }
398
+ },
399
+ defaultVariants: {
400
+ variant: "default"
401
+ }
402
+ }
403
+ );
404
+ var cardContentVariants = cva2("grow p-5", {
405
+ variants: {
406
+ variant: {
407
+ default: "",
408
+ accent: "bg-card rounded-t-xl last:rounded-b-xl"
409
+ }
410
+ },
411
+ defaultVariants: {
412
+ variant: "default"
413
+ }
414
+ });
415
+ var cardTableVariants = cva2("grid grow", {
416
+ variants: {
417
+ variant: {
418
+ default: "",
419
+ accent: "bg-card rounded-xl"
420
+ }
421
+ },
422
+ defaultVariants: {
423
+ variant: "default"
424
+ }
425
+ });
426
+ var cardFooterVariants = cva2("flex items-center px-5 min-h-14", {
427
+ variants: {
428
+ variant: {
429
+ default: "border-t border-border",
430
+ accent: "bg-card rounded-b-xl mt-0.5"
431
+ }
432
+ },
433
+ defaultVariants: {
434
+ variant: "default"
435
+ }
436
+ });
437
+ function Card({
438
+ className,
439
+ variant = "default",
440
+ ...props
441
+ }) {
442
+ return /* @__PURE__ */ jsx3(CardContext.Provider, { value: { variant: variant || "default" }, children: /* @__PURE__ */ jsx3("div", { "data-slot": "card", className: cn(cardVariants({ variant }), className), ...props }) });
443
+ }
444
+ function CardHeader({ className, ...props }) {
445
+ const { variant } = useCardContext();
446
+ return /* @__PURE__ */ jsx3(
447
+ "div",
448
+ {
449
+ "data-slot": "card-header",
450
+ className: cn(cardHeaderVariants({ variant }), className),
451
+ ...props
452
+ }
453
+ );
454
+ }
455
+ function CardContent({ className, ...props }) {
456
+ const { variant } = useCardContext();
457
+ return /* @__PURE__ */ jsx3(
458
+ "div",
459
+ {
460
+ "data-slot": "card-content",
461
+ className: cn(cardContentVariants({ variant }), className),
462
+ ...props
463
+ }
464
+ );
465
+ }
466
+ function CardTable({ className, ...props }) {
467
+ const { variant } = useCardContext();
468
+ return /* @__PURE__ */ jsx3(
469
+ "div",
470
+ {
471
+ "data-slot": "card-table",
472
+ className: cn(cardTableVariants({ variant }), className),
473
+ ...props
474
+ }
475
+ );
476
+ }
477
+ function CardFooter({ className, ...props }) {
478
+ const { variant } = useCardContext();
479
+ return /* @__PURE__ */ jsx3(
480
+ "div",
481
+ {
482
+ "data-slot": "card-footer",
483
+ className: cn(cardFooterVariants({ variant }), className),
484
+ ...props
485
+ }
486
+ );
487
+ }
488
+ function CardHeading({ className, ...props }) {
489
+ return /* @__PURE__ */ jsx3("div", { "data-slot": "card-heading", className: cn("space-y-1", className), ...props });
490
+ }
491
+ function CardToolbar({ className, ...props }) {
492
+ return /* @__PURE__ */ jsx3(
493
+ "div",
494
+ {
495
+ "data-slot": "card-toolbar",
496
+ className: cn("flex items-center gap-2.5", className),
497
+ ...props
498
+ }
499
+ );
500
+ }
501
+ function CardTitle({ className, ...props }) {
502
+ return /* @__PURE__ */ jsx3(
503
+ "h3",
504
+ {
505
+ "data-slot": "card-title",
506
+ className: cn("font-semibold text-base leading-none tracking-tight", className),
507
+ ...props
508
+ }
509
+ );
510
+ }
511
+ function CardDescription({ className, ...props }) {
512
+ return /* @__PURE__ */ jsx3(
513
+ "div",
514
+ {
515
+ "data-slot": "card-description",
516
+ className: cn("text-muted-foreground text-sm", className),
517
+ ...props
518
+ }
519
+ );
520
+ }
521
+
522
+ // src/ui/default/badge.tsx
523
+ import { cva as cva3 } from "class-variance-authority";
524
+ import { Slot as SlotPrimitive } from "radix-ui";
525
+ import { jsx as jsx4 } from "react/jsx-runtime";
526
+ var badgeVariants = cva3(
527
+ "inline-flex items-center whitespace-nowrap justify-center border border-transparent font-medium focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 [&_svg]:-ms-px [&_svg]:shrink-0",
528
+ {
529
+ variants: {
530
+ variant: {
531
+ primary: "bg-primary text-primary-foreground",
532
+ secondary: "bg-secondary text-secondary-foreground",
533
+ success: "bg-[var(--color-success-accent,var(--color-green-500))] text-[var(--color-success-foreground,var(--color-white))]",
534
+ warning: "bg-[var(--color-warning-accent,var(--color-yellow-500))] text-[var(--color-warning-foreground,var(--color-white))]",
535
+ info: "bg-[var(--color-info-accent,var(--color-violet-500))] text-[var(--color-info-foreground,var(--color-white))]",
536
+ outline: "bg-transparent border border-border text-secondary-foreground",
537
+ destructive: "bg-destructive text-destructive-foreground"
538
+ },
539
+ appearance: {
540
+ default: "",
541
+ light: "",
542
+ outline: "",
543
+ ghost: "border-transparent bg-transparent"
544
+ },
545
+ disabled: {
546
+ true: "opacity-50 pointer-events-none"
547
+ },
548
+ size: {
549
+ lg: "rounded-md px-[0.5rem] h-7 min-w-7 gap-1.5 text-xs [&_svg]:size-3.5",
550
+ md: "rounded-md px-[0.45rem] h-6 min-w-6 gap-1.5 text-xs [&_svg]:size-3.5 ",
551
+ sm: "rounded-sm px-[0.325rem] h-5 min-w-5 gap-1 text-[0.6875rem] leading-[0.75rem] [&_svg]:size-3",
552
+ xs: "rounded-sm px-[0.25rem] h-4 min-w-4 gap-1 text-[0.625rem] leading-[0.5rem] [&_svg]:size-3"
553
+ },
554
+ shape: {
555
+ default: "",
556
+ circle: "rounded-full"
557
+ }
558
+ },
559
+ compoundVariants: [
560
+ /* Light */
561
+ {
562
+ variant: "primary",
563
+ appearance: "light",
564
+ className: "text-[var(--color-primary-accent,var(--color-blue-700))] bg-[var(--color-primary-soft,var(--color-blue-50))] dark:bg-[var(--color-primary-soft,var(--color-blue-950))] dark:text-[var(--color-primary-soft,var(--color-blue-600))]"
565
+ },
566
+ {
567
+ variant: "secondary",
568
+ appearance: "light",
569
+ className: "bg-secondary dark:bg-secondary/50 text-secondary-foreground"
570
+ },
571
+ {
572
+ variant: "success",
573
+ appearance: "light",
574
+ className: "text-[var(--color-success-accent,var(--color-green-800))] bg-[var(--color-success-soft,var(--color-green-100))] dark:bg-[var(--color-success-soft,var(--color-green-950))] dark:text-[var(--color-success-soft,var(--color-green-600))]"
575
+ },
576
+ {
577
+ variant: "warning",
578
+ appearance: "light",
579
+ className: "text-[var(--color-warning-accent,var(--color-yellow-700))] bg-[var(--color-warning-soft,var(--color-yellow-100))] dark:bg-[var(--color-warning-soft,var(--color-yellow-950))] dark:text-[var(--color-warning-soft,var(--color-yellow-600))]"
580
+ },
581
+ {
582
+ variant: "info",
583
+ appearance: "light",
584
+ className: "text-[var(--color-info-accent,var(--color-violet-700))] bg-[var(--color-info-soft,var(--color-violet-100))] dark:bg-[var(--color-info-soft,var(--color-violet-950))] dark:text-[var(--color-info-soft,var(--color-violet-400))]"
585
+ },
586
+ {
587
+ variant: "destructive",
588
+ appearance: "light",
589
+ className: "text-[var(--color-destructive-accent,var(--color-red-700))] bg-[var(--color-destructive-soft,var(--color-red-50))] dark:bg-[var(--color-destructive-soft,var(--color-red-950))] dark:text-[var(--color-destructive-soft,var(--color-red-600))]"
590
+ },
591
+ /* Outline */
592
+ {
593
+ variant: "primary",
594
+ appearance: "outline",
595
+ className: "text-[var(--color-primary-accent,var(--color-blue-700))] border-[var(--color-primary-soft,var(--color-blue-100))] bg-[var(--color-primary-soft,var(--color-blue-50))] dark:bg-[var(--color-primary-soft,var(--color-blue-950))] dark:border-[var(--color-primary-soft,var(--color-blue-900))] dark:text-[var(--color-primary-soft,var(--color-blue-600))]"
596
+ },
597
+ {
598
+ variant: "success",
599
+ appearance: "outline",
600
+ className: "text-[var(--color-success-accent,var(--color-green-700))] border-[var(--color-success-soft,var(--color-green-200))] bg-[var(--color-success-soft,var(--color-green-50))] dark:bg-[var(--color-success-soft,var(--color-green-950))] dark:border-[var(--color-success-soft,var(--color-green-900))] dark:text-[var(--color-success-soft,var(--color-green-600))]"
601
+ },
602
+ {
603
+ variant: "warning",
604
+ appearance: "outline",
605
+ className: "text-[var(--color-warning-accent,var(--color-yellow-700))] border-[var(--color-warning-soft,var(--color-yellow-200))] bg-[var(--color-warning-soft,var(--color-yellow-50))] dark:bg-[var(--color-warning-soft,var(--color-yellow-950))] dark:border-[var(--color-warning-soft,var(--color-yellow-900))] dark:text-[var(--color-warning-soft,var(--color-yellow-600))]"
606
+ },
607
+ {
608
+ variant: "info",
609
+ appearance: "outline",
610
+ className: "text-[var(--color-info-accent,var(--color-violet-700))] border-[var(--color-info-soft,var(--color-violet-100))] bg-[var(--color-info-soft,var(--color-violet-50))] dark:bg-[var(--color-info-soft,var(--color-violet-950))] dark:border-[var(--color-info-soft,var(--color-violet-900))] dark:text-[var(--color-info-soft,var(--color-violet-400))]"
611
+ },
612
+ {
613
+ variant: "destructive",
614
+ appearance: "outline",
615
+ className: "text-[var(--color-destructive-accent,var(--color-red-700))] border-[var(--color-destructive-soft,var(--color-red-100))] bg-[var(--color-destructive-soft,var(--color-red-50))] dark:bg-[var(--color-destructive-soft,var(--color-red-950))] dark:border-[var(--color-destructive-soft,var(--color-red-900))] dark:text-[var(--color-destructive-soft,var(--color-red-600))]"
616
+ },
617
+ /* Ghost */
618
+ {
619
+ variant: "primary",
620
+ appearance: "ghost",
621
+ className: "text-primary"
622
+ },
623
+ {
624
+ variant: "secondary",
625
+ appearance: "ghost",
626
+ className: "text-secondary-foreground"
627
+ },
628
+ {
629
+ variant: "success",
630
+ appearance: "ghost",
631
+ className: "text-[var(--color-success-accent,var(--color-green-500))]"
632
+ },
633
+ {
634
+ variant: "warning",
635
+ appearance: "ghost",
636
+ className: "text-[var(--color-warning-accent,var(--color-yellow-500))]"
637
+ },
638
+ {
639
+ variant: "info",
640
+ appearance: "ghost",
641
+ className: "text-[var(--color-info-accent,var(--color-violet-500))]"
642
+ },
643
+ {
644
+ variant: "destructive",
645
+ appearance: "ghost",
646
+ className: "text-destructive"
647
+ },
648
+ { size: "lg", appearance: "ghost", className: "px-0" },
649
+ { size: "md", appearance: "ghost", className: "px-0" },
650
+ { size: "sm", appearance: "ghost", className: "px-0" },
651
+ { size: "xs", appearance: "ghost", className: "px-0" }
652
+ ],
653
+ defaultVariants: {
654
+ variant: "primary",
655
+ appearance: "default",
656
+ size: "md"
657
+ }
658
+ }
659
+ );
660
+ var badgeButtonVariants = cva3(
661
+ "cursor-pointer transition-all inline-flex items-center justify-center leading-none size-3.5 [&>svg]:opacity-100! [&>svg]:size-3.5! p-0 rounded-md -me-0.5 opacity-60 hover:opacity-100",
662
+ {
663
+ variants: {
664
+ variant: {
665
+ default: ""
666
+ }
667
+ },
668
+ defaultVariants: {
669
+ variant: "default"
670
+ }
671
+ }
672
+ );
673
+ function Badge({
674
+ className,
675
+ variant,
676
+ size,
677
+ appearance,
678
+ shape,
679
+ asChild = false,
680
+ disabled,
681
+ ...props
682
+ }) {
683
+ const Comp = asChild ? SlotPrimitive.Slot : "span";
684
+ return /* @__PURE__ */ jsx4(
685
+ Comp,
686
+ {
687
+ "data-slot": "badge",
688
+ className: cn(badgeVariants({ variant, size, appearance, shape, disabled }), className),
689
+ ...props
690
+ }
691
+ );
692
+ }
693
+ function BadgeButton({
694
+ className,
695
+ variant,
696
+ asChild = false,
697
+ ...props
698
+ }) {
699
+ const Comp = asChild ? SlotPrimitive.Slot : "span";
700
+ return /* @__PURE__ */ jsx4(
701
+ Comp,
702
+ {
703
+ "data-slot": "badge-button",
704
+ className: cn(badgeButtonVariants({ variant, className })),
705
+ role: "button",
706
+ ...props
707
+ }
708
+ );
709
+ }
710
+ function BadgeDot({ className, ...props }) {
711
+ return /* @__PURE__ */ jsx4(
712
+ "span",
713
+ {
714
+ "data-slot": "badge-dot",
715
+ className: cn("size-1.5 rounded-full bg-[currentColor] opacity-75", className),
716
+ ...props
717
+ }
718
+ );
719
+ }
720
+
721
+ // src/ui/default/dialog.tsx
722
+ import { cva as cva4 } from "class-variance-authority";
366
723
  import { X as X2 } from "lucide-react";
367
724
  import { Dialog as DialogPrimitive } from "radix-ui";
368
- import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
369
- var dialogContentVariants = cva2(
725
+ import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
726
+ var dialogContentVariants = cva4(
370
727
  "flex flex-col fixed outline-0 z-50 border border-border bg-background p-6 shadow-lg shadow-black/5 duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 sm:rounded-lg",
371
728
  {
372
729
  variants: {
@@ -381,22 +738,22 @@ var dialogContentVariants = cva2(
381
738
  }
382
739
  );
383
740
  function Dialog({ ...props }) {
384
- return /* @__PURE__ */ jsx3(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
741
+ return /* @__PURE__ */ jsx5(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
385
742
  }
386
743
  function DialogTrigger({ ...props }) {
387
- return /* @__PURE__ */ jsx3(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
744
+ return /* @__PURE__ */ jsx5(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
388
745
  }
389
746
  function DialogPortal({ ...props }) {
390
- return /* @__PURE__ */ jsx3(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
747
+ return /* @__PURE__ */ jsx5(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
391
748
  }
392
749
  function DialogClose({ ...props }) {
393
- return /* @__PURE__ */ jsx3(DialogPrimitive.Close, { "data-slot": "dialog-close", ...props });
750
+ return /* @__PURE__ */ jsx5(DialogPrimitive.Close, { "data-slot": "dialog-close", ...props });
394
751
  }
395
752
  function DialogOverlay({
396
753
  className,
397
754
  ...props
398
755
  }) {
399
- return /* @__PURE__ */ jsx3(
756
+ return /* @__PURE__ */ jsx5(
400
757
  DialogPrimitive.Overlay,
401
758
  {
402
759
  "data-slot": "dialog-overlay",
@@ -417,7 +774,7 @@ function DialogContent({
417
774
  ...props
418
775
  }) {
419
776
  return /* @__PURE__ */ jsxs3(DialogPortal, { children: [
420
- overlay && /* @__PURE__ */ jsx3(DialogOverlay, {}),
777
+ overlay && /* @__PURE__ */ jsx5(DialogOverlay, {}),
421
778
  /* @__PURE__ */ jsxs3(
422
779
  DialogPrimitive.Content,
423
780
  {
@@ -427,15 +784,15 @@ function DialogContent({
427
784
  children: [
428
785
  children,
429
786
  showCloseButton && /* @__PURE__ */ jsxs3(DialogClose, { className: "absolute end-5 top-5 cursor-pointer rounded-sm opacity-60 outline-0 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
430
- /* @__PURE__ */ jsx3(X2, { className: "size-4" }),
431
- /* @__PURE__ */ jsx3("span", { className: "sr-only", children: "Close" })
787
+ /* @__PURE__ */ jsx5(X2, { className: "size-4" }),
788
+ /* @__PURE__ */ jsx5("span", { className: "sr-only", children: "Close" })
432
789
  ] })
433
790
  ]
434
791
  }
435
792
  )
436
793
  ] });
437
794
  }
438
- var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx3(
795
+ var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx5(
439
796
  "div",
440
797
  {
441
798
  "data-slot": "dialog-header",
@@ -443,7 +800,7 @@ var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx3(
443
800
  ...props
444
801
  }
445
802
  );
446
- var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx3(
803
+ var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx5(
447
804
  "div",
448
805
  {
449
806
  "data-slot": "dialog-footer",
@@ -455,7 +812,7 @@ var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx3(
455
812
  }
456
813
  );
457
814
  function DialogTitle({ className, ...props }) {
458
- return /* @__PURE__ */ jsx3(
815
+ return /* @__PURE__ */ jsx5(
459
816
  DialogPrimitive.Title,
460
817
  {
461
818
  "data-slot": "dialog-title",
@@ -464,12 +821,12 @@ function DialogTitle({ className, ...props }) {
464
821
  }
465
822
  );
466
823
  }
467
- var DialogBody = ({ className, ...props }) => /* @__PURE__ */ jsx3("div", { "data-slot": "dialog-body", className: cn("grow", className), ...props });
824
+ var DialogBody = ({ className, ...props }) => /* @__PURE__ */ jsx5("div", { "data-slot": "dialog-body", className: cn("grow", className), ...props });
468
825
  function DialogDescription({
469
826
  className,
470
827
  ...props
471
828
  }) {
472
- return /* @__PURE__ */ jsx3(
829
+ return /* @__PURE__ */ jsx5(
473
830
  DialogPrimitive.Description,
474
831
  {
475
832
  "data-slot": "dialog-description",
@@ -482,9 +839,9 @@ function DialogDescription({
482
839
  // src/ui/default/command.tsx
483
840
  import { Command as CommandPrimitive } from "cmdk";
484
841
  import { Check, Search } from "lucide-react";
485
- import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
842
+ import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
486
843
  function Command({ className, ...props }) {
487
- return /* @__PURE__ */ jsx4(
844
+ return /* @__PURE__ */ jsx6(
488
845
  CommandPrimitive,
489
846
  {
490
847
  className: cn(
@@ -496,9 +853,9 @@ function Command({ className, ...props }) {
496
853
  );
497
854
  }
498
855
  var CommandDialog = ({ children, className, ...props }) => {
499
- return /* @__PURE__ */ jsx4(Dialog, { ...props, children: /* @__PURE__ */ jsxs4(DialogContent, { className: cn("overflow-hidden p-0 shadow-lg", className), children: [
500
- /* @__PURE__ */ jsx4(DialogTitle, { className: "hidden" }),
501
- /* @__PURE__ */ jsx4(Command, { className: "[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5 **:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:font-medium **:[[cmdk-group-heading]]:text-muted-foreground **:[[cmdk-group]]:px-2 **:[[cmdk-input]]:h-12 **:[[cmdk-item]]:px-2 **:[[cmdk-item]]:py-3", children })
856
+ return /* @__PURE__ */ jsx6(Dialog, { ...props, children: /* @__PURE__ */ jsxs4(DialogContent, { className: cn("overflow-hidden p-0 shadow-lg", className), children: [
857
+ /* @__PURE__ */ jsx6(DialogTitle, { className: "hidden" }),
858
+ /* @__PURE__ */ jsx6(Command, { className: "[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5 **:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:font-medium **:[[cmdk-group-heading]]:text-muted-foreground **:[[cmdk-group]]:px-2 **:[[cmdk-input]]:h-12 **:[[cmdk-item]]:px-2 **:[[cmdk-item]]:py-3", children })
502
859
  ] }) });
503
860
  };
504
861
  function CommandInput({
@@ -512,8 +869,8 @@ function CommandInput({
512
869
  "cmdk-input-wrapper": "",
513
870
  "data-slot": "command-input",
514
871
  children: [
515
- /* @__PURE__ */ jsx4(Search, { className: "me-2 h-4 w-4 shrink-0 opacity-50" }),
516
- /* @__PURE__ */ jsx4(
872
+ /* @__PURE__ */ jsx6(Search, { className: "me-2 h-4 w-4 shrink-0 opacity-50" }),
873
+ /* @__PURE__ */ jsx6(
517
874
  CommandPrimitive.Input,
518
875
  {
519
876
  className: cn(
@@ -528,7 +885,7 @@ function CommandInput({
528
885
  );
529
886
  }
530
887
  function CommandList({ className, ...props }) {
531
- return /* @__PURE__ */ jsx4(
888
+ return /* @__PURE__ */ jsx6(
532
889
  CommandPrimitive.List,
533
890
  {
534
891
  "data-slot": "command-list",
@@ -538,7 +895,7 @@ function CommandList({ className, ...props }) {
538
895
  );
539
896
  }
540
897
  function CommandEmpty({ ...props }) {
541
- return /* @__PURE__ */ jsx4(
898
+ return /* @__PURE__ */ jsx6(
542
899
  CommandPrimitive.Empty,
543
900
  {
544
901
  "data-slot": "command-empty",
@@ -551,7 +908,7 @@ function CommandGroup({
551
908
  className,
552
909
  ...props
553
910
  }) {
554
- return /* @__PURE__ */ jsx4(
911
+ return /* @__PURE__ */ jsx6(
555
912
  CommandPrimitive.Group,
556
913
  {
557
914
  "data-slot": "command-group",
@@ -567,7 +924,7 @@ function CommandSeparator({
567
924
  className,
568
925
  ...props
569
926
  }) {
570
- return /* @__PURE__ */ jsx4(
927
+ return /* @__PURE__ */ jsx6(
571
928
  CommandPrimitive.Separator,
572
929
  {
573
930
  "data-slot": "command-separator",
@@ -577,7 +934,7 @@ function CommandSeparator({
577
934
  );
578
935
  }
579
936
  function CommandItem({ className, ...props }) {
580
- return /* @__PURE__ */ jsx4(
937
+ return /* @__PURE__ */ jsx6(
581
938
  CommandPrimitive.Item,
582
939
  {
583
940
  "data-slot": "command-item",
@@ -591,7 +948,7 @@ function CommandItem({ className, ...props }) {
591
948
  );
592
949
  }
593
950
  var CommandShortcut = ({ className, ...props }) => {
594
- return /* @__PURE__ */ jsx4(
951
+ return /* @__PURE__ */ jsx6(
595
952
  "span",
596
953
  {
597
954
  "data-slot": "command-shortcut",
@@ -601,7 +958,7 @@ var CommandShortcut = ({ className, ...props }) => {
601
958
  );
602
959
  };
603
960
  function CommandCheck({ icon: Icon = Check, className, ...props }) {
604
- return /* @__PURE__ */ jsx4(
961
+ return /* @__PURE__ */ jsx6(
605
962
  Icon,
606
963
  {
607
964
  "data-slot": "command-check",
@@ -615,19 +972,19 @@ function CommandCheck({ icon: Icon = Check, className, ...props }) {
615
972
  // src/ui/default/dropdown-menu.tsx
616
973
  import { Check as Check2, ChevronRight, Circle } from "lucide-react";
617
974
  import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
618
- import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
975
+ import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
619
976
  function DropdownMenu({ ...props }) {
620
- return /* @__PURE__ */ jsx5(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
977
+ return /* @__PURE__ */ jsx7(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
621
978
  }
622
979
  function DropdownMenuPortal({
623
980
  ...props
624
981
  }) {
625
- return /* @__PURE__ */ jsx5(DropdownMenuPrimitive.Portal, { "data-slot": "dropdown-menu-portal", ...props });
982
+ return /* @__PURE__ */ jsx7(DropdownMenuPrimitive.Portal, { "data-slot": "dropdown-menu-portal", ...props });
626
983
  }
627
984
  function DropdownMenuTrigger({
628
985
  ...props
629
986
  }) {
630
- return /* @__PURE__ */ jsx5(
987
+ return /* @__PURE__ */ jsx7(
631
988
  DropdownMenuPrimitive.Trigger,
632
989
  {
633
990
  className: "select-none",
@@ -658,7 +1015,7 @@ function DropdownMenuSubTrigger({
658
1015
  ...props,
659
1016
  children: [
660
1017
  children,
661
- /* @__PURE__ */ jsx5(
1018
+ /* @__PURE__ */ jsx7(
662
1019
  ChevronRight,
663
1020
  {
664
1021
  "data-slot": "dropdown-menu-sub-trigger-indicator",
@@ -673,7 +1030,7 @@ function DropdownMenuSubContent({
673
1030
  className,
674
1031
  ...props
675
1032
  }) {
676
- return /* @__PURE__ */ jsx5(
1033
+ return /* @__PURE__ */ jsx7(
677
1034
  DropdownMenuPrimitive.SubContent,
678
1035
  {
679
1036
  "data-slot": "dropdown-menu-sub-content",
@@ -690,7 +1047,7 @@ function DropdownMenuContent({
690
1047
  sideOffset = 4,
691
1048
  ...props
692
1049
  }) {
693
- return /* @__PURE__ */ jsx5(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx5(
1050
+ return /* @__PURE__ */ jsx7(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx7(
694
1051
  DropdownMenuPrimitive.Content,
695
1052
  {
696
1053
  "data-slot": "dropdown-menu-content",
@@ -704,7 +1061,7 @@ function DropdownMenuContent({
704
1061
  ) });
705
1062
  }
706
1063
  function DropdownMenuGroup({ ...props }) {
707
- return /* @__PURE__ */ jsx5(DropdownMenuPrimitive.Group, { "data-slot": "dropdown-menu-group", ...props });
1064
+ return /* @__PURE__ */ jsx7(DropdownMenuPrimitive.Group, { "data-slot": "dropdown-menu-group", ...props });
708
1065
  }
709
1066
  function DropdownMenuItem({
710
1067
  className,
@@ -712,7 +1069,7 @@ function DropdownMenuItem({
712
1069
  variant,
713
1070
  ...props
714
1071
  }) {
715
- return /* @__PURE__ */ jsx5(
1072
+ return /* @__PURE__ */ jsx7(
716
1073
  DropdownMenuPrimitive.Item,
717
1074
  {
718
1075
  "data-slot": "dropdown-menu-item",
@@ -745,7 +1102,7 @@ function DropdownMenuCheckboxItem({
745
1102
  checked,
746
1103
  ...props,
747
1104
  children: [
748
- /* @__PURE__ */ jsx5("span", { className: "absolute start-2 flex h-3.5 w-3.5 items-center justify-center text-muted-foreground", children: /* @__PURE__ */ jsx5(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx5(Check2, { className: "h-4 w-4 text-primary" }) }) }),
1105
+ /* @__PURE__ */ jsx7("span", { className: "absolute start-2 flex h-3.5 w-3.5 items-center justify-center text-muted-foreground", children: /* @__PURE__ */ jsx7(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx7(Check2, { className: "h-4 w-4 text-primary" }) }) }),
749
1106
  children
750
1107
  ]
751
1108
  }
@@ -766,7 +1123,7 @@ function DropdownMenuRadioItem({
766
1123
  ),
767
1124
  ...props,
768
1125
  children: [
769
- /* @__PURE__ */ jsx5("span", { className: "absolute start-1.5 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx5(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx5(Circle, { className: "h-1.5 w-1.5 fill-primary stroke-primary" }) }) }),
1126
+ /* @__PURE__ */ jsx7("span", { className: "absolute start-1.5 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx7(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx7(Circle, { className: "h-1.5 w-1.5 fill-primary stroke-primary" }) }) }),
770
1127
  children
771
1128
  ]
772
1129
  }
@@ -777,7 +1134,7 @@ function DropdownMenuLabel({
777
1134
  inset,
778
1135
  ...props
779
1136
  }) {
780
- return /* @__PURE__ */ jsx5(
1137
+ return /* @__PURE__ */ jsx7(
781
1138
  DropdownMenuPrimitive.Label,
782
1139
  {
783
1140
  "data-slot": "dropdown-menu-label",
@@ -793,13 +1150,13 @@ function DropdownMenuLabel({
793
1150
  function DropdownMenuRadioGroup({
794
1151
  ...props
795
1152
  }) {
796
- return /* @__PURE__ */ jsx5(DropdownMenuPrimitive.RadioGroup, { "data-slot": "dropdown-menu-radio-group", ...props });
1153
+ return /* @__PURE__ */ jsx7(DropdownMenuPrimitive.RadioGroup, { "data-slot": "dropdown-menu-radio-group", ...props });
797
1154
  }
798
1155
  function DropdownMenuSeparator({
799
1156
  className,
800
1157
  ...props
801
1158
  }) {
802
- return /* @__PURE__ */ jsx5(
1159
+ return /* @__PURE__ */ jsx7(
803
1160
  DropdownMenuPrimitive.Separator,
804
1161
  {
805
1162
  "data-slot": "dropdown-menu-separator",
@@ -809,7 +1166,7 @@ function DropdownMenuSeparator({
809
1166
  );
810
1167
  }
811
1168
  function DropdownMenuShortcut({ className, ...props }) {
812
- return /* @__PURE__ */ jsx5(
1169
+ return /* @__PURE__ */ jsx7(
813
1170
  "span",
814
1171
  {
815
1172
  "data-slot": "dropdown-menu-shortcut",
@@ -819,26 +1176,26 @@ function DropdownMenuShortcut({ className, ...props }) {
819
1176
  );
820
1177
  }
821
1178
  function DropdownMenuSub({ ...props }) {
822
- return /* @__PURE__ */ jsx5(DropdownMenuPrimitive.Sub, { "data-slot": "dropdown-menu-sub", ...props });
1179
+ return /* @__PURE__ */ jsx7(DropdownMenuPrimitive.Sub, { "data-slot": "dropdown-menu-sub", ...props });
823
1180
  }
824
1181
 
825
1182
  // src/ui/default/collapsible.tsx
826
1183
  import { Collapsible as CollapsiblePrimitive } from "radix-ui";
827
- import { jsx as jsx6 } from "react/jsx-runtime";
1184
+ import { jsx as jsx8 } from "react/jsx-runtime";
828
1185
  function Collapsible({ ...props }) {
829
- return /* @__PURE__ */ jsx6(CollapsiblePrimitive.Root, { "data-slot": "collapsible", ...props });
1186
+ return /* @__PURE__ */ jsx8(CollapsiblePrimitive.Root, { "data-slot": "collapsible", ...props });
830
1187
  }
831
1188
  function CollapsibleTrigger({
832
1189
  ...props
833
1190
  }) {
834
- return /* @__PURE__ */ jsx6(CollapsiblePrimitive.CollapsibleTrigger, { "data-slot": "collapsible-trigger", ...props });
1191
+ return /* @__PURE__ */ jsx8(CollapsiblePrimitive.CollapsibleTrigger, { "data-slot": "collapsible-trigger", ...props });
835
1192
  }
836
1193
  function CollapsibleContent({
837
1194
  className,
838
1195
  children,
839
1196
  ...props
840
1197
  }) {
841
- return /* @__PURE__ */ jsx6(
1198
+ return /* @__PURE__ */ jsx8(
842
1199
  CollapsiblePrimitive.CollapsibleContent,
843
1200
  {
844
1201
  "data-slot": "collapsible-content",
@@ -854,25 +1211,25 @@ function CollapsibleContent({
854
1211
 
855
1212
  // src/ui/default/drawer.tsx
856
1213
  import { Drawer as DrawerPrimitive } from "vaul";
857
- import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
1214
+ import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
858
1215
  var Drawer = ({
859
1216
  shouldScaleBackground = true,
860
1217
  ...props
861
- }) => /* @__PURE__ */ jsx7(DrawerPrimitive.Root, { shouldScaleBackground, ...props });
1218
+ }) => /* @__PURE__ */ jsx9(DrawerPrimitive.Root, { shouldScaleBackground, ...props });
862
1219
  function DrawerTrigger({ ...props }) {
863
- return /* @__PURE__ */ jsx7(DrawerPrimitive.Trigger, { "data-slot": "drawer-trigger", ...props });
1220
+ return /* @__PURE__ */ jsx9(DrawerPrimitive.Trigger, { "data-slot": "drawer-trigger", ...props });
864
1221
  }
865
1222
  function DrawerPortal({ ...props }) {
866
- return /* @__PURE__ */ jsx7(DrawerPrimitive.Portal, { "data-slot": "drawer-portal", ...props });
1223
+ return /* @__PURE__ */ jsx9(DrawerPrimitive.Portal, { "data-slot": "drawer-portal", ...props });
867
1224
  }
868
1225
  function DrawerClose({ ...props }) {
869
- return /* @__PURE__ */ jsx7(DrawerPrimitive.Close, { "data-slot": "drawer-close", ...props });
1226
+ return /* @__PURE__ */ jsx9(DrawerPrimitive.Close, { "data-slot": "drawer-close", ...props });
870
1227
  }
871
1228
  function DrawerOverlay({
872
1229
  className,
873
1230
  ...props
874
1231
  }) {
875
- return /* @__PURE__ */ jsx7(
1232
+ return /* @__PURE__ */ jsx9(
876
1233
  DrawerPrimitive.Overlay,
877
1234
  {
878
1235
  "data-slot": "drawer-overlay",
@@ -887,7 +1244,7 @@ function DrawerContent({
887
1244
  ...props
888
1245
  }) {
889
1246
  return /* @__PURE__ */ jsxs6(DrawerPortal, { children: [
890
- /* @__PURE__ */ jsx7(DrawerOverlay, {}),
1247
+ /* @__PURE__ */ jsx9(DrawerOverlay, {}),
891
1248
  /* @__PURE__ */ jsxs6(
892
1249
  DrawerPrimitive.Content,
893
1250
  {
@@ -898,14 +1255,14 @@ function DrawerContent({
898
1255
  ),
899
1256
  ...props,
900
1257
  children: [
901
- /* @__PURE__ */ jsx7("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" }),
1258
+ /* @__PURE__ */ jsx9("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" }),
902
1259
  children
903
1260
  ]
904
1261
  }
905
1262
  )
906
1263
  ] });
907
1264
  }
908
- var DrawerHeader = ({ className, ...props }) => /* @__PURE__ */ jsx7(
1265
+ var DrawerHeader = ({ className, ...props }) => /* @__PURE__ */ jsx9(
909
1266
  "div",
910
1267
  {
911
1268
  "data-slot": "drawer-header",
@@ -913,7 +1270,7 @@ var DrawerHeader = ({ className, ...props }) => /* @__PURE__ */ jsx7(
913
1270
  ...props
914
1271
  }
915
1272
  );
916
- var DrawerFooter = ({ className, ...props }) => /* @__PURE__ */ jsx7(
1273
+ var DrawerFooter = ({ className, ...props }) => /* @__PURE__ */ jsx9(
917
1274
  "div",
918
1275
  {
919
1276
  "data-slot": "drawer-footer",
@@ -922,7 +1279,7 @@ var DrawerFooter = ({ className, ...props }) => /* @__PURE__ */ jsx7(
922
1279
  }
923
1280
  );
924
1281
  function DrawerTitle({ className, ...props }) {
925
- return /* @__PURE__ */ jsx7(
1282
+ return /* @__PURE__ */ jsx9(
926
1283
  DrawerPrimitive.Title,
927
1284
  {
928
1285
  "data-slot": "drawer-title",
@@ -935,7 +1292,7 @@ function DrawerDescription({
935
1292
  className,
936
1293
  ...props
937
1294
  }) {
938
- return /* @__PURE__ */ jsx7(
1295
+ return /* @__PURE__ */ jsx9(
939
1296
  DrawerPrimitive.Description,
940
1297
  {
941
1298
  "data-slot": "drawer-description",
@@ -947,12 +1304,12 @@ function DrawerDescription({
947
1304
 
948
1305
  // src/ui/default/tooltip.tsx
949
1306
  import { Tooltip as TooltipPrimitive } from "radix-ui";
950
- import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
1307
+ import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
951
1308
  function TooltipProvider({
952
1309
  delayDuration = 0,
953
1310
  ...props
954
1311
  }) {
955
- return /* @__PURE__ */ jsx8(
1312
+ return /* @__PURE__ */ jsx10(
956
1313
  TooltipPrimitive.Provider,
957
1314
  {
958
1315
  "data-slot": "tooltip-provider",
@@ -962,10 +1319,10 @@ function TooltipProvider({
962
1319
  );
963
1320
  }
964
1321
  function Tooltip({ ...props }) {
965
- return /* @__PURE__ */ jsx8(TooltipProvider, { children: /* @__PURE__ */ jsx8(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props }) });
1322
+ return /* @__PURE__ */ jsx10(TooltipProvider, { children: /* @__PURE__ */ jsx10(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props }) });
966
1323
  }
967
1324
  function TooltipTrigger({ ...props }) {
968
- return /* @__PURE__ */ jsx8(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
1325
+ return /* @__PURE__ */ jsx10(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
969
1326
  }
970
1327
  function TooltipContent({
971
1328
  className,
@@ -973,7 +1330,7 @@ function TooltipContent({
973
1330
  children,
974
1331
  ...props
975
1332
  }) {
976
- return /* @__PURE__ */ jsx8(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs7(
1333
+ return /* @__PURE__ */ jsx10(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs7(
977
1334
  TooltipPrimitive.Content,
978
1335
  {
979
1336
  "data-slot": "tooltip-content",
@@ -985,216 +1342,17 @@ function TooltipContent({
985
1342
  ...props,
986
1343
  children: [
987
1344
  children,
988
- /* @__PURE__ */ jsx8(TooltipPrimitive.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground" })
1345
+ /* @__PURE__ */ jsx10(TooltipPrimitive.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground" })
989
1346
  ]
990
1347
  }
991
1348
  ) });
992
1349
  }
993
1350
 
994
- // src/ui/default/badge.tsx
995
- import { cva as cva3 } from "class-variance-authority";
996
- import { Slot as SlotPrimitive } from "radix-ui";
997
- import { jsx as jsx9 } from "react/jsx-runtime";
998
- var badgeVariants = cva3(
999
- "inline-flex items-center whitespace-nowrap justify-center border border-transparent font-medium focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 [&_svg]:-ms-px [&_svg]:shrink-0",
1000
- {
1001
- variants: {
1002
- variant: {
1003
- primary: "bg-primary text-primary-foreground",
1004
- secondary: "bg-secondary text-secondary-foreground",
1005
- success: "bg-[var(--color-success-accent,var(--color-green-500))] text-[var(--color-success-foreground,var(--color-white))]",
1006
- warning: "bg-[var(--color-warning-accent,var(--color-yellow-500))] text-[var(--color-warning-foreground,var(--color-white))]",
1007
- info: "bg-[var(--color-info-accent,var(--color-violet-500))] text-[var(--color-info-foreground,var(--color-white))]",
1008
- outline: "bg-transparent border border-border text-secondary-foreground",
1009
- destructive: "bg-destructive text-destructive-foreground"
1010
- },
1011
- appearance: {
1012
- default: "",
1013
- light: "",
1014
- outline: "",
1015
- ghost: "border-transparent bg-transparent"
1016
- },
1017
- disabled: {
1018
- true: "opacity-50 pointer-events-none"
1019
- },
1020
- size: {
1021
- lg: "rounded-md px-[0.5rem] h-7 min-w-7 gap-1.5 text-xs [&_svg]:size-3.5",
1022
- md: "rounded-md px-[0.45rem] h-6 min-w-6 gap-1.5 text-xs [&_svg]:size-3.5 ",
1023
- sm: "rounded-sm px-[0.325rem] h-5 min-w-5 gap-1 text-[0.6875rem] leading-[0.75rem] [&_svg]:size-3",
1024
- xs: "rounded-sm px-[0.25rem] h-4 min-w-4 gap-1 text-[0.625rem] leading-[0.5rem] [&_svg]:size-3"
1025
- },
1026
- shape: {
1027
- default: "",
1028
- circle: "rounded-full"
1029
- }
1030
- },
1031
- compoundVariants: [
1032
- /* Light */
1033
- {
1034
- variant: "primary",
1035
- appearance: "light",
1036
- className: "text-[var(--color-primary-accent,var(--color-blue-700))] bg-[var(--color-primary-soft,var(--color-blue-50))] dark:bg-[var(--color-primary-soft,var(--color-blue-950))] dark:text-[var(--color-primary-soft,var(--color-blue-600))]"
1037
- },
1038
- {
1039
- variant: "secondary",
1040
- appearance: "light",
1041
- className: "bg-secondary dark:bg-secondary/50 text-secondary-foreground"
1042
- },
1043
- {
1044
- variant: "success",
1045
- appearance: "light",
1046
- className: "text-[var(--color-success-accent,var(--color-green-800))] bg-[var(--color-success-soft,var(--color-green-100))] dark:bg-[var(--color-success-soft,var(--color-green-950))] dark:text-[var(--color-success-soft,var(--color-green-600))]"
1047
- },
1048
- {
1049
- variant: "warning",
1050
- appearance: "light",
1051
- className: "text-[var(--color-warning-accent,var(--color-yellow-700))] bg-[var(--color-warning-soft,var(--color-yellow-100))] dark:bg-[var(--color-warning-soft,var(--color-yellow-950))] dark:text-[var(--color-warning-soft,var(--color-yellow-600))]"
1052
- },
1053
- {
1054
- variant: "info",
1055
- appearance: "light",
1056
- className: "text-[var(--color-info-accent,var(--color-violet-700))] bg-[var(--color-info-soft,var(--color-violet-100))] dark:bg-[var(--color-info-soft,var(--color-violet-950))] dark:text-[var(--color-info-soft,var(--color-violet-400))]"
1057
- },
1058
- {
1059
- variant: "destructive",
1060
- appearance: "light",
1061
- className: "text-[var(--color-destructive-accent,var(--color-red-700))] bg-[var(--color-destructive-soft,var(--color-red-50))] dark:bg-[var(--color-destructive-soft,var(--color-red-950))] dark:text-[var(--color-destructive-soft,var(--color-red-600))]"
1062
- },
1063
- /* Outline */
1064
- {
1065
- variant: "primary",
1066
- appearance: "outline",
1067
- className: "text-[var(--color-primary-accent,var(--color-blue-700))] border-[var(--color-primary-soft,var(--color-blue-100))] bg-[var(--color-primary-soft,var(--color-blue-50))] dark:bg-[var(--color-primary-soft,var(--color-blue-950))] dark:border-[var(--color-primary-soft,var(--color-blue-900))] dark:text-[var(--color-primary-soft,var(--color-blue-600))]"
1068
- },
1069
- {
1070
- variant: "success",
1071
- appearance: "outline",
1072
- className: "text-[var(--color-success-accent,var(--color-green-700))] border-[var(--color-success-soft,var(--color-green-200))] bg-[var(--color-success-soft,var(--color-green-50))] dark:bg-[var(--color-success-soft,var(--color-green-950))] dark:border-[var(--color-success-soft,var(--color-green-900))] dark:text-[var(--color-success-soft,var(--color-green-600))]"
1073
- },
1074
- {
1075
- variant: "warning",
1076
- appearance: "outline",
1077
- className: "text-[var(--color-warning-accent,var(--color-yellow-700))] border-[var(--color-warning-soft,var(--color-yellow-200))] bg-[var(--color-warning-soft,var(--color-yellow-50))] dark:bg-[var(--color-warning-soft,var(--color-yellow-950))] dark:border-[var(--color-warning-soft,var(--color-yellow-900))] dark:text-[var(--color-warning-soft,var(--color-yellow-600))]"
1078
- },
1079
- {
1080
- variant: "info",
1081
- appearance: "outline",
1082
- className: "text-[var(--color-info-accent,var(--color-violet-700))] border-[var(--color-info-soft,var(--color-violet-100))] bg-[var(--color-info-soft,var(--color-violet-50))] dark:bg-[var(--color-info-soft,var(--color-violet-950))] dark:border-[var(--color-info-soft,var(--color-violet-900))] dark:text-[var(--color-info-soft,var(--color-violet-400))]"
1083
- },
1084
- {
1085
- variant: "destructive",
1086
- appearance: "outline",
1087
- className: "text-[var(--color-destructive-accent,var(--color-red-700))] border-[var(--color-destructive-soft,var(--color-red-100))] bg-[var(--color-destructive-soft,var(--color-red-50))] dark:bg-[var(--color-destructive-soft,var(--color-red-950))] dark:border-[var(--color-destructive-soft,var(--color-red-900))] dark:text-[var(--color-destructive-soft,var(--color-red-600))]"
1088
- },
1089
- /* Ghost */
1090
- {
1091
- variant: "primary",
1092
- appearance: "ghost",
1093
- className: "text-primary"
1094
- },
1095
- {
1096
- variant: "secondary",
1097
- appearance: "ghost",
1098
- className: "text-secondary-foreground"
1099
- },
1100
- {
1101
- variant: "success",
1102
- appearance: "ghost",
1103
- className: "text-[var(--color-success-accent,var(--color-green-500))]"
1104
- },
1105
- {
1106
- variant: "warning",
1107
- appearance: "ghost",
1108
- className: "text-[var(--color-warning-accent,var(--color-yellow-500))]"
1109
- },
1110
- {
1111
- variant: "info",
1112
- appearance: "ghost",
1113
- className: "text-[var(--color-info-accent,var(--color-violet-500))]"
1114
- },
1115
- {
1116
- variant: "destructive",
1117
- appearance: "ghost",
1118
- className: "text-destructive"
1119
- },
1120
- { size: "lg", appearance: "ghost", className: "px-0" },
1121
- { size: "md", appearance: "ghost", className: "px-0" },
1122
- { size: "sm", appearance: "ghost", className: "px-0" },
1123
- { size: "xs", appearance: "ghost", className: "px-0" }
1124
- ],
1125
- defaultVariants: {
1126
- variant: "primary",
1127
- appearance: "default",
1128
- size: "md"
1129
- }
1130
- }
1131
- );
1132
- var badgeButtonVariants = cva3(
1133
- "cursor-pointer transition-all inline-flex items-center justify-center leading-none size-3.5 [&>svg]:opacity-100! [&>svg]:size-3.5! p-0 rounded-md -me-0.5 opacity-60 hover:opacity-100",
1134
- {
1135
- variants: {
1136
- variant: {
1137
- default: ""
1138
- }
1139
- },
1140
- defaultVariants: {
1141
- variant: "default"
1142
- }
1143
- }
1144
- );
1145
- function Badge({
1146
- className,
1147
- variant,
1148
- size,
1149
- appearance,
1150
- shape,
1151
- asChild = false,
1152
- disabled,
1153
- ...props
1154
- }) {
1155
- const Comp = asChild ? SlotPrimitive.Slot : "span";
1156
- return /* @__PURE__ */ jsx9(
1157
- Comp,
1158
- {
1159
- "data-slot": "badge",
1160
- className: cn(badgeVariants({ variant, size, appearance, shape, disabled }), className),
1161
- ...props
1162
- }
1163
- );
1164
- }
1165
- function BadgeButton({
1166
- className,
1167
- variant,
1168
- asChild = false,
1169
- ...props
1170
- }) {
1171
- const Comp = asChild ? SlotPrimitive.Slot : "span";
1172
- return /* @__PURE__ */ jsx9(
1173
- Comp,
1174
- {
1175
- "data-slot": "badge-button",
1176
- className: cn(badgeButtonVariants({ variant, className })),
1177
- role: "button",
1178
- ...props
1179
- }
1180
- );
1181
- }
1182
- function BadgeDot({ className, ...props }) {
1183
- return /* @__PURE__ */ jsx9(
1184
- "span",
1185
- {
1186
- "data-slot": "badge-dot",
1187
- className: cn("size-1.5 rounded-full bg-[currentColor] opacity-75", className),
1188
- ...props
1189
- }
1190
- );
1191
- }
1192
-
1193
1351
  // src/ui/default/avatar.tsx
1194
- import { cva as cva4 } from "class-variance-authority";
1352
+ import { cva as cva5 } from "class-variance-authority";
1195
1353
  import { Avatar as AvatarPrimitive } from "radix-ui";
1196
- import { jsx as jsx10 } from "react/jsx-runtime";
1197
- var avatarStatusVariants = cva4(
1354
+ import { jsx as jsx11 } from "react/jsx-runtime";
1355
+ var avatarStatusVariants = cva5(
1198
1356
  "flex items-center rounded-full size-2 border-2 border-background",
1199
1357
  {
1200
1358
  variants: {
@@ -1211,7 +1369,7 @@ var avatarStatusVariants = cva4(
1211
1369
  }
1212
1370
  );
1213
1371
  function Avatar({ className, ...props }) {
1214
- return /* @__PURE__ */ jsx10(
1372
+ return /* @__PURE__ */ jsx11(
1215
1373
  AvatarPrimitive.Root,
1216
1374
  {
1217
1375
  "data-slot": "avatar",
@@ -1221,7 +1379,7 @@ function Avatar({ className, ...props }) {
1221
1379
  );
1222
1380
  }
1223
1381
  function AvatarImage({ className, ...props }) {
1224
- return /* @__PURE__ */ jsx10("div", { className: cn("relative overflow-hidden rounded-full", className), children: /* @__PURE__ */ jsx10(
1382
+ return /* @__PURE__ */ jsx11("div", { className: cn("relative overflow-hidden rounded-full", className), children: /* @__PURE__ */ jsx11(
1225
1383
  AvatarPrimitive.Image,
1226
1384
  {
1227
1385
  "data-slot": "avatar-image",
@@ -1234,7 +1392,7 @@ function AvatarFallback({
1234
1392
  className,
1235
1393
  ...props
1236
1394
  }) {
1237
- return /* @__PURE__ */ jsx10(
1395
+ return /* @__PURE__ */ jsx11(
1238
1396
  AvatarPrimitive.Fallback,
1239
1397
  {
1240
1398
  "data-slot": "avatar-fallback",
@@ -1247,7 +1405,7 @@ function AvatarFallback({
1247
1405
  );
1248
1406
  }
1249
1407
  function AvatarIndicator({ className, ...props }) {
1250
- return /* @__PURE__ */ jsx10(
1408
+ return /* @__PURE__ */ jsx11(
1251
1409
  "div",
1252
1410
  {
1253
1411
  "data-slot": "avatar-indicator",
@@ -1261,7 +1419,7 @@ function AvatarStatus({
1261
1419
  variant,
1262
1420
  ...props
1263
1421
  }) {
1264
- return /* @__PURE__ */ jsx10(
1422
+ return /* @__PURE__ */ jsx11(
1265
1423
  "div",
1266
1424
  {
1267
1425
  "data-slot": "avatar-status",
@@ -1289,6 +1447,19 @@ export {
1289
1447
  AlertDialogDescription,
1290
1448
  AlertDialogAction,
1291
1449
  AlertDialogCancel,
1450
+ Card,
1451
+ CardHeader,
1452
+ CardContent,
1453
+ CardTable,
1454
+ CardFooter,
1455
+ CardHeading,
1456
+ CardToolbar,
1457
+ CardTitle,
1458
+ CardDescription,
1459
+ badgeVariants,
1460
+ Badge,
1461
+ BadgeButton,
1462
+ BadgeDot,
1292
1463
  Dialog,
1293
1464
  DialogTrigger,
1294
1465
  DialogPortal,
@@ -1342,10 +1513,6 @@ export {
1342
1513
  Tooltip,
1343
1514
  TooltipTrigger,
1344
1515
  TooltipContent,
1345
- badgeVariants,
1346
- Badge,
1347
- BadgeButton,
1348
- BadgeDot,
1349
1516
  avatarStatusVariants,
1350
1517
  Avatar,
1351
1518
  AvatarImage,