@coston/ui 0.1.1 → 0.2.2
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 +75 -10
- package/dist/{button-CJvoztqg.js → button-BJdMtkHX.js} +3 -3
- package/dist/button-BJdMtkHX.js.map +1 -0
- package/dist/{button-QxkOGnNm.d.ts → button-CyD56dqi.d.ts} +5 -5
- package/dist/{button-QxkOGnNm.d.ts.map → button-CyD56dqi.d.ts.map} +1 -1
- package/dist/components/accordion.d.ts.map +1 -1
- package/dist/components/accordion.js +4 -4
- package/dist/components/accordion.js.map +1 -1
- package/dist/components/alert-dialog.d.ts +3 -3
- package/dist/components/alert-dialog.d.ts.map +1 -1
- package/dist/components/alert-dialog.js +5 -5
- package/dist/components/alert-dialog.js.map +1 -1
- package/dist/components/alert.d.ts +2 -2
- package/dist/components/alert.js +3 -3
- package/dist/components/alert.js.map +1 -1
- package/dist/components/avatar.d.ts.map +1 -1
- package/dist/components/avatar.js +2 -2
- package/dist/components/avatar.js.map +1 -1
- package/dist/components/badge.d.ts +5 -5
- package/dist/components/badge.d.ts.map +1 -1
- package/dist/components/badge.js +4 -1
- package/dist/components/badge.js.map +1 -1
- package/dist/components/breadcrumb.d.ts +3 -3
- package/dist/components/breadcrumb.js +1 -1
- package/dist/components/button.d.ts +1 -1
- package/dist/components/button.js +2 -2
- package/dist/components/calendar.d.ts +2 -2
- package/dist/components/calendar.d.ts.map +1 -1
- package/dist/components/calendar.js +1 -1
- package/dist/components/card.d.ts +4 -1
- package/dist/components/card.d.ts.map +1 -1
- package/dist/components/card.js +5 -5
- package/dist/components/card.js.map +1 -1
- package/dist/components/carousel.d.ts +1 -1
- package/dist/components/carousel.js +2 -2
- package/dist/components/chart.d.ts +1 -1
- package/dist/components/chart.d.ts.map +1 -1
- package/dist/components/chart.js +1 -1
- package/dist/components/checkbox.js +3 -3
- package/dist/components/checkbox.js.map +1 -1
- package/dist/components/command.d.ts +75 -10
- package/dist/components/command.d.ts.map +1 -1
- package/dist/components/command.js +3 -3
- package/dist/components/command.js.map +1 -1
- package/dist/components/context-menu.d.ts +2 -2
- package/dist/components/context-menu.d.ts.map +1 -1
- package/dist/components/context-menu.js +3 -3
- package/dist/components/context-menu.js.map +1 -1
- package/dist/components/dialog.d.ts +3 -3
- package/dist/components/dialog.js +2 -2
- package/dist/components/drawer.d.ts +13 -11
- package/dist/components/drawer.d.ts.map +1 -1
- package/dist/components/drawer.js +2 -2
- package/dist/components/drawer.js.map +1 -1
- package/dist/components/dropdown-menu.d.ts +2 -2
- package/dist/components/dropdown-menu.d.ts.map +1 -1
- package/dist/components/dropdown-menu.js +3 -3
- package/dist/components/dropdown-menu.js.map +1 -1
- package/dist/components/hover-card.js +2 -2
- package/dist/components/hover-card.js.map +1 -1
- package/dist/components/input.js +1 -1
- package/dist/components/label.d.ts +2 -2
- package/dist/components/label.js +1 -1
- package/dist/components/menubar.d.ts +3 -3
- package/dist/components/menubar.js +4 -4
- package/dist/components/menubar.js.map +1 -1
- package/dist/components/navigation-menu.d.ts +2 -2
- package/dist/components/navigation-menu.js +2 -2
- package/dist/components/navigation-menu.js.map +1 -1
- package/dist/components/pagination.d.ts +7 -7
- package/dist/components/pagination.js +2 -2
- package/dist/components/popover.js +2 -2
- package/dist/components/popover.js.map +1 -1
- package/dist/components/progress.js +2 -2
- package/dist/components/progress.js.map +1 -1
- package/dist/components/radio-group.js +1 -1
- package/dist/components/resizable.d.ts +5 -5
- package/dist/components/resizable.d.ts.map +1 -1
- package/dist/components/resizable.js +4 -4
- package/dist/components/resizable.js.map +1 -1
- package/dist/components/scroll-area.js +1 -1
- package/dist/components/select.js +2 -2
- package/dist/components/select.js.map +1 -1
- package/dist/components/separator.js +2 -2
- package/dist/components/sheet.d.ts +6 -6
- package/dist/components/sheet.d.ts.map +1 -1
- package/dist/components/sheet.js +8 -8
- package/dist/components/sheet.js.map +1 -1
- package/dist/components/sidebar.d.ts +1 -1
- package/dist/components/sidebar.js +5 -5
- package/dist/components/sidebar.js.map +1 -1
- package/dist/components/skeleton.d.ts +2 -2
- package/dist/components/skeleton.js +1 -1
- package/dist/components/slider.js +3 -3
- package/dist/components/slider.js.map +1 -1
- package/dist/components/sonner.d.ts +2 -2
- package/dist/components/sonner.d.ts.map +1 -1
- package/dist/components/switch.js +3 -3
- package/dist/components/switch.js.map +1 -1
- package/dist/components/table.d.ts.map +1 -1
- package/dist/components/table.js +2 -2
- package/dist/components/table.js.map +1 -1
- package/dist/components/tabs.js +2 -2
- package/dist/components/tabs.js.map +1 -1
- package/dist/components/textarea.js +1 -1
- package/dist/components/toggle-group.d.ts +3 -3
- package/dist/components/toggle-group.js +2 -2
- package/dist/components/toggle.d.ts +3 -3
- package/dist/components/toggle.js +2 -2
- package/dist/components/tooltip.js +2 -2
- package/dist/{dialog-B_8jhMOs.js → dialog-COSqOqbH.js} +6 -6
- package/dist/dialog-COSqOqbH.js.map +1 -0
- package/dist/lib/utils.d.ts +2 -1
- package/dist/lib/utils.d.ts.map +1 -1
- package/dist/lib/utils.js +2 -2
- package/dist/{separator-9lzFsfCC.js → separator-C3mBJ8ik.js} +2 -2
- package/dist/{separator-9lzFsfCC.js.map → separator-C3mBJ8ik.js.map} +1 -1
- package/dist/{toggle-BpKiTVe4.js → toggle-CD9xIRlr.js} +3 -3
- package/dist/toggle-CD9xIRlr.js.map +1 -0
- package/dist/{tooltip-CXS6wR7g.js → tooltip-PxI7r4yP.js} +3 -3
- package/dist/tooltip-PxI7r4yP.js.map +1 -0
- package/dist/{utils-C0f9Ma6r.js → utils-CyPJ3VV3.js} +3 -2
- package/dist/utils-CyPJ3VV3.js.map +1 -0
- package/llms.txt +989 -0
- package/package.json +52 -14
- package/source.css +40 -0
- package/dist/button-CJvoztqg.js.map +0 -1
- package/dist/dialog-B_8jhMOs.js.map +0 -1
- package/dist/toggle-BpKiTVe4.js.map +0 -1
- package/dist/tooltip-CXS6wR7g.js.map +0 -1
- package/dist/utils-C0f9Ma6r.js.map +0 -1
- package/src/components/accordion.tsx +0 -51
- package/src/components/alert-dialog.tsx +0 -115
- package/src/components/alert.tsx +0 -49
- package/src/components/aspect-ratio.tsx +0 -5
- package/src/components/avatar.tsx +0 -44
- package/src/components/badge.tsx +0 -32
- package/src/components/breadcrumb.tsx +0 -101
- package/src/components/button.tsx +0 -48
- package/src/components/calendar.tsx +0 -76
- package/src/components/card.tsx +0 -60
- package/src/components/carousel.tsx +0 -240
- package/src/components/chart.tsx +0 -232
- package/src/components/checkbox.tsx +0 -25
- package/src/components/collapsible.tsx +0 -11
- package/src/components/command.tsx +0 -136
- package/src/components/context-menu.tsx +0 -187
- package/src/components/dialog.tsx +0 -105
- package/src/components/drawer.tsx +0 -98
- package/src/components/dropdown-menu.tsx +0 -185
- package/src/components/hover-card.tsx +0 -29
- package/src/components/input.tsx +0 -24
- package/src/components/label.tsx +0 -19
- package/src/components/menubar.tsx +0 -219
- package/src/components/navigation-menu.tsx +0 -120
- package/src/components/pagination.tsx +0 -98
- package/src/components/popover.tsx +0 -27
- package/src/components/progress.tsx +0 -23
- package/src/components/radio-group.tsx +0 -35
- package/src/components/resizable.tsx +0 -38
- package/src/components/scroll-area.tsx +0 -43
- package/src/components/select.tsx +0 -147
- package/src/components/separator.tsx +0 -23
- package/src/components/sheet.tsx +0 -122
- package/src/components/sidebar.tsx +0 -507
- package/src/components/skeleton.tsx +0 -7
- package/src/components/slider.tsx +0 -23
- package/src/components/sonner.tsx +0 -26
- package/src/components/switch.tsx +0 -26
- package/src/components/table.tsx +0 -95
- package/src/components/tabs.tsx +0 -53
- package/src/components/textarea.tsx +0 -20
- package/src/components/toggle-group.tsx +0 -54
- package/src/components/toggle.tsx +0 -40
- package/src/components/tooltip.tsx +0 -27
- package/src/hooks/use-mobile.tsx +0 -19
- package/src/lib/utils.ts +0 -6
package/README.md
CHANGED
|
@@ -5,19 +5,92 @@ React UI components built on [Radix UI](https://www.radix-ui.com/) and [Tailwind
|
|
|
5
5
|
## Install
|
|
6
6
|
|
|
7
7
|
```bash
|
|
8
|
-
npm install @coston/ui
|
|
8
|
+
npm install @coston/ui @coston/design-tokens
|
|
9
9
|
```
|
|
10
10
|
|
|
11
11
|
Peer dependencies: `react`, `react-dom`
|
|
12
12
|
|
|
13
|
-
##
|
|
13
|
+
## Setup
|
|
14
|
+
|
|
15
|
+
### 1. CSS
|
|
16
|
+
|
|
17
|
+
Add to your root CSS file, after `@import "tailwindcss"`:
|
|
18
|
+
|
|
19
|
+
```css
|
|
20
|
+
@import 'tailwindcss';
|
|
21
|
+
@import '@coston/design-tokens/tailwind.css';
|
|
22
|
+
@import '@coston/ui/source.css';
|
|
23
|
+
```
|
|
24
|
+
|
|
25
|
+
### 2. Use components
|
|
26
|
+
|
|
27
|
+
Every component is a named export from its own entry point:
|
|
28
|
+
|
|
29
|
+
```tsx
|
|
30
|
+
import { Button } from '@coston/ui/button';
|
|
31
|
+
import { Card, CardHeader, CardTitle, CardContent } from '@coston/ui/card';
|
|
32
|
+
import { Input } from '@coston/ui/input';
|
|
33
|
+
|
|
34
|
+
export function Example() {
|
|
35
|
+
return (
|
|
36
|
+
<Card>
|
|
37
|
+
<CardHeader>
|
|
38
|
+
<CardTitle>Example</CardTitle>
|
|
39
|
+
</CardHeader>
|
|
40
|
+
<CardContent className="flex gap-2">
|
|
41
|
+
<Input placeholder="Enter text" />
|
|
42
|
+
<Button>Submit</Button>
|
|
43
|
+
</CardContent>
|
|
44
|
+
</Card>
|
|
45
|
+
);
|
|
46
|
+
}
|
|
47
|
+
```
|
|
48
|
+
|
|
49
|
+
## LLM Usage Instructions
|
|
50
|
+
|
|
51
|
+
### Correct import pattern
|
|
14
52
|
|
|
15
53
|
```tsx
|
|
54
|
+
// Each component is a named export from a separate entry point
|
|
16
55
|
import { Button } from '@coston/ui/button';
|
|
17
56
|
import { Card, CardHeader, CardTitle, CardContent } from '@coston/ui/card';
|
|
18
57
|
import { cn } from '@coston/ui/lib/utils';
|
|
58
|
+
import { useIsMobile } from '@coston/ui/hooks/use-mobile';
|
|
19
59
|
```
|
|
20
60
|
|
|
61
|
+
### Required CSS setup
|
|
62
|
+
|
|
63
|
+
Components render unstyled without the CSS imports. The setup in your root CSS is mandatory:
|
|
64
|
+
|
|
65
|
+
```css
|
|
66
|
+
@import 'tailwindcss';
|
|
67
|
+
@import '@coston/design-tokens/tailwind.css';
|
|
68
|
+
@import '@coston/ui/source.css';
|
|
69
|
+
```
|
|
70
|
+
|
|
71
|
+
### Do NOT
|
|
72
|
+
|
|
73
|
+
- Do not import from the package root: `import { Button } from '@coston/ui'` — there is no root export
|
|
74
|
+
- Do not use default imports: `import Button from '@coston/ui/button'` — all exports are named
|
|
75
|
+
- Do not skip the CSS setup — components will render without styles
|
|
76
|
+
- Do not import `@coston/ui/source.css` without also importing `@coston/design-tokens/tailwind.css` — components depend on the design token CSS variables
|
|
77
|
+
|
|
78
|
+
### Optional peer dependencies
|
|
79
|
+
|
|
80
|
+
Some components require additional packages:
|
|
81
|
+
|
|
82
|
+
| Component | Package |
|
|
83
|
+
| --------- | ------------------------------ |
|
|
84
|
+
| Chart | `recharts` |
|
|
85
|
+
| Carousel | `embla-carousel-react` |
|
|
86
|
+
| Sonner | `sonner` |
|
|
87
|
+
| Drawer | `vaul` |
|
|
88
|
+
| Command | `cmdk` |
|
|
89
|
+
| Resizable | `react-resizable-panels` |
|
|
90
|
+
| Calendar | `react-day-picker`, `date-fns` |
|
|
91
|
+
|
|
92
|
+
Install only what you use.
|
|
93
|
+
|
|
21
94
|
## Components
|
|
22
95
|
|
|
23
96
|
| Component | Import |
|
|
@@ -74,14 +147,6 @@ import { cn } from '@coston/ui/lib/utils';
|
|
|
74
147
|
| `cn()` | `@coston/ui/lib/utils` |
|
|
75
148
|
| `useIsMobile()` | `@coston/ui/hooks/use-mobile` |
|
|
76
149
|
|
|
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
150
|
## License
|
|
86
151
|
|
|
87
152
|
MIT
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { cn } from "./utils-
|
|
1
|
+
import { cn } from "./utils-CyPJ3VV3.js";
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
import { jsx } from "react/jsx-runtime";
|
|
4
4
|
import { Slot } from "@radix-ui/react-slot";
|
|
5
5
|
import { cva } from "class-variance-authority";
|
|
6
6
|
|
|
7
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-
|
|
8
|
+
const buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-[color,background-color,box-shadow,transform] duration-150 active:scale-[0.96] active:duration-75 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
9
|
variants: {
|
|
10
10
|
variant: {
|
|
11
11
|
default: "bg-primary text-primary-foreground hover:bg-primary/90",
|
|
@@ -43,4 +43,4 @@ Button.displayName = "Button";
|
|
|
43
43
|
|
|
44
44
|
//#endregion
|
|
45
45
|
export { Button, buttonVariants };
|
|
46
|
-
//# sourceMappingURL=button-
|
|
46
|
+
//# sourceMappingURL=button-BJdMtkHX.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button-BJdMtkHX.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-[color,background-color,box-shadow,transform] duration-150 active:scale-[0.96] active:duration-75 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,2XACA;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"}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { VariantProps } from "class-variance-authority";
|
|
3
|
-
import * as
|
|
3
|
+
import * as class_variance_authority_types1 from "class-variance-authority/types";
|
|
4
4
|
|
|
5
5
|
//#region src/components/button.d.ts
|
|
6
6
|
declare const buttonVariants: (props?: ({
|
|
7
|
-
variant?: "link" | "default" | "destructive" | "
|
|
8
|
-
size?: "default" | "
|
|
9
|
-
} &
|
|
7
|
+
variant?: "link" | "default" | "destructive" | "secondary" | "outline" | "ghost" | null | undefined;
|
|
8
|
+
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
|
9
|
+
} & class_variance_authority_types1.ClassProp) | undefined) => string;
|
|
10
10
|
interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
11
11
|
asChild?: boolean;
|
|
12
12
|
}
|
|
13
13
|
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
14
14
|
//#endregion
|
|
15
15
|
export { Button as Button$1, ButtonProps, buttonVariants as buttonVariants$1 };
|
|
16
|
-
//# sourceMappingURL=button-
|
|
16
|
+
//# sourceMappingURL=button-CyD56dqi.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-
|
|
1
|
+
{"version":3,"file":"button-CyD56dqi.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"}
|
|
@@ -1 +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,
|
|
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,cAmB1D,gBAdmC,EAcnB,KAAA,CAAA,yBAdmB,CAcnB,IAdmB,CAcnB,kBAAA,CAAA,qBAdmB,GAcnB,KAAA,CAAA,aAdmB,CAcnB,iBAdmB,CAAA,EAAA,KAAA,CAAA,GAcnB,KAAA,CAAA,aAdmB,CAcnB,iBAdmB,CAAA,CAAA;cAkCnC,gBAlCmC,EAkCnB,KAAA,CAAA,yBAlCmB,CAkCnB,IAlCmB,CAkCnB,kBAAA,CAAA,qBAlCmB,GAkCnB,KAAA,CAAA,aAlCmB,CAkCnB,cAlCmB,CAAA,EAAA,KAAA,CAAA,GAkCnB,KAAA,CAAA,aAlCmB,CAkCnB,cAlCmB,CAAA,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { cn } from "../utils-
|
|
1
|
+
import { cn } from "../utils-CyPJ3VV3.js";
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
import * as AccordionPrimitive from "@radix-ui/react-accordion";
|
|
4
4
|
import { ChevronDown } from "lucide-react";
|
|
@@ -8,7 +8,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
|
|
|
8
8
|
const Accordion = AccordionPrimitive.Root;
|
|
9
9
|
const AccordionItem = React.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Item, {
|
|
10
10
|
ref,
|
|
11
|
-
className: cn("border-b", className),
|
|
11
|
+
className: cn("border-b border-border", className),
|
|
12
12
|
...props
|
|
13
13
|
}));
|
|
14
14
|
AccordionItem.displayName = "AccordionItem";
|
|
@@ -16,7 +16,7 @@ const AccordionTrigger = React.forwardRef(({ className, children,...props }, ref
|
|
|
16
16
|
className: "flex",
|
|
17
17
|
children: /* @__PURE__ */ jsxs(AccordionPrimitive.Trigger, {
|
|
18
18
|
ref,
|
|
19
|
-
className: cn("flex flex-1 items-center justify-between py-4 font-medium transition-
|
|
19
|
+
className: cn("flex flex-1 items-center justify-between py-4 font-medium transition-colors hover:underline [&[data-state=open]>svg]:rotate-180", className),
|
|
20
20
|
...props,
|
|
21
21
|
children: [children, /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 shrink-0 transition-transform duration-200" })]
|
|
22
22
|
})
|
|
@@ -24,7 +24,7 @@ const AccordionTrigger = React.forwardRef(({ className, children,...props }, ref
|
|
|
24
24
|
AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
|
|
25
25
|
const AccordionContent = React.forwardRef(({ className, children,...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Content, {
|
|
26
26
|
ref,
|
|
27
|
-
className: "overflow-hidden text-sm
|
|
27
|
+
className: "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
|
|
28
28
|
...props,
|
|
29
29
|
children: /* @__PURE__ */ jsx("div", {
|
|
30
30
|
className: cn("pb-4 pt-0", className),
|
|
@@ -1 +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
|
|
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\n ref={ref}\n className={cn('border-b border-border', className)}\n {...props}\n />\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-colors 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 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;CACb;CACL,WAAW,GAAG,0BAA0B,UAAU;CAClD,GAAI;EACJ,CACF;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,mIACA,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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
3
|
import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
|
|
4
4
|
|
|
5
5
|
//#region src/components/alert-dialog.d.ts
|
|
@@ -12,14 +12,14 @@ declare const AlertDialogHeader: {
|
|
|
12
12
|
({
|
|
13
13
|
className,
|
|
14
14
|
...props
|
|
15
|
-
}: React.HTMLAttributes<HTMLDivElement>):
|
|
15
|
+
}: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime0.JSX.Element;
|
|
16
16
|
displayName: string;
|
|
17
17
|
};
|
|
18
18
|
declare const AlertDialogFooter: {
|
|
19
19
|
({
|
|
20
20
|
className,
|
|
21
21
|
...props
|
|
22
|
-
}: React.HTMLAttributes<HTMLDivElement>):
|
|
22
|
+
}: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime0.JSX.Element;
|
|
23
23
|
displayName: string;
|
|
24
24
|
};
|
|
25
25
|
declare const AlertDialogTitle: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
@@ -1 +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,
|
|
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,kBAAA,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,kBAAA,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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { cn } from "../utils-
|
|
2
|
-
import { buttonVariants } from "../button-
|
|
1
|
+
import { cn, overlayBorder } from "../utils-CyPJ3VV3.js";
|
|
2
|
+
import { buttonVariants } from "../button-BJdMtkHX.js";
|
|
3
3
|
import * as React from "react";
|
|
4
4
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
5
|
import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
|
|
@@ -16,7 +16,7 @@ const AlertDialogOverlay = React.forwardRef(({ className,...props }, ref) => /*
|
|
|
16
16
|
AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
|
|
17
17
|
const AlertDialogContent = React.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [/* @__PURE__ */ jsx(AlertDialogOverlay, {}), /* @__PURE__ */ jsx(AlertDialogPrimitive.Content, {
|
|
18
18
|
ref,
|
|
19
|
-
className: cn(
|
|
19
|
+
className: cn(`fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 ${overlayBorder} bg-popover 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
20
|
...props
|
|
21
21
|
})] }));
|
|
22
22
|
AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
|
|
@@ -32,13 +32,13 @@ const AlertDialogFooter = ({ className,...props }) => /* @__PURE__ */ jsx("div",
|
|
|
32
32
|
AlertDialogFooter.displayName = "AlertDialogFooter";
|
|
33
33
|
const AlertDialogTitle = React.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(AlertDialogPrimitive.Title, {
|
|
34
34
|
ref,
|
|
35
|
-
className: cn("text-lg font-semibold", className),
|
|
35
|
+
className: cn("text-lg font-semibold text-balance", className),
|
|
36
36
|
...props
|
|
37
37
|
}));
|
|
38
38
|
AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
|
|
39
39
|
const AlertDialogDescription = React.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(AlertDialogPrimitive.Description, {
|
|
40
40
|
ref,
|
|
41
|
-
className: cn("text-sm text-muted-foreground", className),
|
|
41
|
+
className: cn("text-sm text-muted-foreground text-pretty", className),
|
|
42
42
|
...props
|
|
43
43
|
}));
|
|
44
44
|
AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
|
|
@@ -1 +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
|
|
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, overlayBorder } 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 ${overlayBorder} bg-popover 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 text-balance', 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 text-pretty', 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,IACR,mGAAmG,cAAc,oZAClH,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,sCAAsC,UAAU;CAC9D,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,6CAA6C,UAAU;CACrE,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"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { VariantProps } from "class-variance-authority";
|
|
3
|
-
import * as
|
|
3
|
+
import * as class_variance_authority_types0 from "class-variance-authority/types";
|
|
4
4
|
|
|
5
5
|
//#region src/components/alert.d.ts
|
|
6
6
|
declare const Alert: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
|
|
7
7
|
variant?: "default" | "destructive" | null | undefined;
|
|
8
|
-
} &
|
|
8
|
+
} & class_variance_authority_types0.ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
|
|
9
9
|
declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
|
|
10
10
|
declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
|
|
11
11
|
//#endregion
|
package/dist/components/alert.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { cn } from "../utils-
|
|
1
|
+
import { cn } from "../utils-CyPJ3VV3.js";
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
import { jsx } from "react/jsx-runtime";
|
|
4
4
|
import { cva } from "class-variance-authority";
|
|
5
5
|
|
|
6
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", {
|
|
7
|
+
const alertVariants = cva("relative w-full rounded-lg border border-border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground", {
|
|
8
8
|
variants: { variant: {
|
|
9
9
|
default: "bg-background text-foreground",
|
|
10
10
|
destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive"
|
|
@@ -20,7 +20,7 @@ const Alert = React.forwardRef(({ className, variant,...props }, ref) => /* @__P
|
|
|
20
20
|
Alert.displayName = "Alert";
|
|
21
21
|
const AlertTitle = React.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx("h5", {
|
|
22
22
|
ref,
|
|
23
|
-
className: cn("mb-1 font-medium leading-none tracking-tight", className),
|
|
23
|
+
className: cn("mb-1 font-medium leading-none tracking-tight text-balance", className),
|
|
24
24
|
...props
|
|
25
25
|
}));
|
|
26
26
|
AlertTitle.displayName = "AlertTitle";
|
|
@@ -1 +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,
|
|
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 border-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 text-balance', 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,2KACA;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,6DAA6D,UAAU;CACrF,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"}
|
|
@@ -1 +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;
|
|
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;cAeN,aAAW,KAAA,CAAA,0BAAA,KAAA,eAAA,CAAA,mBAAA,KAAA,CAAA,cAAA,4BAAA,KAAA,CAAA,cAAA;AAlByC,cA8BpD,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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { cn } from "../utils-
|
|
1
|
+
import { cn } from "../utils-CyPJ3VV3.js";
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
import { jsx } from "react/jsx-runtime";
|
|
4
4
|
import * as AvatarPrimitive from "@radix-ui/react-avatar";
|
|
@@ -6,7 +6,7 @@ import * as AvatarPrimitive from "@radix-ui/react-avatar";
|
|
|
6
6
|
//#region src/components/avatar.tsx
|
|
7
7
|
const Avatar = React.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(AvatarPrimitive.Root, {
|
|
8
8
|
ref,
|
|
9
|
-
className: cn("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full", className),
|
|
9
|
+
className: cn("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full ring-1 ring-black/10 dark:ring-white/10", className),
|
|
10
10
|
...props
|
|
11
11
|
}));
|
|
12
12
|
Avatar.displayName = AvatarPrimitive.Root.displayName;
|
|
@@ -1 +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'
|
|
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(\n 'relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full ring-1 ring-black/10 dark:ring-white/10',\n className\n )}\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,GACT,yGACA,UACD;CACD,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"}
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime1 from "react/jsx-runtime";
|
|
3
3
|
import { VariantProps } from "class-variance-authority";
|
|
4
|
-
import * as
|
|
4
|
+
import * as class_variance_authority_types0 from "class-variance-authority/types";
|
|
5
5
|
|
|
6
6
|
//#region src/components/badge.d.ts
|
|
7
7
|
declare const badgeVariants: (props?: ({
|
|
8
|
-
variant?: "default" | "destructive" | "
|
|
9
|
-
} &
|
|
8
|
+
variant?: "default" | "destructive" | "secondary" | "success" | "warning" | "info" | "outline" | null | undefined;
|
|
9
|
+
} & class_variance_authority_types0.ClassProp) | undefined) => string;
|
|
10
10
|
interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {}
|
|
11
11
|
declare function Badge({
|
|
12
12
|
className,
|
|
13
13
|
variant,
|
|
14
14
|
...props
|
|
15
|
-
}: BadgeProps):
|
|
15
|
+
}: BadgeProps): react_jsx_runtime1.JSX.Element;
|
|
16
16
|
//#endregion
|
|
17
17
|
export { Badge, BadgeProps, badgeVariants };
|
|
18
18
|
//# sourceMappingURL=badge.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"badge.d.ts","names":[],"sources":["../../src/components/badge.tsx"],"sourcesContent":[],"mappings":";;;;;;cAKM;;
|
|
1
|
+
{"version":3,"file":"badge.d.ts","names":[],"sources":["../../src/components/badge.tsx"],"sourcesContent":[],"mappings":";;;;;;cAKM;;IAoBL,+BAAA,CAAA;UAEgB,UAAA,SACP,KAAA,CAAM,eAAe,iBAAiB,oBAAoB,gBA3BF;AA0BlE,iBAGS,KAAA,CAFP;EAAA,SAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EAE+C,UAF/C,CAAA,EAEyD,kBAAA,CAAA,GAAA,CAAA,OAFzD"}
|
package/dist/components/badge.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { cn } from "../utils-
|
|
1
|
+
import { cn } from "../utils-CyPJ3VV3.js";
|
|
2
2
|
import "react";
|
|
3
3
|
import { jsx } from "react/jsx-runtime";
|
|
4
4
|
import { cva } from "class-variance-authority";
|
|
@@ -9,6 +9,9 @@ const badgeVariants = cva("inline-flex items-center rounded-full border border-b
|
|
|
9
9
|
default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
|
|
10
10
|
secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
|
|
11
11
|
destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
|
|
12
|
+
success: "border-transparent bg-success text-success-foreground hover:bg-success/80",
|
|
13
|
+
warning: "border-transparent bg-warning text-warning-foreground hover:bg-warning/80",
|
|
14
|
+
info: "border-transparent bg-info text-info-foreground hover:bg-info/80",
|
|
12
15
|
outline: "text-foreground"
|
|
13
16
|
} },
|
|
14
17
|
defaultVariants: { variant: "default" }
|
|
@@ -1 +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"}
|
|
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 success: 'border-transparent bg-success text-success-foreground hover:bg-success/80',\n warning: 'border-transparent bg-warning text-warning-foreground hover:bg-warning/80',\n info: 'border-transparent bg-info text-info-foreground hover:bg-info/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;EACT,SAAS;EACT,MAAM;EACN,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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime2 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region src/components/breadcrumb.d.ts
|
|
5
5
|
declare const Breadcrumb: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
|
|
@@ -16,14 +16,14 @@ declare const BreadcrumbSeparator: {
|
|
|
16
16
|
children,
|
|
17
17
|
className,
|
|
18
18
|
...props
|
|
19
|
-
}: React.ComponentProps<"li">):
|
|
19
|
+
}: React.ComponentProps<"li">): react_jsx_runtime2.JSX.Element;
|
|
20
20
|
displayName: string;
|
|
21
21
|
};
|
|
22
22
|
declare const BreadcrumbEllipsis: {
|
|
23
23
|
({
|
|
24
24
|
className,
|
|
25
25
|
...props
|
|
26
|
-
}: React.ComponentProps<"span">):
|
|
26
|
+
}: React.ComponentProps<"span">): react_jsx_runtime2.JSX.Element;
|
|
27
27
|
displayName: string;
|
|
28
28
|
};
|
|
29
29
|
//#endregion
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { Button$1 as Button, ButtonProps, buttonVariants$1 as buttonVariants } from "../button-
|
|
1
|
+
import { Button$1 as Button, ButtonProps, buttonVariants$1 as buttonVariants } from "../button-CyD56dqi.js";
|
|
2
2
|
export { Button, ButtonProps, buttonVariants };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime4 from "react/jsx-runtime";
|
|
3
3
|
import { DayPicker } from "react-day-picker";
|
|
4
4
|
|
|
5
5
|
//#region src/components/calendar.d.ts
|
|
@@ -8,7 +8,7 @@ declare function Calendar({
|
|
|
8
8
|
className,
|
|
9
9
|
classNames,
|
|
10
10
|
...props
|
|
11
|
-
}: CalendarProps):
|
|
11
|
+
}: CalendarProps): react_jsx_runtime4.JSX.Element;
|
|
12
12
|
declare namespace Calendar {
|
|
13
13
|
var displayName: string;
|
|
14
14
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendar.d.ts","names":[],"sources":["../../src/components/calendar.tsx"],"sourcesContent":[],"mappings":";;;;;KAMY,aAAA,GAAgB,KAAA,CAAM,sBAAsB;iBAE/C,QAAA;;;;GAA8C,gBAAa,
|
|
1
|
+
{"version":3,"file":"calendar.d.ts","names":[],"sources":["../../src/components/calendar.tsx"],"sourcesContent":[],"mappings":";;;;;KAMY,aAAA,GAAgB,KAAA,CAAM,sBAAsB;iBAE/C,QAAA;;;;GAA8C,gBAAa,kBAAA,CAAA,GAAA,CAAA;kBAA3D,QAAA;EAFG,IAAA,WAAA,EAAa,MAAA"}
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
|
|
3
3
|
//#region src/components/card.d.ts
|
|
4
|
-
|
|
4
|
+
interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
5
|
+
interactive?: boolean;
|
|
6
|
+
}
|
|
7
|
+
declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
|
|
5
8
|
declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
6
9
|
declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
|
|
7
10
|
declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.d.ts","names":[],"sources":["../../src/components/card.tsx"],"sourcesContent":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"card.d.ts","names":[],"sources":["../../src/components/card.tsx"],"sourcesContent":[],"mappings":";;;UAIU,SAAA,SAAkB,KAAA,CAAM,eAAe;;AAJlB;cAQzB,IAJc,EAIV,KAAA,CAAA,yBAJU,CAIV,SAJU,GAIV,KAAA,CAAA,aAJU,CAIV,cAJU,CAAA,CAAA;cAqBd,UArB2C,EAqBjC,KAAA,CAAA,yBArBiC,CAqBjC,KAAA,CAAA,cArBiC,CAqBjC,cArBiC,CAAA,GAqBjC,KAAA,CAAA,aArBiC,CAqBjC,cArBiC,CAAA,CAAA;cA4B3C,SA5B4B,EA4BnB,KAAA,CAAA,yBA5BmB,CA4BnB,KAAA,CAAA,cA5BmB,CA4BnB,kBA5BmB,CAAA,GA4BnB,KAAA,CAAA,aA5BmB,CA4BnB,oBA5BmB,CAAA,CAAA;AAAc,cAuC1C,eAvC0C,EAuC3B,KAAA,CAAA,yBAvC2B,CAuC3B,KAAA,CAAA,cAvC2B,CAuC3B,oBAvC2B,CAAA,GAuC3B,KAAA,CAAA,aAvC2B,CAuC3B,oBAvC2B,CAAA,CAAA;AAAA,cA+C1C,WA7BL,EA6BgB,KAAA,CAAA,yBA7BhB,CA6BgB,KAAA,CAAA,cA7BhB,CA6BgB,cA7BhB,CAAA,GA6BgB,KAAA,CAAA,aA7BhB,CA6BgB,cA7BhB,CAAA,CAAA;cAoCK,UApCL,EAoCe,KAAA,CAAA,yBApCf,CAoCe,KAAA,CAAA,cApCf,CAoCe,cApCf,CAAA,GAoCe,KAAA,CAAA,aApCf,CAoCe,cApCf,CAAA,CAAA"}
|
package/dist/components/card.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { cn } from "../utils-
|
|
1
|
+
import { cn } from "../utils-CyPJ3VV3.js";
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
import { jsx } from "react/jsx-runtime";
|
|
4
4
|
|
|
5
5
|
//#region src/components/card.tsx
|
|
6
|
-
const Card = React.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx("div", {
|
|
6
|
+
const Card = React.forwardRef(({ className, interactive,...props }, ref) => /* @__PURE__ */ jsx("div", {
|
|
7
7
|
ref,
|
|
8
8
|
"data-slot": "card",
|
|
9
|
-
className: cn("rounded-lg border border-border bg-card text-card-foreground shadow-sm", className),
|
|
9
|
+
className: cn("rounded-lg border border-border bg-card text-card-foreground shadow-sm", interactive && "cursor-pointer transition-all duration-200 hover:-translate-y-0.5 hover:shadow-md", className),
|
|
10
10
|
...props
|
|
11
11
|
}));
|
|
12
12
|
Card.displayName = "Card";
|
|
@@ -18,13 +18,13 @@ const CardHeader = React.forwardRef(({ className,...props }, ref) => /* @__PURE_
|
|
|
18
18
|
CardHeader.displayName = "CardHeader";
|
|
19
19
|
const CardTitle = React.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx("h3", {
|
|
20
20
|
ref,
|
|
21
|
-
className: cn("text-2xl font-semibold leading-none tracking-tight", className),
|
|
21
|
+
className: cn("text-2xl font-semibold leading-none tracking-tight text-balance", className),
|
|
22
22
|
...props
|
|
23
23
|
}));
|
|
24
24
|
CardTitle.displayName = "CardTitle";
|
|
25
25
|
const CardDescription = React.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx("p", {
|
|
26
26
|
ref,
|
|
27
|
-
className: cn("text-sm text-muted-foreground", className),
|
|
27
|
+
className: cn("text-sm text-muted-foreground text-pretty", className),
|
|
28
28
|
...props
|
|
29
29
|
}));
|
|
30
30
|
CardDescription.displayName = "CardDescription";
|