@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.
- package/css/components/image-input.css +1 -1
- package/dist/animation.cjs +8 -192
- package/dist/animation.js +83 -267
- package/dist/base.cjs +5 -5
- package/dist/base.js +5 -5
- package/dist/{chunk-TYEFU7IG.js → chunk-CTHRAJQZ.js} +446 -279
- package/dist/chunk-D373YKDA.js +196 -0
- package/dist/{chunk-DBE4IGCP.cjs → chunk-HILACSFA.cjs} +368 -201
- package/dist/{chunk-S3QFGYE6.js → chunk-UYMAUGVA.js} +12 -0
- package/dist/{chunk-KNS6QRVB.cjs → chunk-WI36EFUS.cjs} +14 -2
- package/dist/chunk-ZBO5IAMA.cjs +196 -0
- package/dist/{components-BgbIL9EW.d.cts → components-CidsRcc3.d.cts} +4 -0
- package/dist/{components-BgbIL9EW.d.ts → components-CidsRcc3.d.ts} +4 -0
- package/dist/components.cjs +437 -100
- package/dist/components.d.cts +172 -4
- package/dist/components.d.ts +172 -4
- package/dist/components.js +635 -298
- package/dist/default.cjs +184 -333
- package/dist/default.js +712 -861
- package/dist/index.cjs +5 -9
- package/dist/index.d.cts +22 -2
- package/dist/index.d.ts +22 -2
- package/dist/index.js +4 -8
- package/dist/metafile-cjs.json +1 -1
- package/dist/metafile-esm.json +1 -1
- package/package.json +2 -34
|
@@ -361,12 +361,369 @@ function AlertDialogCancel({
|
|
|
361
361
|
);
|
|
362
362
|
}
|
|
363
363
|
|
|
364
|
-
// src/ui/default/
|
|
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
|
|
369
|
-
var dialogContentVariants =
|
|
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__ */
|
|
741
|
+
return /* @__PURE__ */ jsx5(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
|
|
385
742
|
}
|
|
386
743
|
function DialogTrigger({ ...props }) {
|
|
387
|
-
return /* @__PURE__ */
|
|
744
|
+
return /* @__PURE__ */ jsx5(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
|
|
388
745
|
}
|
|
389
746
|
function DialogPortal({ ...props }) {
|
|
390
|
-
return /* @__PURE__ */
|
|
747
|
+
return /* @__PURE__ */ jsx5(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
|
|
391
748
|
}
|
|
392
749
|
function DialogClose({ ...props }) {
|
|
393
|
-
return /* @__PURE__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
431
|
-
/* @__PURE__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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
|
|
842
|
+
import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
|
|
486
843
|
function Command({ className, ...props }) {
|
|
487
|
-
return /* @__PURE__ */
|
|
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__ */
|
|
500
|
-
/* @__PURE__ */
|
|
501
|
-
/* @__PURE__ */
|
|
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__ */
|
|
516
|
-
/* @__PURE__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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
|
|
975
|
+
import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
|
|
619
976
|
function DropdownMenu({ ...props }) {
|
|
620
|
-
return /* @__PURE__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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
|
|
1184
|
+
import { jsx as jsx8 } from "react/jsx-runtime";
|
|
828
1185
|
function Collapsible({ ...props }) {
|
|
829
|
-
return /* @__PURE__ */
|
|
1186
|
+
return /* @__PURE__ */ jsx8(CollapsiblePrimitive.Root, { "data-slot": "collapsible", ...props });
|
|
830
1187
|
}
|
|
831
1188
|
function CollapsibleTrigger({
|
|
832
1189
|
...props
|
|
833
1190
|
}) {
|
|
834
|
-
return /* @__PURE__ */
|
|
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__ */
|
|
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
|
|
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__ */
|
|
1218
|
+
}) => /* @__PURE__ */ jsx9(DrawerPrimitive.Root, { shouldScaleBackground, ...props });
|
|
862
1219
|
function DrawerTrigger({ ...props }) {
|
|
863
|
-
return /* @__PURE__ */
|
|
1220
|
+
return /* @__PURE__ */ jsx9(DrawerPrimitive.Trigger, { "data-slot": "drawer-trigger", ...props });
|
|
864
1221
|
}
|
|
865
1222
|
function DrawerPortal({ ...props }) {
|
|
866
|
-
return /* @__PURE__ */
|
|
1223
|
+
return /* @__PURE__ */ jsx9(DrawerPrimitive.Portal, { "data-slot": "drawer-portal", ...props });
|
|
867
1224
|
}
|
|
868
1225
|
function DrawerClose({ ...props }) {
|
|
869
|
-
return /* @__PURE__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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
|
|
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__ */
|
|
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__ */
|
|
1322
|
+
return /* @__PURE__ */ jsx10(TooltipProvider, { children: /* @__PURE__ */ jsx10(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props }) });
|
|
966
1323
|
}
|
|
967
1324
|
function TooltipTrigger({ ...props }) {
|
|
968
|
-
return /* @__PURE__ */
|
|
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__ */
|
|
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__ */
|
|
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
|
|
1352
|
+
import { cva as cva5 } from "class-variance-authority";
|
|
1195
1353
|
import { Avatar as AvatarPrimitive } from "radix-ui";
|
|
1196
|
-
import { jsx as
|
|
1197
|
-
var avatarStatusVariants =
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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,
|