@coston/ui 0.1.0
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/README.md +87 -0
- package/dist/button-BEd6_-lL.d.ts +16 -0
- package/dist/button-BEd6_-lL.d.ts.map +1 -0
- package/dist/button-CJvoztqg.js +46 -0
- package/dist/button-CJvoztqg.js.map +1 -0
- package/dist/components/accordion.d.ts +11 -0
- package/dist/components/accordion.d.ts.map +1 -0
- package/dist/components/accordion.js +38 -0
- package/dist/components/accordion.js.map +1 -0
- package/dist/components/alert-dialog.d.ts +31 -0
- package/dist/components/alert-dialog.d.ts.map +1 -0
- package/dist/components/alert-dialog.js +60 -0
- package/dist/components/alert-dialog.js.map +1 -0
- package/dist/components/alert.d.ts +13 -0
- package/dist/components/alert.d.ts.map +1 -0
- package/dist/components/alert.js +36 -0
- package/dist/components/alert.js.map +1 -0
- package/dist/components/aspect-ratio.d.ts +8 -0
- package/dist/components/aspect-ratio.d.ts.map +1 -0
- package/dist/components/aspect-ratio.js +8 -0
- package/dist/components/aspect-ratio.js.map +1 -0
- package/dist/components/avatar.d.ts +10 -0
- package/dist/components/avatar.d.ts.map +1 -0
- package/dist/components/avatar.js +28 -0
- package/dist/components/avatar.js.map +1 -0
- package/dist/components/badge.d.ts +18 -0
- package/dist/components/badge.d.ts.map +1 -0
- package/dist/components/badge.js +25 -0
- package/dist/components/badge.js.map +1 -0
- package/dist/components/breadcrumb.d.ts +31 -0
- package/dist/components/breadcrumb.d.ts.map +1 -0
- package/dist/components/breadcrumb.js +66 -0
- package/dist/components/breadcrumb.js.map +1 -0
- package/dist/components/button.d.ts +2 -0
- package/dist/components/button.js +4 -0
- package/dist/components/calendar.d.ts +17 -0
- package/dist/components/calendar.d.ts.map +1 -0
- package/dist/components/calendar.js +46 -0
- package/dist/components/calendar.js.map +1 -0
- package/dist/components/card.d.ts +12 -0
- package/dist/components/card.d.ts.map +1 -0
- package/dist/components/card.js +46 -0
- package/dist/components/card.js.map +1 -0
- package/dist/components/carousel.d.ts +23 -0
- package/dist/components/carousel.d.ts.map +1 -0
- package/dist/components/carousel.js +139 -0
- package/dist/components/carousel.js.map +1 -0
- package/dist/components/chart.d.ts +32 -0
- package/dist/components/chart.d.ts.map +1 -0
- package/dist/components/chart.js +115 -0
- package/dist/components/chart.js.map +1 -0
- package/dist/components/checkbox.d.ts +8 -0
- package/dist/components/checkbox.d.ts.map +1 -0
- package/dist/components/checkbox.js +21 -0
- package/dist/components/checkbox.js.map +1 -0
- package/dist/components/collapsible.d.ts +10 -0
- package/dist/components/collapsible.d.ts.map +1 -0
- package/dist/components/collapsible.js +13 -0
- package/dist/components/collapsible.js.map +1 -0
- package/dist/components/command.d.ts +26 -0
- package/dist/components/command.d.ts.map +1 -0
- package/dist/components/command.js +77 -0
- package/dist/components/command.js.map +1 -0
- package/dist/components/context-menu.d.ts +35 -0
- package/dist/components/context-menu.d.ts.map +1 -0
- package/dist/components/context-menu.js +82 -0
- package/dist/components/context-menu.js.map +1 -0
- package/dist/components/dialog.d.ts +30 -0
- package/dist/components/dialog.d.ts.map +1 -0
- package/dist/components/dialog.js +4 -0
- package/dist/components/drawer.d.ts +36 -0
- package/dist/components/drawer.d.ts.map +1 -0
- package/dist/components/drawer.js +53 -0
- package/dist/components/drawer.js.map +1 -0
- package/dist/components/dropdown-menu.d.ts +35 -0
- package/dist/components/dropdown-menu.d.ts.map +1 -0
- package/dist/components/dropdown-menu.js +83 -0
- package/dist/components/dropdown-menu.js.map +1 -0
- package/dist/components/hover-card.d.ts +10 -0
- package/dist/components/hover-card.d.ts.map +1 -0
- package/dist/components/hover-card.js +20 -0
- package/dist/components/hover-card.js.map +1 -0
- package/dist/components/input.d.ts +8 -0
- package/dist/components/input.d.ts.map +1 -0
- package/dist/components/input.js +18 -0
- package/dist/components/input.js.map +1 -0
- package/dist/components/label.d.ts +10 -0
- package/dist/components/label.d.ts.map +1 -0
- package/dist/components/label.js +18 -0
- package/dist/components/label.js.map +1 -0
- package/dist/components/menubar.d.ts +42 -0
- package/dist/components/menubar.d.ts.map +1 -0
- package/dist/components/menubar.js +96 -0
- package/dist/components/menubar.js.map +1 -0
- package/dist/components/navigation-menu.d.ts +17 -0
- package/dist/components/navigation-menu.d.ts.map +1 -0
- package/dist/components/navigation-menu.js +64 -0
- package/dist/components/navigation-menu.js.map +1 -0
- package/dist/components/pagination.d.ts +50 -0
- package/dist/components/pagination.d.ts.map +1 -0
- package/dist/components/pagination.js +65 -0
- package/dist/components/pagination.js.map +1 -0
- package/dist/components/popover.d.ts +10 -0
- package/dist/components/popover.d.ts.map +1 -0
- package/dist/components/popover.js +20 -0
- package/dist/components/popover.js.map +1 -0
- package/dist/components/progress.d.ts +8 -0
- package/dist/components/progress.d.ts.map +1 -0
- package/dist/components/progress.js +20 -0
- package/dist/components/progress.js.map +1 -0
- package/dist/components/radio-group.d.ts +9 -0
- package/dist/components/radio-group.d.ts.map +1 -0
- package/dist/components/radio-group.js +31 -0
- package/dist/components/radio-group.js.map +1 -0
- package/dist/components/resizable.d.ts +20 -0
- package/dist/components/resizable.d.ts.map +1 -0
- package/dist/components/resizable.js +24 -0
- package/dist/components/resizable.js.map +1 -0
- package/dist/components/scroll-area.d.ts +9 -0
- package/dist/components/scroll-area.d.ts.map +1 -0
- package/dist/components/scroll-area.js +32 -0
- package/dist/components/scroll-area.js.map +1 -0
- package/dist/components/select.d.ts +17 -0
- package/dist/components/select.d.ts.map +1 -0
- package/dist/components/select.js +75 -0
- package/dist/components/select.js.map +1 -0
- package/dist/components/separator.d.ts +8 -0
- package/dist/components/separator.d.ts.map +1 -0
- package/dist/components/separator.js +4 -0
- package/dist/components/sheet.d.ts +36 -0
- package/dist/components/sheet.d.ts.map +1 -0
- package/dist/components/sheet.js +69 -0
- package/dist/components/sheet.js.map +1 -0
- package/dist/components/sidebar.d.ts +54 -0
- package/dist/components/sidebar.d.ts.map +1 -0
- package/dist/components/sidebar.js +267 -0
- package/dist/components/sidebar.js.map +1 -0
- package/dist/components/skeleton.d.ts +10 -0
- package/dist/components/skeleton.d.ts.map +1 -0
- package/dist/components/skeleton.js +14 -0
- package/dist/components/skeleton.js.map +1 -0
- package/dist/components/slider.d.ts +8 -0
- package/dist/components/slider.d.ts.map +1 -0
- package/dist/components/slider.js +20 -0
- package/dist/components/slider.js.map +1 -0
- package/dist/components/sonner.d.ts +11 -0
- package/dist/components/sonner.d.ts.map +1 -0
- package/dist/components/sonner.js +22 -0
- package/dist/components/sonner.js.map +1 -0
- package/dist/components/switch.d.ts +8 -0
- package/dist/components/switch.d.ts.map +1 -0
- package/dist/components/switch.js +17 -0
- package/dist/components/switch.js.map +1 -0
- package/dist/components/table.d.ts +14 -0
- package/dist/components/table.d.ts.map +1 -0
- package/dist/components/table.js +61 -0
- package/dist/components/table.js.map +1 -0
- package/dist/components/tabs.d.ts +11 -0
- package/dist/components/tabs.d.ts.map +1 -0
- package/dist/components/tabs.js +29 -0
- package/dist/components/tabs.js.map +1 -0
- package/dist/components/textarea.d.ts +7 -0
- package/dist/components/textarea.d.ts.map +1 -0
- package/dist/components/textarea.js +17 -0
- package/dist/components/textarea.js.map +1 -0
- package/dist/components/toggle-group.d.ts +17 -0
- package/dist/components/toggle-group.d.ts.map +1 -0
- package/dist/components/toggle-group.js +41 -0
- package/dist/components/toggle-group.js.map +1 -0
- package/dist/components/toggle.d.ts +17 -0
- package/dist/components/toggle.d.ts.map +1 -0
- package/dist/components/toggle.js +4 -0
- package/dist/components/tooltip.d.ts +2 -0
- package/dist/components/tooltip.js +4 -0
- package/dist/dialog-B_8jhMOs.js +56 -0
- package/dist/dialog-B_8jhMOs.js.map +1 -0
- package/dist/hooks/use-mobile.d.ts +7 -0
- package/dist/hooks/use-mobile.d.ts.map +1 -0
- package/dist/hooks/use-mobile.js +3 -0
- package/dist/lib/utils.d.ts +9 -0
- package/dist/lib/utils.d.ts.map +1 -0
- package/dist/lib/utils.js +3 -0
- package/dist/separator-9lzFsfCC.js +18 -0
- package/dist/separator-9lzFsfCC.js.map +1 -0
- package/dist/toggle-BpKiTVe4.js +38 -0
- package/dist/toggle-BpKiTVe4.js.map +1 -0
- package/dist/tooltip-CXS6wR7g.js +20 -0
- package/dist/tooltip-CXS6wR7g.js.map +1 -0
- package/dist/tooltip-DPcgBDyX.d.ts +11 -0
- package/dist/tooltip-DPcgBDyX.d.ts.map +1 -0
- package/dist/use-mobile-CixTQBWA.js +21 -0
- package/dist/use-mobile-CixTQBWA.js.map +1 -0
- package/dist/utils-C0f9Ma6r.js +11 -0
- package/dist/utils-C0f9Ma6r.js.map +1 -0
- package/package.json +168 -0
- package/src/components/accordion.tsx +51 -0
- package/src/components/alert-dialog.tsx +115 -0
- package/src/components/alert.tsx +49 -0
- package/src/components/aspect-ratio.tsx +5 -0
- package/src/components/avatar.tsx +44 -0
- package/src/components/badge.tsx +32 -0
- package/src/components/breadcrumb.tsx +101 -0
- package/src/components/button.tsx +48 -0
- package/src/components/calendar.tsx +76 -0
- package/src/components/card.tsx +60 -0
- package/src/components/carousel.tsx +240 -0
- package/src/components/chart.tsx +232 -0
- package/src/components/checkbox.tsx +25 -0
- package/src/components/collapsible.tsx +11 -0
- package/src/components/command.tsx +136 -0
- package/src/components/context-menu.tsx +187 -0
- package/src/components/dialog.tsx +105 -0
- package/src/components/drawer.tsx +98 -0
- package/src/components/dropdown-menu.tsx +185 -0
- package/src/components/hover-card.tsx +29 -0
- package/src/components/input.tsx +24 -0
- package/src/components/label.tsx +19 -0
- package/src/components/menubar.tsx +219 -0
- package/src/components/navigation-menu.tsx +120 -0
- package/src/components/pagination.tsx +98 -0
- package/src/components/popover.tsx +27 -0
- package/src/components/progress.tsx +23 -0
- package/src/components/radio-group.tsx +35 -0
- package/src/components/resizable.tsx +38 -0
- package/src/components/scroll-area.tsx +43 -0
- package/src/components/select.tsx +147 -0
- package/src/components/separator.tsx +23 -0
- package/src/components/sheet.tsx +122 -0
- package/src/components/sidebar.tsx +507 -0
- package/src/components/skeleton.tsx +7 -0
- package/src/components/slider.tsx +23 -0
- package/src/components/sonner.tsx +26 -0
- package/src/components/switch.tsx +26 -0
- package/src/components/table.tsx +95 -0
- package/src/components/tabs.tsx +53 -0
- package/src/components/textarea.tsx +20 -0
- package/src/components/toggle-group.tsx +54 -0
- package/src/components/toggle.tsx +40 -0
- package/src/components/tooltip.tsx +27 -0
- package/src/hooks/use-mobile.tsx +19 -0
- package/src/lib/utils.ts +6 -0
package/README.md
ADDED
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
# @coston/ui
|
|
2
|
+
|
|
3
|
+
React UI components built on [Radix UI](https://www.radix-ui.com/) and [Tailwind CSS](https://tailwindcss.com/).
|
|
4
|
+
|
|
5
|
+
## Install
|
|
6
|
+
|
|
7
|
+
```bash
|
|
8
|
+
npm install @coston/ui
|
|
9
|
+
```
|
|
10
|
+
|
|
11
|
+
Peer dependencies: `react`, `react-dom`
|
|
12
|
+
|
|
13
|
+
## Usage
|
|
14
|
+
|
|
15
|
+
```tsx
|
|
16
|
+
import { Button } from '@coston/ui/button';
|
|
17
|
+
import { Card, CardHeader, CardTitle, CardContent } from '@coston/ui/card';
|
|
18
|
+
import { cn } from '@coston/ui/lib/utils';
|
|
19
|
+
```
|
|
20
|
+
|
|
21
|
+
## Components
|
|
22
|
+
|
|
23
|
+
| Component | Import |
|
|
24
|
+
| --------------- | ---------------------------- |
|
|
25
|
+
| Accordion | `@coston/ui/accordion` |
|
|
26
|
+
| Alert | `@coston/ui/alert` |
|
|
27
|
+
| Alert Dialog | `@coston/ui/alert-dialog` |
|
|
28
|
+
| Aspect Ratio | `@coston/ui/aspect-ratio` |
|
|
29
|
+
| Avatar | `@coston/ui/avatar` |
|
|
30
|
+
| Badge | `@coston/ui/badge` |
|
|
31
|
+
| Breadcrumb | `@coston/ui/breadcrumb` |
|
|
32
|
+
| Button | `@coston/ui/button` |
|
|
33
|
+
| Calendar | `@coston/ui/calendar` |
|
|
34
|
+
| Card | `@coston/ui/card` |
|
|
35
|
+
| Carousel | `@coston/ui/carousel` |
|
|
36
|
+
| Chart | `@coston/ui/chart` |
|
|
37
|
+
| Checkbox | `@coston/ui/checkbox` |
|
|
38
|
+
| Collapsible | `@coston/ui/collapsible` |
|
|
39
|
+
| Command | `@coston/ui/command` |
|
|
40
|
+
| Context Menu | `@coston/ui/context-menu` |
|
|
41
|
+
| Dialog | `@coston/ui/dialog` |
|
|
42
|
+
| Drawer | `@coston/ui/drawer` |
|
|
43
|
+
| Dropdown Menu | `@coston/ui/dropdown-menu` |
|
|
44
|
+
| Hover Card | `@coston/ui/hover-card` |
|
|
45
|
+
| Input | `@coston/ui/input` |
|
|
46
|
+
| Label | `@coston/ui/label` |
|
|
47
|
+
| Menubar | `@coston/ui/menubar` |
|
|
48
|
+
| Navigation Menu | `@coston/ui/navigation-menu` |
|
|
49
|
+
| Pagination | `@coston/ui/pagination` |
|
|
50
|
+
| Popover | `@coston/ui/popover` |
|
|
51
|
+
| Progress | `@coston/ui/progress` |
|
|
52
|
+
| Radio Group | `@coston/ui/radio-group` |
|
|
53
|
+
| Resizable | `@coston/ui/resizable` |
|
|
54
|
+
| Scroll Area | `@coston/ui/scroll-area` |
|
|
55
|
+
| Select | `@coston/ui/select` |
|
|
56
|
+
| Separator | `@coston/ui/separator` |
|
|
57
|
+
| Sheet | `@coston/ui/sheet` |
|
|
58
|
+
| Sidebar | `@coston/ui/sidebar` |
|
|
59
|
+
| Skeleton | `@coston/ui/skeleton` |
|
|
60
|
+
| Slider | `@coston/ui/slider` |
|
|
61
|
+
| Sonner | `@coston/ui/sonner` |
|
|
62
|
+
| Switch | `@coston/ui/switch` |
|
|
63
|
+
| Table | `@coston/ui/table` |
|
|
64
|
+
| Tabs | `@coston/ui/tabs` |
|
|
65
|
+
| Textarea | `@coston/ui/textarea` |
|
|
66
|
+
| Toggle | `@coston/ui/toggle` |
|
|
67
|
+
| Toggle Group | `@coston/ui/toggle-group` |
|
|
68
|
+
| Tooltip | `@coston/ui/tooltip` |
|
|
69
|
+
|
|
70
|
+
### Utilities
|
|
71
|
+
|
|
72
|
+
| Export | Import |
|
|
73
|
+
| --------------- | ----------------------------- |
|
|
74
|
+
| `cn()` | `@coston/ui/lib/utils` |
|
|
75
|
+
| `useIsMobile()` | `@coston/ui/hooks/use-mobile` |
|
|
76
|
+
|
|
77
|
+
## Tailwind Setup
|
|
78
|
+
|
|
79
|
+
Add the component source to your Tailwind content config so class names are detected:
|
|
80
|
+
|
|
81
|
+
```css
|
|
82
|
+
@source "node_modules/@coston/ui/src/**/*.tsx";
|
|
83
|
+
```
|
|
84
|
+
|
|
85
|
+
## License
|
|
86
|
+
|
|
87
|
+
MIT
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { VariantProps } from "class-variance-authority";
|
|
3
|
+
import * as class_variance_authority_types0 from "class-variance-authority/types";
|
|
4
|
+
|
|
5
|
+
//#region src/components/button.d.ts
|
|
6
|
+
declare const buttonVariants: (props?: ({
|
|
7
|
+
variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
|
|
8
|
+
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
|
9
|
+
} & class_variance_authority_types0.ClassProp) | undefined) => string;
|
|
10
|
+
interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
11
|
+
asChild?: boolean;
|
|
12
|
+
}
|
|
13
|
+
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
14
|
+
//#endregion
|
|
15
|
+
export { Button as Button$1, ButtonProps, buttonVariants as buttonVariants$1 };
|
|
16
|
+
//# sourceMappingURL=button-BEd6_-lL.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button-BEd6_-lL.d.ts","names":[],"sources":["../src/components/button.tsx"],"sourcesContent":[],"mappings":";;;;;cAMM,sBAwBL;;;AA5BiE,CAAA,GA4BjE,+BAAA,CAAA,SAAA,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;AAEgB,UAAA,WAAA,SACP,KAAA,CAAM,oBAAd,CAAmC,iBAAnC,CAAA,EAAuD,YAAvD,CAAA,OAA2E,cAA3E,CAAA,CAAA;EAAA,OAAA,CAAA,EAAA,OAAA;;cAII,MAJuE,EAIjE,KAAA,CAAA,yBAJiE,CAIjE,WAJiE,GAIjE,KAAA,CAAA,aAJiE,CAIjE,iBAJiE,CAAA,CAAA"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { cn } from "./utils-C0f9Ma6r.js";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { jsx } from "react/jsx-runtime";
|
|
4
|
+
import { Slot } from "@radix-ui/react-slot";
|
|
5
|
+
import { cva } from "class-variance-authority";
|
|
6
|
+
|
|
7
|
+
//#region src/components/button.tsx
|
|
8
|
+
const buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", {
|
|
9
|
+
variants: {
|
|
10
|
+
variant: {
|
|
11
|
+
default: "bg-primary text-primary-foreground hover:bg-primary/90",
|
|
12
|
+
destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
|
|
13
|
+
outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
|
|
14
|
+
secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
|
|
15
|
+
ghost: "hover:bg-accent hover:text-accent-foreground",
|
|
16
|
+
link: "text-primary underline-offset-4 hover:underline"
|
|
17
|
+
},
|
|
18
|
+
size: {
|
|
19
|
+
default: "h-10 px-4 py-2",
|
|
20
|
+
sm: "h-9 rounded-md px-3",
|
|
21
|
+
lg: "h-11 rounded-md px-8",
|
|
22
|
+
icon: "h-10 w-10"
|
|
23
|
+
}
|
|
24
|
+
},
|
|
25
|
+
defaultVariants: {
|
|
26
|
+
variant: "default",
|
|
27
|
+
size: "default"
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
const Button = React.forwardRef(({ className, variant, size, asChild = false,...props }, ref) => {
|
|
31
|
+
const Comp = asChild ? Slot : "button";
|
|
32
|
+
return /* @__PURE__ */ jsx(Comp, {
|
|
33
|
+
className: cn(buttonVariants({
|
|
34
|
+
variant,
|
|
35
|
+
size,
|
|
36
|
+
className
|
|
37
|
+
})),
|
|
38
|
+
ref,
|
|
39
|
+
...props
|
|
40
|
+
});
|
|
41
|
+
});
|
|
42
|
+
Button.displayName = "Button";
|
|
43
|
+
|
|
44
|
+
//#endregion
|
|
45
|
+
export { Button, buttonVariants };
|
|
46
|
+
//# sourceMappingURL=button-CJvoztqg.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button-CJvoztqg.js","names":[],"sources":["../src/components/button.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Slot } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '../lib/utils';\n\nconst buttonVariants = cva(\n 'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',\n {\n variants: {\n variant: {\n default: 'bg-primary text-primary-foreground hover:bg-primary/90',\n destructive: 'bg-destructive text-destructive-foreground hover:bg-destructive/90',\n outline: 'border border-input bg-background hover:bg-accent hover:text-accent-foreground',\n secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/80',\n ghost: 'hover:bg-accent hover:text-accent-foreground',\n link: 'text-primary underline-offset-4 hover:underline',\n },\n size: {\n default: 'h-10 px-4 py-2',\n sm: 'h-9 rounded-md px-3',\n lg: 'h-11 rounded-md px-8',\n icon: 'h-10 w-10',\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'default',\n },\n }\n);\n\nexport interface ButtonProps\n extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {\n asChild?: boolean;\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n ({ className, variant, size, asChild = false, ...props }, ref) => {\n const Comp = asChild ? Slot : 'button';\n return (\n <Comp className={cn(buttonVariants({ variant, size, className }))} ref={ref} {...props} />\n );\n }\n);\nButton.displayName = 'Button';\n\nexport { Button, buttonVariants };\n"],"mappings":";;;;;;;AAMA,MAAM,iBAAiB,IACrB,gSACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,aAAa;GACb,SAAS;GACT,WAAW;GACX,OAAO;GACP,MAAM;EACP;EACD,MAAM;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACJ,MAAM;EACP;CACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;CACP;AACF,EACF;AAOD,MAAM,SAAS,MAAM,WACnB,CAAC,EAAE,WAAW,SAAS,MAAM,UAAU,MAAO,GAAG,OAAO,EAAE,QAAQ;CAChE,MAAM,OAAO,UAAU,OAAO;AAC9B,wBACE,IAAC;EAAK,WAAW,GAAG,eAAe;GAAE;GAAS;GAAM;EAAW,EAAC,CAAC;EAAO;EAAK,GAAI;GAAS;AAE7F,EACF;AACD,OAAO,cAAc"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as AccordionPrimitive from "@radix-ui/react-accordion";
|
|
3
|
+
|
|
4
|
+
//#region src/components/accordion.d.ts
|
|
5
|
+
declare const Accordion: React.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React.RefAttributes<HTMLDivElement>>;
|
|
6
|
+
declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
7
|
+
declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
8
|
+
declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
9
|
+
//#endregion
|
|
10
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };
|
|
11
|
+
//# sourceMappingURL=accordion.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"accordion.d.ts","names":[],"sources":["../../src/components/accordion.tsx"],"sourcesContent":[],"mappings":";;;;cAMM,WAAS,KAAA,CAAA,2BAAA,kBAAA,CAAA,uBAAA,kBAAA,CAAA,0BAAA,KAAA,CAAA,cAAA;cAET,eAAa,KAAA,CAAA,0BAAA,KAAA,kBAAA,CAAA,qBAAA,KAAA,CAAA,cAAA,0BAAA,KAAA,CAAA,cAAA;AAP6C,cAe1D,gBAVmC,EAUnB,KAAA,CAAA,yBAVmB,CAUnB,IAVmB,CAUnB,kBAAA,CAAA,qBAVmB,GAUnB,KAAA,CAAA,aAVmB,CAUnB,iBAVmB,CAAA,EAAA,KAAA,CAAA,GAUnB,KAAA,CAAA,aAVmB,CAUnB,iBAVmB,CAAA,CAAA;cA8BnC,gBA9BmC,EA8BnB,KAAA,CAAA,yBA9BmB,CA8BnB,IA9BmB,CA8BnB,kBAAA,CAAA,qBA9BmB,GA8BnB,KAAA,CAAA,aA9BmB,CA8BnB,cA9BmB,CAAA,EAAA,KAAA,CAAA,GA8BnB,KAAA,CAAA,aA9BmB,CA8BnB,cA9BmB,CAAA,CAAA"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { cn } from "../utils-C0f9Ma6r.js";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import * as AccordionPrimitive from "@radix-ui/react-accordion";
|
|
4
|
+
import { ChevronDown } from "lucide-react";
|
|
5
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
6
|
+
|
|
7
|
+
//#region src/components/accordion.tsx
|
|
8
|
+
const Accordion = AccordionPrimitive.Root;
|
|
9
|
+
const AccordionItem = React.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Item, {
|
|
10
|
+
ref,
|
|
11
|
+
className: cn("border-b", className),
|
|
12
|
+
...props
|
|
13
|
+
}));
|
|
14
|
+
AccordionItem.displayName = "AccordionItem";
|
|
15
|
+
const AccordionTrigger = React.forwardRef(({ className, children,...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Header, {
|
|
16
|
+
className: "flex",
|
|
17
|
+
children: /* @__PURE__ */ jsxs(AccordionPrimitive.Trigger, {
|
|
18
|
+
ref,
|
|
19
|
+
className: cn("flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180", className),
|
|
20
|
+
...props,
|
|
21
|
+
children: [children, /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 shrink-0 transition-transform duration-200" })]
|
|
22
|
+
})
|
|
23
|
+
}));
|
|
24
|
+
AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
|
|
25
|
+
const AccordionContent = React.forwardRef(({ className, children,...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Content, {
|
|
26
|
+
ref,
|
|
27
|
+
className: "overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
|
|
28
|
+
...props,
|
|
29
|
+
children: /* @__PURE__ */ jsx("div", {
|
|
30
|
+
className: cn("pb-4 pt-0", className),
|
|
31
|
+
children
|
|
32
|
+
})
|
|
33
|
+
}));
|
|
34
|
+
AccordionContent.displayName = AccordionPrimitive.Content.displayName;
|
|
35
|
+
|
|
36
|
+
//#endregion
|
|
37
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };
|
|
38
|
+
//# sourceMappingURL=accordion.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"accordion.js","names":[],"sources":["../../src/components/accordion.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as AccordionPrimitive from '@radix-ui/react-accordion';\nimport { ChevronDown } from 'lucide-react';\n\nimport { cn } from '../lib/utils';\n\nconst Accordion = AccordionPrimitive.Root;\n\nconst AccordionItem = React.forwardRef<\n React.ElementRef<typeof AccordionPrimitive.Item>,\n React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>\n>(({ className, ...props }, ref) => (\n <AccordionPrimitive.Item ref={ref} className={cn('border-b', className)} {...props} />\n));\nAccordionItem.displayName = 'AccordionItem';\n\nconst AccordionTrigger = React.forwardRef<\n React.ElementRef<typeof AccordionPrimitive.Trigger>,\n React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => (\n <AccordionPrimitive.Header className=\"flex\">\n <AccordionPrimitive.Trigger\n ref={ref}\n className={cn(\n 'flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180',\n className\n )}\n {...props}\n >\n {children}\n <ChevronDown className=\"h-4 w-4 shrink-0 transition-transform duration-200\" />\n </AccordionPrimitive.Trigger>\n </AccordionPrimitive.Header>\n));\nAccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;\n\nconst AccordionContent = React.forwardRef<\n React.ElementRef<typeof AccordionPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n <AccordionPrimitive.Content\n ref={ref}\n className=\"overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down\"\n {...props}\n >\n <div className={cn('pb-4 pt-0', className)}>{children}</div>\n </AccordionPrimitive.Content>\n));\nAccordionContent.displayName = AccordionPrimitive.Content.displayName;\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent };\n"],"mappings":";;;;;;;AAMA,MAAM,YAAY,mBAAmB;AAErC,MAAM,gBAAgB,MAAM,WAG1B,CAAC,EAAE,UAAW,GAAG,OAAO,EAAE,wBAC1B,IAAC,mBAAmB;CAAU;CAAK,WAAW,GAAG,YAAY,UAAU;CAAE,GAAI;EAAS,CACtF;AACF,cAAc,cAAc;AAE5B,MAAM,mBAAmB,MAAM,WAG7B,CAAC,EAAE,WAAW,SAAU,GAAG,OAAO,EAAE,wBACpC,IAAC,mBAAmB;CAAO,WAAU;2BACnC,KAAC,mBAAmB;EACb;EACL,WAAW,GACT,gIACA,UACD;EACD,GAAI;aAEH,0BACD,IAAC,eAAY,WAAU,uDAAuD;GACnD;EACH,CAC5B;AACF,iBAAiB,cAAc,mBAAmB,QAAQ;AAE1D,MAAM,mBAAmB,MAAM,WAG7B,CAAC,EAAE,WAAW,SAAU,GAAG,OAAO,EAAE,wBACpC,IAAC,mBAAmB;CACb;CACL,WAAU;CACV,GAAI;2BAEJ,IAAC;EAAI,WAAW,GAAG,aAAa,UAAU;EAAG;GAAe;EACjC,CAC7B;AACF,iBAAiB,cAAc,mBAAmB,QAAQ"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as react_jsx_runtime11 from "react/jsx-runtime";
|
|
3
|
+
import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
|
|
4
|
+
|
|
5
|
+
//#region src/components/alert-dialog.d.ts
|
|
6
|
+
declare const AlertDialog: React.FC<AlertDialogPrimitive.AlertDialogProps>;
|
|
7
|
+
declare const AlertDialogTrigger: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
8
|
+
declare const AlertDialogPortal: React.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
|
|
9
|
+
declare const AlertDialogOverlay: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
10
|
+
declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
11
|
+
declare const AlertDialogHeader: {
|
|
12
|
+
({
|
|
13
|
+
className,
|
|
14
|
+
...props
|
|
15
|
+
}: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime11.JSX.Element;
|
|
16
|
+
displayName: string;
|
|
17
|
+
};
|
|
18
|
+
declare const AlertDialogFooter: {
|
|
19
|
+
({
|
|
20
|
+
className,
|
|
21
|
+
...props
|
|
22
|
+
}: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime11.JSX.Element;
|
|
23
|
+
displayName: string;
|
|
24
|
+
};
|
|
25
|
+
declare const AlertDialogTitle: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
26
|
+
declare const AlertDialogDescription: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
|
|
27
|
+
declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
28
|
+
declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
29
|
+
//#endregion
|
|
30
|
+
export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };
|
|
31
|
+
//# sourceMappingURL=alert-dialog.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"alert-dialog.d.ts","names":[],"sources":["../../src/components/alert-dialog.tsx"],"sourcesContent":[],"mappings":";;;;;cAMM,aAAW,KAAA,CAAA,GAAA,oBAAA,CAAA;cAEX,oBAAkB,KAAA,CAAA,0BAAA,oBAAA,CAAA,0BAAA,KAAA,CAAA,cAAA;cAElB,mBAAiB,KAAA,CAAA,GAAA,oBAAA,CAAA;AAT8C,cAW/D,kBANuC,EAMrB,KAAA,CAAA,yBANqB,CAMrB,IANqB,CAMrB,oBAAA,CAAA,uBANqB,GAMrB,KAAA,CAAA,aANqB,CAMrB,cANqB,CAAA,EAAA,KAAA,CAAA,GAMrB,KAAA,CAAA,aANqB,CAMrB,cANqB,CAAA,CAAA;cAqBvC,kBArBuC,EAqBrB,KAAA,CAAA,yBArBqB,CAqBrB,IArBqB,CAqBrB,oBAAA,CAAA,uBArBqB,GAqBrB,KAAA,CAAA,aArBqB,CAqBrB,cArBqB,CAAA,EAAA,KAAA,CAAA,GAqBrB,KAAA,CAAA,aArBqB,CAqBrB,cArBqB,CAAA,CAAA;cAuCvC,iBAvCW,EAAA;EAAA,CAAA;IAAA,SAAA;IAAA,GAAA;EAAA,CAAA,EAuCmC,KAAA,CAAM,cAvCzC,CAuCwD,cAvCxD,CAAA,CAAA,EAuCuE,mBAAA,CAAA,GAAA,CAAA,OAvCvE;EAAA,WAAA,EAAA,MAAA;AAAA,CAAA;cA4CX,iBA1CiD,EAAA;EAAA,CAAA;IAA/B,SAAA;IAAA,GAAA;EAAA,CAAA,EA0C4B,KAAA,CAAM,cA1ClC,CA0CiD,cA1CjD,CAAA,CAAA,EA0CgE,mBAAA,CAAA,GAAA,CAAA,OA1ChE;EAAA,WAAA,EAAA,MAAA;CAAA;cAkDlB,gBAlDkB,EAkDF,KAAA,CAAA,yBAlDE,CAkDF,IAlDE,CAkDF,oBAAA,CAAA,qBAlDE,GAkDF,KAAA,CAAA,aAlDE,CAkDF,kBAlDE,CAAA,EAAA,KAAA,CAAA,GAkDF,KAAA,CAAA,aAlDE,CAkDF,kBAlDE,CAAA,CAAA;AAAA,cA8DlB,sBA9DkB,EA8DI,KAAA,CAAA,yBA9DJ,CA8DI,IA9DJ,CA8DI,oBAAA,CAAA,2BA9DJ,GA8DI,KAAA,CAAA,aA9DJ,CA8DI,oBA9DJ,CAAA,EAAA,KAAA,CAAA,GA8DI,KAAA,CAAA,aA9DJ,CA8DI,oBA9DJ,CAAA,CAAA;AAAA,cA0ElB,iBAxE+C,EAwE9B,KAAA,CAAA,yBAxE8B,CAwE9B,IAxE8B,CAwE9B,oBAAA,CAAA,sBAxE8B,GAwE9B,KAAA,CAAA,aAxE8B,CAwE9B,iBAxE8B,CAAA,EAAA,KAAA,CAAA,GAwE9B,KAAA,CAAA,aAxE8B,CAwE9B,iBAxE8B,CAAA,CAAA;cAgF/C,iBAhF+C,EAgF9B,KAAA,CAAA,yBAhF8B,CAgF9B,IAhF8B,CAgF9B,oBAAA,CAAA,sBAhF8B,GAgF9B,KAAA,CAAA,aAhF8B,CAgF9B,iBAhF8B,CAAA,EAAA,KAAA,CAAA,GAgF9B,KAAA,CAAA,aAhF8B,CAgF9B,iBAhF8B,CAAA,CAAA"}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import { cn } from "../utils-C0f9Ma6r.js";
|
|
2
|
+
import { buttonVariants } from "../button-CJvoztqg.js";
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
|
+
import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
|
|
6
|
+
|
|
7
|
+
//#region src/components/alert-dialog.tsx
|
|
8
|
+
const AlertDialog = AlertDialogPrimitive.Root;
|
|
9
|
+
const AlertDialogTrigger = AlertDialogPrimitive.Trigger;
|
|
10
|
+
const AlertDialogPortal = AlertDialogPrimitive.Portal;
|
|
11
|
+
const AlertDialogOverlay = React.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(AlertDialogPrimitive.Overlay, {
|
|
12
|
+
className: cn("fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className),
|
|
13
|
+
...props,
|
|
14
|
+
ref
|
|
15
|
+
}));
|
|
16
|
+
AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
|
|
17
|
+
const AlertDialogContent = React.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [/* @__PURE__ */ jsx(AlertDialogOverlay, {}), /* @__PURE__ */ jsx(AlertDialogPrimitive.Content, {
|
|
18
|
+
ref,
|
|
19
|
+
className: cn("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg 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 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg", className),
|
|
20
|
+
...props
|
|
21
|
+
})] }));
|
|
22
|
+
AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
|
|
23
|
+
const AlertDialogHeader = ({ className,...props }) => /* @__PURE__ */ jsx("div", {
|
|
24
|
+
className: cn("flex flex-col space-y-2 text-center sm:text-left", className),
|
|
25
|
+
...props
|
|
26
|
+
});
|
|
27
|
+
AlertDialogHeader.displayName = "AlertDialogHeader";
|
|
28
|
+
const AlertDialogFooter = ({ className,...props }) => /* @__PURE__ */ jsx("div", {
|
|
29
|
+
className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className),
|
|
30
|
+
...props
|
|
31
|
+
});
|
|
32
|
+
AlertDialogFooter.displayName = "AlertDialogFooter";
|
|
33
|
+
const AlertDialogTitle = React.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(AlertDialogPrimitive.Title, {
|
|
34
|
+
ref,
|
|
35
|
+
className: cn("text-lg font-semibold", className),
|
|
36
|
+
...props
|
|
37
|
+
}));
|
|
38
|
+
AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
|
|
39
|
+
const AlertDialogDescription = React.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(AlertDialogPrimitive.Description, {
|
|
40
|
+
ref,
|
|
41
|
+
className: cn("text-sm text-muted-foreground", className),
|
|
42
|
+
...props
|
|
43
|
+
}));
|
|
44
|
+
AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
|
|
45
|
+
const AlertDialogAction = React.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(AlertDialogPrimitive.Action, {
|
|
46
|
+
ref,
|
|
47
|
+
className: cn(buttonVariants(), className),
|
|
48
|
+
...props
|
|
49
|
+
}));
|
|
50
|
+
AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
|
|
51
|
+
const AlertDialogCancel = React.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(AlertDialogPrimitive.Cancel, {
|
|
52
|
+
ref,
|
|
53
|
+
className: cn(buttonVariants({ variant: "outline" }), "mt-2 sm:mt-0", className),
|
|
54
|
+
...props
|
|
55
|
+
}));
|
|
56
|
+
AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
|
|
57
|
+
|
|
58
|
+
//#endregion
|
|
59
|
+
export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };
|
|
60
|
+
//# sourceMappingURL=alert-dialog.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"alert-dialog.js","names":[],"sources":["../../src/components/alert-dialog.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';\n\nimport { cn } from '../lib/utils';\nimport { buttonVariants } from './button';\n\nconst AlertDialog = AlertDialogPrimitive.Root;\n\nconst AlertDialogTrigger = AlertDialogPrimitive.Trigger;\n\nconst AlertDialogPortal = AlertDialogPrimitive.Portal;\n\nconst AlertDialogOverlay = React.forwardRef<\n React.ElementRef<typeof AlertDialogPrimitive.Overlay>,\n React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n <AlertDialogPrimitive.Overlay\n className={cn(\n 'fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n className\n )}\n {...props}\n ref={ref}\n />\n));\nAlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;\n\nconst AlertDialogContent = React.forwardRef<\n React.ElementRef<typeof AlertDialogPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content>\n>(({ className, ...props }, ref) => (\n <AlertDialogPortal>\n <AlertDialogOverlay />\n <AlertDialogPrimitive.Content\n ref={ref}\n className={cn(\n 'fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg 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 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg',\n className\n )}\n {...props}\n />\n </AlertDialogPortal>\n));\nAlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;\n\nconst AlertDialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n <div className={cn('flex flex-col space-y-2 text-center sm:text-left', className)} {...props} />\n);\nAlertDialogHeader.displayName = 'AlertDialogHeader';\n\nconst AlertDialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n <div\n className={cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className)}\n {...props}\n />\n);\nAlertDialogFooter.displayName = 'AlertDialogFooter';\n\nconst AlertDialogTitle = React.forwardRef<\n React.ElementRef<typeof AlertDialogPrimitive.Title>,\n React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n <AlertDialogPrimitive.Title\n ref={ref}\n className={cn('text-lg font-semibold', className)}\n {...props}\n />\n));\nAlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;\n\nconst AlertDialogDescription = React.forwardRef<\n React.ElementRef<typeof AlertDialogPrimitive.Description>,\n React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n <AlertDialogPrimitive.Description\n ref={ref}\n className={cn('text-sm text-muted-foreground', className)}\n {...props}\n />\n));\nAlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;\n\nconst AlertDialogAction = React.forwardRef<\n React.ElementRef<typeof AlertDialogPrimitive.Action>,\n React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action>\n>(({ className, ...props }, ref) => (\n <AlertDialogPrimitive.Action ref={ref} className={cn(buttonVariants(), className)} {...props} />\n));\nAlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;\n\nconst AlertDialogCancel = React.forwardRef<\n React.ElementRef<typeof AlertDialogPrimitive.Cancel>,\n React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel>\n>(({ className, ...props }, ref) => (\n <AlertDialogPrimitive.Cancel\n ref={ref}\n className={cn(buttonVariants({ variant: 'outline' }), 'mt-2 sm:mt-0', className)}\n {...props}\n />\n));\nAlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;\n\nexport {\n AlertDialog,\n AlertDialogPortal,\n AlertDialogOverlay,\n AlertDialogTrigger,\n AlertDialogContent,\n AlertDialogHeader,\n AlertDialogFooter,\n AlertDialogTitle,\n AlertDialogDescription,\n AlertDialogAction,\n AlertDialogCancel,\n};\n"],"mappings":";;;;;;;AAMA,MAAM,cAAc,qBAAqB;AAEzC,MAAM,qBAAqB,qBAAqB;AAEhD,MAAM,oBAAoB,qBAAqB;AAE/C,MAAM,qBAAqB,MAAM,WAG/B,CAAC,EAAE,UAAW,GAAG,OAAO,EAAE,wBAC1B,IAAC,qBAAqB;CACpB,WAAW,GACT,gLACA,UACD;CACD,GAAI;CACC;EACL,CACF;AACF,mBAAmB,cAAc,qBAAqB,QAAQ;AAE9D,MAAM,qBAAqB,MAAM,WAG/B,CAAC,EAAE,UAAW,GAAG,OAAO,EAAE,wBAC1B,KAAC,gDACC,IAAC,uBAAqB,kBACtB,IAAC,qBAAqB;CACf;CACL,WAAW,GACT,+fACA,UACD;CACD,GAAI;EACJ,IACgB,CACpB;AACF,mBAAmB,cAAc,qBAAqB,QAAQ;AAE9D,MAAM,oBAAoB,CAAC,EAAE,UAAW,GAAG,OAA6C,qBACtF,IAAC;CAAI,WAAW,GAAG,oDAAoD,UAAU;CAAE,GAAI;EAAS;AAElG,kBAAkB,cAAc;AAEhC,MAAM,oBAAoB,CAAC,EAAE,UAAW,GAAG,OAA6C,qBACtF,IAAC;CACC,WAAW,GAAG,iEAAiE,UAAU;CACzF,GAAI;EACJ;AAEJ,kBAAkB,cAAc;AAEhC,MAAM,mBAAmB,MAAM,WAG7B,CAAC,EAAE,UAAW,GAAG,OAAO,EAAE,wBAC1B,IAAC,qBAAqB;CACf;CACL,WAAW,GAAG,yBAAyB,UAAU;CACjD,GAAI;EACJ,CACF;AACF,iBAAiB,cAAc,qBAAqB,MAAM;AAE1D,MAAM,yBAAyB,MAAM,WAGnC,CAAC,EAAE,UAAW,GAAG,OAAO,EAAE,wBAC1B,IAAC,qBAAqB;CACf;CACL,WAAW,GAAG,iCAAiC,UAAU;CACzD,GAAI;EACJ,CACF;AACF,uBAAuB,cAAc,qBAAqB,YAAY;AAEtE,MAAM,oBAAoB,MAAM,WAG9B,CAAC,EAAE,UAAW,GAAG,OAAO,EAAE,wBAC1B,IAAC,qBAAqB;CAAY;CAAK,WAAW,GAAG,gBAAgB,EAAE,UAAU;CAAE,GAAI;EAAS,CAChG;AACF,kBAAkB,cAAc,qBAAqB,OAAO;AAE5D,MAAM,oBAAoB,MAAM,WAG9B,CAAC,EAAE,UAAW,GAAG,OAAO,EAAE,wBAC1B,IAAC,qBAAqB;CACf;CACL,WAAW,GAAG,eAAe,EAAE,SAAS,UAAW,EAAC,EAAE,gBAAgB,UAAU;CAChF,GAAI;EACJ,CACF;AACF,kBAAkB,cAAc,qBAAqB,OAAO"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { VariantProps } from "class-variance-authority";
|
|
3
|
+
import * as class_variance_authority_types1 from "class-variance-authority/types";
|
|
4
|
+
|
|
5
|
+
//#region src/components/alert.d.ts
|
|
6
|
+
declare const Alert: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
|
|
7
|
+
variant?: "default" | "destructive" | null | undefined;
|
|
8
|
+
} & class_variance_authority_types1.ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
|
|
9
|
+
declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
|
|
10
|
+
declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
|
|
11
|
+
//#endregion
|
|
12
|
+
export { Alert, AlertDescription, AlertTitle };
|
|
13
|
+
//# sourceMappingURL=alert.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"alert.d.ts","names":[],"sources":["../../src/components/alert.tsx"],"sourcesContent":[],"mappings":";;;;;cAqBM,OAAK,KAAA,CAAA,0BAAA,KAAA,CAAA,eAAA,kBAAA;;IAAA,+BAAA,CAAA,yDAAA;AApBuD,cA4B5D,UAHJ,EAGc,KAAA,CAAA,yBAHd,CAGc,KAAA,CAAA,cAHd,CAGc,kBAHd,CAAA,GAGc,KAAA,CAAA,aAHd,CAGc,oBAHd,CAAA,CAAA;cAcI,gBAdJ,EAcoB,KAAA,CAAA,yBAdpB,CAcoB,KAAA,CAAA,cAdpB,CAcoB,oBAdpB,CAAA,GAcoB,KAAA,CAAA,aAdpB,CAcoB,oBAdpB,CAAA,CAAA"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { cn } from "../utils-C0f9Ma6r.js";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { jsx } from "react/jsx-runtime";
|
|
4
|
+
import { cva } from "class-variance-authority";
|
|
5
|
+
|
|
6
|
+
//#region src/components/alert.tsx
|
|
7
|
+
const alertVariants = cva("relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground", {
|
|
8
|
+
variants: { variant: {
|
|
9
|
+
default: "bg-background text-foreground",
|
|
10
|
+
destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive"
|
|
11
|
+
} },
|
|
12
|
+
defaultVariants: { variant: "default" }
|
|
13
|
+
});
|
|
14
|
+
const Alert = React.forwardRef(({ className, variant,...props }, ref) => /* @__PURE__ */ jsx("div", {
|
|
15
|
+
ref,
|
|
16
|
+
role: "alert",
|
|
17
|
+
className: cn(alertVariants({ variant }), className),
|
|
18
|
+
...props
|
|
19
|
+
}));
|
|
20
|
+
Alert.displayName = "Alert";
|
|
21
|
+
const AlertTitle = React.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx("h5", {
|
|
22
|
+
ref,
|
|
23
|
+
className: cn("mb-1 font-medium leading-none tracking-tight", className),
|
|
24
|
+
...props
|
|
25
|
+
}));
|
|
26
|
+
AlertTitle.displayName = "AlertTitle";
|
|
27
|
+
const AlertDescription = React.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx("div", {
|
|
28
|
+
ref,
|
|
29
|
+
className: cn("text-sm [&_p]:leading-relaxed", className),
|
|
30
|
+
...props
|
|
31
|
+
}));
|
|
32
|
+
AlertDescription.displayName = "AlertDescription";
|
|
33
|
+
|
|
34
|
+
//#endregion
|
|
35
|
+
export { Alert, AlertDescription, AlertTitle };
|
|
36
|
+
//# sourceMappingURL=alert.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"alert.js","names":[],"sources":["../../src/components/alert.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '../lib/utils';\n\nconst alertVariants = cva(\n 'relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground',\n {\n variants: {\n variant: {\n default: 'bg-background text-foreground',\n destructive:\n 'border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive',\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n }\n);\n\nconst Alert = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof alertVariants>\n>(({ className, variant, ...props }, ref) => (\n <div ref={ref} role=\"alert\" className={cn(alertVariants({ variant }), className)} {...props} />\n));\nAlert.displayName = 'Alert';\n\nconst AlertTitle = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLHeadingElement>>(\n ({ className, ...props }, ref) => (\n <h5\n ref={ref}\n className={cn('mb-1 font-medium leading-none tracking-tight', className)}\n {...props}\n />\n )\n);\nAlertTitle.displayName = 'AlertTitle';\n\nconst AlertDescription = React.forwardRef<\n HTMLParagraphElement,\n React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n <div ref={ref} className={cn('text-sm [&_p]:leading-relaxed', className)} {...props} />\n));\nAlertDescription.displayName = 'AlertDescription';\n\nexport { Alert, AlertTitle, AlertDescription };\n"],"mappings":";;;;;;AAKA,MAAM,gBAAgB,IACpB,6JACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,aACE;CACH,EACF;CACD,iBAAiB,EACf,SAAS,UACV;AACF,EACF;AAED,MAAM,QAAQ,MAAM,WAGlB,CAAC,EAAE,WAAW,QAAS,GAAG,OAAO,EAAE,wBACnC,IAAC;CAAS;CAAK,MAAK;CAAQ,WAAW,GAAG,cAAc,EAAE,QAAS,EAAC,EAAE,UAAU;CAAE,GAAI;EAAS,CAC/F;AACF,MAAM,cAAc;AAEpB,MAAM,aAAa,MAAM,WACvB,CAAC,EAAE,UAAW,GAAG,OAAO,EAAE,wBACxB,IAAC;CACM;CACL,WAAW,GAAG,gDAAgD,UAAU;CACxE,GAAI;EACJ,CAEL;AACD,WAAW,cAAc;AAEzB,MAAM,mBAAmB,MAAM,WAG7B,CAAC,EAAE,UAAW,GAAG,OAAO,EAAE,wBAC1B,IAAC;CAAS;CAAK,WAAW,GAAG,iCAAiC,UAAU;CAAE,GAAI;EAAS,CACvF;AACF,iBAAiB,cAAc"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as react5 from "react";
|
|
2
|
+
import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
|
|
3
|
+
|
|
4
|
+
//#region src/components/aspect-ratio.d.ts
|
|
5
|
+
declare const AspectRatio: react5.ForwardRefExoticComponent<AspectRatioPrimitive.AspectRatioProps & react5.RefAttributes<HTMLDivElement>>;
|
|
6
|
+
//#endregion
|
|
7
|
+
export { AspectRatio };
|
|
8
|
+
//# sourceMappingURL=aspect-ratio.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"aspect-ratio.d.ts","names":[],"sources":["../../src/components/aspect-ratio.tsx"],"sourcesContent":[],"mappings":";;;;cAEM,aAAW,MAAA,CAAA,0BAAA,oBAAA,CAAA,mBAAA,MAAA,CAAA,cAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"aspect-ratio.js","names":[],"sources":["../../src/components/aspect-ratio.tsx"],"sourcesContent":["import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';\n\nconst AspectRatio = AspectRatioPrimitive.Root;\n\nexport { AspectRatio };\n"],"mappings":";;;AAEA,MAAM,cAAc,qBAAqB"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as AvatarPrimitive from "@radix-ui/react-avatar";
|
|
3
|
+
|
|
4
|
+
//#region src/components/avatar.d.ts
|
|
5
|
+
declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
6
|
+
declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
|
|
7
|
+
declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
8
|
+
//#endregion
|
|
9
|
+
export { Avatar, AvatarFallback, AvatarImage };
|
|
10
|
+
//# sourceMappingURL=avatar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"avatar.d.ts","names":[],"sources":["../../src/components/avatar.tsx"],"sourcesContent":[],"mappings":";;;;cAIM,QAAM,KAAA,CAAA,0BAAA,KAAA,eAAA,CAAA,cAAA,KAAA,CAAA,cAAA,2BAAA,KAAA,CAAA,cAAA;cAYN,aAAW,KAAA,CAAA,0BAAA,KAAA,eAAA,CAAA,mBAAA,KAAA,CAAA,cAAA,4BAAA,KAAA,CAAA,cAAA;AAfyC,cA2BpD,cAfJ,EAekB,KAAA,CAAA,yBAflB,CAekB,IAflB,CAekB,eAAA,CAAA,mBAflB,GAekB,KAAA,CAAA,aAflB,CAekB,eAflB,CAAA,EAAA,KAAA,CAAA,GAekB,KAAA,CAAA,aAflB,CAekB,eAflB,CAAA,CAAA"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { cn } from "../utils-C0f9Ma6r.js";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { jsx } from "react/jsx-runtime";
|
|
4
|
+
import * as AvatarPrimitive from "@radix-ui/react-avatar";
|
|
5
|
+
|
|
6
|
+
//#region src/components/avatar.tsx
|
|
7
|
+
const Avatar = React.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(AvatarPrimitive.Root, {
|
|
8
|
+
ref,
|
|
9
|
+
className: cn("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full", className),
|
|
10
|
+
...props
|
|
11
|
+
}));
|
|
12
|
+
Avatar.displayName = AvatarPrimitive.Root.displayName;
|
|
13
|
+
const AvatarImage = React.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(AvatarPrimitive.Image, {
|
|
14
|
+
ref,
|
|
15
|
+
className: cn("aspect-square h-full w-full", className),
|
|
16
|
+
...props
|
|
17
|
+
}));
|
|
18
|
+
AvatarImage.displayName = AvatarPrimitive.Image.displayName;
|
|
19
|
+
const AvatarFallback = React.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(AvatarPrimitive.Fallback, {
|
|
20
|
+
ref,
|
|
21
|
+
className: cn("flex h-full w-full items-center justify-center rounded-full bg-muted", className),
|
|
22
|
+
...props
|
|
23
|
+
}));
|
|
24
|
+
AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
|
|
25
|
+
|
|
26
|
+
//#endregion
|
|
27
|
+
export { Avatar, AvatarFallback, AvatarImage };
|
|
28
|
+
//# sourceMappingURL=avatar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"avatar.js","names":[],"sources":["../../src/components/avatar.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as AvatarPrimitive from '@radix-ui/react-avatar';\nimport { cn } from '../lib/utils';\n\nconst Avatar = React.forwardRef<\n React.ComponentRef<typeof AvatarPrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>\n>(({ className, ...props }, ref) => (\n <AvatarPrimitive.Root\n ref={ref}\n className={cn('relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full', className)}\n {...props}\n />\n));\nAvatar.displayName = AvatarPrimitive.Root.displayName;\n\nconst AvatarImage = React.forwardRef<\n React.ComponentRef<typeof AvatarPrimitive.Image>,\n React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>\n>(({ className, ...props }, ref) => (\n <AvatarPrimitive.Image\n ref={ref}\n className={cn('aspect-square h-full w-full', className)}\n {...props}\n />\n));\nAvatarImage.displayName = AvatarPrimitive.Image.displayName;\n\nconst AvatarFallback = React.forwardRef<\n React.ComponentRef<typeof AvatarPrimitive.Fallback>,\n React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>\n>(({ className, ...props }, ref) => (\n <AvatarPrimitive.Fallback\n ref={ref}\n className={cn(\n 'flex h-full w-full items-center justify-center rounded-full bg-muted',\n className\n )}\n {...props}\n />\n));\nAvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;\n\nexport { Avatar, AvatarImage, AvatarFallback };\n"],"mappings":";;;;;;AAIA,MAAM,SAAS,MAAM,WAGnB,CAAC,EAAE,UAAW,GAAG,OAAO,EAAE,wBAC1B,IAAC,gBAAgB;CACV;CACL,WAAW,GAAG,iEAAiE,UAAU;CACzF,GAAI;EACJ,CACF;AACF,OAAO,cAAc,gBAAgB,KAAK;AAE1C,MAAM,cAAc,MAAM,WAGxB,CAAC,EAAE,UAAW,GAAG,OAAO,EAAE,wBAC1B,IAAC,gBAAgB;CACV;CACL,WAAW,GAAG,+BAA+B,UAAU;CACvD,GAAI;EACJ,CACF;AACF,YAAY,cAAc,gBAAgB,MAAM;AAEhD,MAAM,iBAAiB,MAAM,WAG3B,CAAC,EAAE,UAAW,GAAG,OAAO,EAAE,wBAC1B,IAAC,gBAAgB;CACV;CACL,WAAW,GACT,wEACA,UACD;CACD,GAAI;EACJ,CACF;AACF,eAAe,cAAc,gBAAgB,SAAS"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as react_jsx_runtime18 from "react/jsx-runtime";
|
|
3
|
+
import { VariantProps } from "class-variance-authority";
|
|
4
|
+
import * as class_variance_authority_types2 from "class-variance-authority/types";
|
|
5
|
+
|
|
6
|
+
//#region src/components/badge.d.ts
|
|
7
|
+
declare const badgeVariants: (props?: ({
|
|
8
|
+
variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
|
|
9
|
+
} & class_variance_authority_types2.ClassProp) | undefined) => string;
|
|
10
|
+
interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {}
|
|
11
|
+
declare function Badge({
|
|
12
|
+
className,
|
|
13
|
+
variant,
|
|
14
|
+
...props
|
|
15
|
+
}: BadgeProps): react_jsx_runtime18.JSX.Element;
|
|
16
|
+
//#endregion
|
|
17
|
+
export { Badge, BadgeProps, badgeVariants };
|
|
18
|
+
//# sourceMappingURL=badge.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"badge.d.ts","names":[],"sources":["../../src/components/badge.tsx"],"sourcesContent":[],"mappings":";;;;;;cAKM;;IAiBL,+BAAA,CAAA;UAEgB,UAAA,SACP,KAAA,CAAM,eAAe,iBAAiB,oBAAoB,gBAxBF;AAuBlE,iBAGS,KAAA,CAFP;EAAA,SAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EAE+C,UAF/C,CAAA,EAEyD,mBAAA,CAAA,GAAA,CAAA,OAFzD"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { cn } from "../utils-C0f9Ma6r.js";
|
|
2
|
+
import "react";
|
|
3
|
+
import { jsx } from "react/jsx-runtime";
|
|
4
|
+
import { cva } from "class-variance-authority";
|
|
5
|
+
|
|
6
|
+
//#region src/components/badge.tsx
|
|
7
|
+
const badgeVariants = cva("inline-flex items-center rounded-full border border-border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", {
|
|
8
|
+
variants: { variant: {
|
|
9
|
+
default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
|
|
10
|
+
secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
|
|
11
|
+
destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
|
|
12
|
+
outline: "text-foreground"
|
|
13
|
+
} },
|
|
14
|
+
defaultVariants: { variant: "default" }
|
|
15
|
+
});
|
|
16
|
+
function Badge({ className, variant,...props }) {
|
|
17
|
+
return /* @__PURE__ */ jsx("div", {
|
|
18
|
+
className: cn(badgeVariants({ variant }), className),
|
|
19
|
+
...props
|
|
20
|
+
});
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
//#endregion
|
|
24
|
+
export { Badge, badgeVariants };
|
|
25
|
+
//# sourceMappingURL=badge.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"badge.js","names":[],"sources":["../../src/components/badge.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '../lib/utils';\n\nconst badgeVariants = cva(\n 'inline-flex items-center rounded-full border border-border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2',\n {\n variants: {\n variant: {\n default: 'border-transparent bg-primary text-primary-foreground hover:bg-primary/80',\n secondary:\n 'border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80',\n destructive:\n 'border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80',\n outline: 'text-foreground',\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n }\n);\n\nexport interface BadgeProps\n extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {}\n\nfunction Badge({ className, variant, ...props }: BadgeProps) {\n return <div className={cn(badgeVariants({ variant }), className)} {...props} />;\n}\n\nexport { Badge, badgeVariants };\n"],"mappings":";;;;;;AAKA,MAAM,gBAAgB,IACpB,wLACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,WACE;EACF,aACE;EACF,SAAS;CACV,EACF;CACD,iBAAiB,EACf,SAAS,UACV;AACF,EACF;AAKD,SAAS,MAAM,EAAE,WAAW,QAAS,GAAG,OAAmB,EAAE;AAC3D,wBAAO,IAAC;EAAI,WAAW,GAAG,cAAc,EAAE,QAAS,EAAC,EAAE,UAAU;EAAE,GAAI;GAAS;AAChF"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as react_jsx_runtime3 from "react/jsx-runtime";
|
|
3
|
+
|
|
4
|
+
//#region src/components/breadcrumb.d.ts
|
|
5
|
+
declare const Breadcrumb: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
|
|
6
|
+
separator?: React.ReactNode;
|
|
7
|
+
} & React.RefAttributes<HTMLElement>>;
|
|
8
|
+
declare const BreadcrumbList: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
|
|
9
|
+
declare const BreadcrumbItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
|
|
10
|
+
declare const BreadcrumbLink: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
|
|
11
|
+
asChild?: boolean;
|
|
12
|
+
} & React.RefAttributes<HTMLAnchorElement>>;
|
|
13
|
+
declare const BreadcrumbPage: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
14
|
+
declare const BreadcrumbSeparator: {
|
|
15
|
+
({
|
|
16
|
+
children,
|
|
17
|
+
className,
|
|
18
|
+
...props
|
|
19
|
+
}: React.ComponentProps<"li">): react_jsx_runtime3.JSX.Element;
|
|
20
|
+
displayName: string;
|
|
21
|
+
};
|
|
22
|
+
declare const BreadcrumbEllipsis: {
|
|
23
|
+
({
|
|
24
|
+
className,
|
|
25
|
+
...props
|
|
26
|
+
}: React.ComponentProps<"span">): react_jsx_runtime3.JSX.Element;
|
|
27
|
+
displayName: string;
|
|
28
|
+
};
|
|
29
|
+
//#endregion
|
|
30
|
+
export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
|
|
31
|
+
//# sourceMappingURL=breadcrumb.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"breadcrumb.d.ts","names":[],"sources":["../../src/components/breadcrumb.tsx"],"sourcesContent":[],"mappings":";;;;cAMM,YAAU,KAAA,CAAA,0BAAA,KAAA,KAAA,CAAA,kBAAA,KAAA,CAAA,eAAA,cAAA;cAGA,KAAA,CAAM;wBAAS;AATA,cAczB,cAHwE,EAG1D,KAAA,CAAA,yBAH0D,CAG1D,IAH0D,CAG1D,KAAA,CAAA,iBAH0D,CAG1D,KAAA,CAAA,gBAH0D,CAG1D,gBAH0D,CAAA,EAG1D,gBAH0D,CAAA,EAAA,KAAA,CAAA,GAG1D,KAAA,CAAA,aAH0D,CAG1D,gBAH0D,CAAA,CAAA;cAiBxE,cAjBwE,EAiB1D,KAAA,CAAA,yBAjB0D,CAiB1D,IAjB0D,CAiB1D,KAAA,CAAA,iBAjB0D,CAiB1D,KAAA,CAAA,gBAjB0D,CAiB1D,aAjB0D,CAAA,EAiB1D,aAjB0D,CAAA,EAAA,KAAA,CAAA,GAiB1D,KAAA,CAAA,aAjB0D,CAiB1D,aAjB0D,CAAA,CAAA;cAwBxE,cA7BU,EA6BI,KAAA,CAAA,yBA7BJ,CA6BI,IA7BJ,CA6BI,KAAA,CAAA,iBA7BJ,CA6BI,KAAA,CAAA,oBA7BJ,CA6BI,iBA7BJ,CAAA,EA6BI,iBA7BJ,CAAA,EAAA,KAAA,CAAA,GAAA;EAAA,OAAA,CAAA,EAAA,OAAA;CAAA,sBAAA,CA6BI,iBA7BJ,CAAA,CAAA;cA+CV,cA/CU,EA+CI,KAAA,CAAA,yBA/CJ,CA+CI,IA/CJ,CA+CI,KAAA,CAAA,iBA/CJ,CA+CI,KAAA,CAAA,cA/CJ,CA+CI,eA/CJ,CAAA,EA+CI,eA/CJ,CAAA,EAAA,KAAA,CAAA,GA+CI,KAAA,CAAA,aA/CJ,CA+CI,eA/CJ,CAAA,CAAA;cA6DV,mBA7DU,EAAA;EAAA,CAAA;IAGA,QAAM;IAAA,SAAA;IAAA,GAAA;EAAA,CAAA,EA0D0C,KAAA,CAAM,cA1DhD,CAAA,IAAA,CAAA,CAAA,EA0DoE,kBAAA,CAAA,GAAA,CAAA,OA1DpE;EAAS,WAAA,EAAA,MAAA;;cAsEzB,kBAzEU,EAAA;EAAA,CAAA;IAAA,SAAA;IAAA,GAAA;EAAA,CAAA,EAyEqC,KAAA,CAAM,cAzE3C,CAAA,MAAA,CAAA,CAAA,EAyEiE,kBAAA,CAAA,GAAA,CAAA,OAzEjE;EAQV,WAAA,EAAA,MAWL;CAAA"}
|