@alkimi.org/ui-kit 0.1.9 → 0.1.10
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.github.md +1 -1
- package/README.md +2 -33
- package/README.npm.md +2 -33
- package/dist/components/button.d.mts +3 -1
- package/dist/components/button.d.ts +3 -1
- package/dist/components/button.js +23 -9
- package/dist/components/button.js.map +1 -1
- package/dist/components/button.mjs +24 -10
- package/dist/components/button.mjs.map +1 -1
- package/dist/components/card.js.map +1 -1
- package/dist/components/card.mjs.map +1 -1
- package/dist/index.css +78 -11
- package/dist/index.css.map +1 -1
- package/dist/index.d.mts +9 -2
- package/dist/index.d.ts +9 -2
- package/dist/index.js +49 -54
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +48 -51
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +78 -11
- package/dist/styles.css.map +1 -1
- package/package.json +8 -1
package/README.github.md
CHANGED
package/README.md
CHANGED
|
@@ -29,7 +29,7 @@ module.exports = {
|
|
|
29
29
|
darkMode: ["class"],
|
|
30
30
|
content: [
|
|
31
31
|
"./src/**/*.{js,jsx,ts,tsx}",
|
|
32
|
-
"./node_modules/@alkimi/ui-kit/dist/**/*.{js,mjs}",
|
|
32
|
+
"./node_modules/@alkimi.org/ui-kit/dist/**/*.{js,mjs}",
|
|
33
33
|
],
|
|
34
34
|
theme: {
|
|
35
35
|
extend: {
|
|
@@ -143,7 +143,7 @@ Or if you prefer, add the CSS variables to your own CSS file:
|
|
|
143
143
|
### Button Component
|
|
144
144
|
|
|
145
145
|
```tsx
|
|
146
|
-
import { Button } from "@alkimi/ui-kit"
|
|
146
|
+
import { Button } from "@alkimi.org/ui-kit"
|
|
147
147
|
|
|
148
148
|
function App() {
|
|
149
149
|
return (
|
|
@@ -161,37 +161,6 @@ function App() {
|
|
|
161
161
|
}
|
|
162
162
|
```
|
|
163
163
|
|
|
164
|
-
### Card Component
|
|
165
|
-
|
|
166
|
-
```tsx
|
|
167
|
-
import {
|
|
168
|
-
Card,
|
|
169
|
-
CardHeader,
|
|
170
|
-
CardTitle,
|
|
171
|
-
CardDescription,
|
|
172
|
-
CardContent,
|
|
173
|
-
CardFooter,
|
|
174
|
-
Button,
|
|
175
|
-
} from "@alkimi/ui-kit"
|
|
176
|
-
|
|
177
|
-
function App() {
|
|
178
|
-
return (
|
|
179
|
-
<Card>
|
|
180
|
-
<CardHeader>
|
|
181
|
-
<CardTitle>Card Title</CardTitle>
|
|
182
|
-
<CardDescription>Card Description</CardDescription>
|
|
183
|
-
</CardHeader>
|
|
184
|
-
<CardContent>
|
|
185
|
-
<p>Card Content</p>
|
|
186
|
-
</CardContent>
|
|
187
|
-
<CardFooter>
|
|
188
|
-
<Button>Action</Button>
|
|
189
|
-
</CardFooter>
|
|
190
|
-
</Card>
|
|
191
|
-
)
|
|
192
|
-
}
|
|
193
|
-
```
|
|
194
|
-
|
|
195
164
|
## License
|
|
196
165
|
|
|
197
166
|
MIT
|
package/README.npm.md
CHANGED
|
@@ -29,7 +29,7 @@ module.exports = {
|
|
|
29
29
|
darkMode: ["class"],
|
|
30
30
|
content: [
|
|
31
31
|
"./src/**/*.{js,jsx,ts,tsx}",
|
|
32
|
-
"./node_modules/@alkimi/ui-kit/dist/**/*.{js,mjs}",
|
|
32
|
+
"./node_modules/@alkimi.org/ui-kit/dist/**/*.{js,mjs}",
|
|
33
33
|
],
|
|
34
34
|
theme: {
|
|
35
35
|
extend: {
|
|
@@ -143,7 +143,7 @@ Or if you prefer, add the CSS variables to your own CSS file:
|
|
|
143
143
|
### Button Component
|
|
144
144
|
|
|
145
145
|
```tsx
|
|
146
|
-
import { Button } from "@alkimi/ui-kit"
|
|
146
|
+
import { Button } from "@alkimi.org/ui-kit"
|
|
147
147
|
|
|
148
148
|
function App() {
|
|
149
149
|
return (
|
|
@@ -161,37 +161,6 @@ function App() {
|
|
|
161
161
|
}
|
|
162
162
|
```
|
|
163
163
|
|
|
164
|
-
### Card Component
|
|
165
|
-
|
|
166
|
-
```tsx
|
|
167
|
-
import {
|
|
168
|
-
Card,
|
|
169
|
-
CardHeader,
|
|
170
|
-
CardTitle,
|
|
171
|
-
CardDescription,
|
|
172
|
-
CardContent,
|
|
173
|
-
CardFooter,
|
|
174
|
-
Button,
|
|
175
|
-
} from "@alkimi/ui-kit"
|
|
176
|
-
|
|
177
|
-
function App() {
|
|
178
|
-
return (
|
|
179
|
-
<Card>
|
|
180
|
-
<CardHeader>
|
|
181
|
-
<CardTitle>Card Title</CardTitle>
|
|
182
|
-
<CardDescription>Card Description</CardDescription>
|
|
183
|
-
</CardHeader>
|
|
184
|
-
<CardContent>
|
|
185
|
-
<p>Card Content</p>
|
|
186
|
-
</CardContent>
|
|
187
|
-
<CardFooter>
|
|
188
|
-
<Button>Action</Button>
|
|
189
|
-
</CardFooter>
|
|
190
|
-
</Card>
|
|
191
|
-
)
|
|
192
|
-
}
|
|
193
|
-
```
|
|
194
|
-
|
|
195
164
|
## License
|
|
196
165
|
|
|
197
166
|
MIT
|
|
@@ -3,11 +3,13 @@ import * as React from 'react';
|
|
|
3
3
|
import { VariantProps } from 'class-variance-authority';
|
|
4
4
|
|
|
5
5
|
declare const buttonVariants: (props?: ({
|
|
6
|
-
variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" |
|
|
6
|
+
variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
|
|
7
7
|
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
|
8
8
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
9
9
|
interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
10
10
|
asChild?: boolean;
|
|
11
|
+
loading?: boolean;
|
|
12
|
+
icon?: React.ReactNode;
|
|
11
13
|
}
|
|
12
14
|
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
13
15
|
|
|
@@ -3,11 +3,13 @@ import * as React from 'react';
|
|
|
3
3
|
import { VariantProps } from 'class-variance-authority';
|
|
4
4
|
|
|
5
5
|
declare const buttonVariants: (props?: ({
|
|
6
|
-
variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" |
|
|
6
|
+
variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
|
|
7
7
|
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
|
8
8
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
9
9
|
interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
10
10
|
asChild?: boolean;
|
|
11
|
+
loading?: boolean;
|
|
12
|
+
icon?: React.ReactNode;
|
|
11
13
|
}
|
|
12
14
|
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
13
15
|
|
|
@@ -49,22 +49,22 @@ function cn(...inputs) {
|
|
|
49
49
|
// src/components/button.tsx
|
|
50
50
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
51
51
|
var buttonVariants = (0, import_class_variance_authority.cva)(
|
|
52
|
-
"inline-flex items-center justify-center whitespace-nowrap rounded-
|
|
52
|
+
"inline-flex items-center justify-center whitespace-nowrap rounded-[3.75rem] text-[0.875rem] 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",
|
|
53
53
|
{
|
|
54
54
|
variants: {
|
|
55
55
|
variant: {
|
|
56
56
|
default: "bg-primary text-primary-foreground hover:bg-primary/90",
|
|
57
57
|
destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
|
|
58
58
|
outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
|
|
59
|
-
secondary: "bg-secondary text-secondary-foreground hover:bg-secondary
|
|
59
|
+
secondary: "bg-secondary/80 text-secondary-foreground hover:bg-secondary",
|
|
60
60
|
ghost: "hover:bg-accent hover:text-accent-foreground",
|
|
61
61
|
link: "text-primary underline-offset-4 hover:underline"
|
|
62
62
|
},
|
|
63
63
|
size: {
|
|
64
|
-
default: "h-
|
|
65
|
-
sm: "h-
|
|
66
|
-
lg: "h-
|
|
67
|
-
icon: "h-
|
|
64
|
+
default: "h-9 px-4 py-2",
|
|
65
|
+
sm: "h-8 text-[0.75rem] px-3 py-2",
|
|
66
|
+
lg: "h-10 px-8 py-2",
|
|
67
|
+
icon: "h-9 w-9"
|
|
68
68
|
}
|
|
69
69
|
},
|
|
70
70
|
defaultVariants: {
|
|
@@ -74,14 +74,28 @@ var buttonVariants = (0, import_class_variance_authority.cva)(
|
|
|
74
74
|
}
|
|
75
75
|
);
|
|
76
76
|
var Button = React.forwardRef(
|
|
77
|
-
({
|
|
77
|
+
({
|
|
78
|
+
className,
|
|
79
|
+
variant,
|
|
80
|
+
size,
|
|
81
|
+
asChild = false,
|
|
82
|
+
loading = false,
|
|
83
|
+
icon,
|
|
84
|
+
...props
|
|
85
|
+
}, ref) => {
|
|
78
86
|
const Comp = asChild ? import_react_slot.Slot : "button";
|
|
79
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.
|
|
87
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
80
88
|
Comp,
|
|
81
89
|
{
|
|
82
90
|
className: cn(buttonVariants({ variant, size, className })),
|
|
83
91
|
ref,
|
|
84
|
-
|
|
92
|
+
disabled: loading || props.disabled,
|
|
93
|
+
...props,
|
|
94
|
+
children: [
|
|
95
|
+
loading && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mr-2 h-4 w-4 animate-spin rounded-full border-[1.33px] border-primary-foreground border-t-transparent" }),
|
|
96
|
+
!loading && icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "mr-2", children: icon }),
|
|
97
|
+
props.children
|
|
98
|
+
]
|
|
85
99
|
}
|
|
86
100
|
);
|
|
87
101
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/button.tsx","../../src/lib/utils.ts"],"sourcesContent":["import * as React from \"react\"
|
|
1
|
+
{"version":3,"sources":["../../src/components/button.tsx","../../src/lib/utils.ts"],"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 whitespace-nowrap rounded-[3.75rem] text-[0.875rem] 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:\n \"bg-destructive text-destructive-foreground hover:bg-destructive/90\",\n outline:\n \"border border-input bg-background hover:bg-accent hover:text-accent-foreground\",\n secondary:\n \"bg-secondary/80 text-secondary-foreground hover:bg-secondary\",\n ghost: \"hover:bg-accent hover:text-accent-foreground\",\n link: \"text-primary underline-offset-4 hover:underline\",\n },\n size: {\n default: \"h-9 px-4 py-2\",\n sm: \"h-8 text-[0.75rem] px-3 py-2\",\n lg: \"h-10 px-8 py-2\",\n icon: \"h-9 w-9\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n)\n\nexport interface ButtonProps\n extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n VariantProps<typeof buttonVariants> {\n asChild?: boolean\n loading?: boolean\n icon?: React.ReactNode\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n (\n {\n className,\n variant,\n size,\n asChild = false,\n loading = false,\n icon,\n ...props\n },\n ref\n ) => {\n const Comp = asChild ? Slot : \"button\"\n return (\n <Comp\n className={cn(buttonVariants({ variant, size, className }))}\n ref={ref}\n disabled={loading || props.disabled}\n {...props}\n >\n {loading && (\n <div className=\"mr-2 h-4 w-4 animate-spin rounded-full border-[1.33px] border-primary-foreground border-t-transparent\" />\n )}\n {!loading && icon && <span className=\"mr-2\">{icon}</span>}\n {props.children}\n </Comp>\n )\n }\n)\nButton.displayName = \"Button\"\n\nexport { Button, buttonVariants }\n","import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,wBAAqB;AACrB,sCAAuC;;;ACFvC,kBAAsC;AACtC,4BAAwB;AAEjB,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;;;ADqDM;AApDN,IAAM,qBAAiB;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,aACE;AAAA,QACF,SACE;AAAA,QACF,WACE;AAAA,QACF,OAAO;AAAA,QACP,MAAM;AAAA,MACR;AAAA,MACA,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAUA,IAAM,SAAe;AAAA,EACnB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,UAAU;AAAA,IACV;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,OAAO,UAAU,yBAAO;AAC9B,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,GAAG,eAAe,EAAE,SAAS,MAAM,UAAU,CAAC,CAAC;AAAA,QAC1D;AAAA,QACA,UAAU,WAAW,MAAM;AAAA,QAC1B,GAAG;AAAA,QAEH;AAAA,qBACC,4CAAC,SAAI,WAAU,yGAAwG;AAAA,UAExH,CAAC,WAAW,QAAQ,4CAAC,UAAK,WAAU,QAAQ,gBAAK;AAAA,UACjD,MAAM;AAAA;AAAA;AAAA,IACT;AAAA,EAEJ;AACF;AACA,OAAO,cAAc;","names":[]}
|
|
@@ -13,24 +13,24 @@ function cn(...inputs) {
|
|
|
13
13
|
}
|
|
14
14
|
|
|
15
15
|
// src/components/button.tsx
|
|
16
|
-
import { jsx } from "react/jsx-runtime";
|
|
16
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
17
17
|
var buttonVariants = cva(
|
|
18
|
-
"inline-flex items-center justify-center whitespace-nowrap rounded-
|
|
18
|
+
"inline-flex items-center justify-center whitespace-nowrap rounded-[3.75rem] text-[0.875rem] 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",
|
|
19
19
|
{
|
|
20
20
|
variants: {
|
|
21
21
|
variant: {
|
|
22
22
|
default: "bg-primary text-primary-foreground hover:bg-primary/90",
|
|
23
23
|
destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
|
|
24
24
|
outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
|
|
25
|
-
secondary: "bg-secondary text-secondary-foreground hover:bg-secondary
|
|
25
|
+
secondary: "bg-secondary/80 text-secondary-foreground hover:bg-secondary",
|
|
26
26
|
ghost: "hover:bg-accent hover:text-accent-foreground",
|
|
27
27
|
link: "text-primary underline-offset-4 hover:underline"
|
|
28
28
|
},
|
|
29
29
|
size: {
|
|
30
|
-
default: "h-
|
|
31
|
-
sm: "h-
|
|
32
|
-
lg: "h-
|
|
33
|
-
icon: "h-
|
|
30
|
+
default: "h-9 px-4 py-2",
|
|
31
|
+
sm: "h-8 text-[0.75rem] px-3 py-2",
|
|
32
|
+
lg: "h-10 px-8 py-2",
|
|
33
|
+
icon: "h-9 w-9"
|
|
34
34
|
}
|
|
35
35
|
},
|
|
36
36
|
defaultVariants: {
|
|
@@ -40,14 +40,28 @@ var buttonVariants = cva(
|
|
|
40
40
|
}
|
|
41
41
|
);
|
|
42
42
|
var Button = React.forwardRef(
|
|
43
|
-
({
|
|
43
|
+
({
|
|
44
|
+
className,
|
|
45
|
+
variant,
|
|
46
|
+
size,
|
|
47
|
+
asChild = false,
|
|
48
|
+
loading = false,
|
|
49
|
+
icon,
|
|
50
|
+
...props
|
|
51
|
+
}, ref) => {
|
|
44
52
|
const Comp = asChild ? Slot : "button";
|
|
45
|
-
return /* @__PURE__ */
|
|
53
|
+
return /* @__PURE__ */ jsxs(
|
|
46
54
|
Comp,
|
|
47
55
|
{
|
|
48
56
|
className: cn(buttonVariants({ variant, size, className })),
|
|
49
57
|
ref,
|
|
50
|
-
|
|
58
|
+
disabled: loading || props.disabled,
|
|
59
|
+
...props,
|
|
60
|
+
children: [
|
|
61
|
+
loading && /* @__PURE__ */ jsx("div", { className: "mr-2 h-4 w-4 animate-spin rounded-full border-[1.33px] border-primary-foreground border-t-transparent" }),
|
|
62
|
+
!loading && icon && /* @__PURE__ */ jsx("span", { className: "mr-2", children: icon }),
|
|
63
|
+
props.children
|
|
64
|
+
]
|
|
51
65
|
}
|
|
52
66
|
);
|
|
53
67
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/button.tsx","../../src/lib/utils.ts"],"sourcesContent":["import * as React from \"react\"
|
|
1
|
+
{"version":3,"sources":["../../src/components/button.tsx","../../src/lib/utils.ts"],"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 whitespace-nowrap rounded-[3.75rem] text-[0.875rem] 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:\n \"bg-destructive text-destructive-foreground hover:bg-destructive/90\",\n outline:\n \"border border-input bg-background hover:bg-accent hover:text-accent-foreground\",\n secondary:\n \"bg-secondary/80 text-secondary-foreground hover:bg-secondary\",\n ghost: \"hover:bg-accent hover:text-accent-foreground\",\n link: \"text-primary underline-offset-4 hover:underline\",\n },\n size: {\n default: \"h-9 px-4 py-2\",\n sm: \"h-8 text-[0.75rem] px-3 py-2\",\n lg: \"h-10 px-8 py-2\",\n icon: \"h-9 w-9\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n)\n\nexport interface ButtonProps\n extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n VariantProps<typeof buttonVariants> {\n asChild?: boolean\n loading?: boolean\n icon?: React.ReactNode\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n (\n {\n className,\n variant,\n size,\n asChild = false,\n loading = false,\n icon,\n ...props\n },\n ref\n ) => {\n const Comp = asChild ? Slot : \"button\"\n return (\n <Comp\n className={cn(buttonVariants({ variant, size, className }))}\n ref={ref}\n disabled={loading || props.disabled}\n {...props}\n >\n {loading && (\n <div className=\"mr-2 h-4 w-4 animate-spin rounded-full border-[1.33px] border-primary-foreground border-t-transparent\" />\n )}\n {!loading && icon && <span className=\"mr-2\">{icon}</span>}\n {props.children}\n </Comp>\n )\n }\n)\nButton.displayName = \"Button\"\n\nexport { Button, buttonVariants }\n","import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n"],"mappings":";;;AAAA,YAAY,WAAW;AACvB,SAAS,YAAY;AACrB,SAAS,WAA8B;;;ACFvC,SAA0B,YAAY;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;;;ADqDM,SAOI,KAPJ;AApDN,IAAM,iBAAiB;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,aACE;AAAA,QACF,SACE;AAAA,QACF,WACE;AAAA,QACF,OAAO;AAAA,QACP,MAAM;AAAA,MACR;AAAA,MACA,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAUA,IAAM,SAAe;AAAA,EACnB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,UAAU;AAAA,IACV;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,OAAO,UAAU,OAAO;AAC9B,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,GAAG,eAAe,EAAE,SAAS,MAAM,UAAU,CAAC,CAAC;AAAA,QAC1D;AAAA,QACA,UAAU,WAAW,MAAM;AAAA,QAC1B,GAAG;AAAA,QAEH;AAAA,qBACC,oBAAC,SAAI,WAAU,yGAAwG;AAAA,UAExH,CAAC,WAAW,QAAQ,oBAAC,UAAK,WAAU,QAAQ,gBAAK;AAAA,UACjD,MAAM;AAAA;AAAA;AAAA,IACT;AAAA,EAEJ;AACF;AACA,OAAO,cAAc;","names":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/card.tsx","../../src/lib/utils.ts"],"sourcesContent":["import * as React from \"react\"
|
|
1
|
+
{"version":3,"sources":["../../src/components/card.tsx","../../src/lib/utils.ts"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst Card = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n <div\n ref={ref}\n className={cn(\n \"rounded-lg border bg-card text-card-foreground shadow-sm\",\n className\n )}\n {...props}\n />\n))\nCard.displayName = \"Card\"\n\nconst CardHeader = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n <div\n ref={ref}\n className={cn(\"flex flex-col space-y-1.5 p-6\", className)}\n {...props}\n />\n))\nCardHeader.displayName = \"CardHeader\"\n\nconst CardTitle = React.forwardRef<\n HTMLParagraphElement,\n React.HTMLAttributes<HTMLHeadingElement>\n>(({ className, ...props }, ref) => (\n <h3\n ref={ref}\n className={cn(\n \"text-2xl font-semibold leading-none tracking-tight\",\n className\n )}\n {...props}\n />\n))\nCardTitle.displayName = \"CardTitle\"\n\nconst CardDescription = React.forwardRef<\n HTMLParagraphElement,\n React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n <p\n ref={ref}\n className={cn(\"text-sm text-muted-foreground\", className)}\n {...props}\n />\n))\nCardDescription.displayName = \"CardDescription\"\n\nconst CardContent = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n <div ref={ref} className={cn(\"p-6 pt-0\", className)} {...props} />\n))\nCardContent.displayName = \"CardContent\"\n\nconst CardFooter = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n <div\n ref={ref}\n className={cn(\"flex items-center p-6 pt-0\", className)}\n {...props}\n />\n))\nCardFooter.displayName = \"CardFooter\"\n\nexport { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent }\n","import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;;;ACAvB,kBAAsC;AACtC,4BAAwB;AAEjB,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;;;ADGE;AAJF,IAAM,OAAa,iBAGjB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,KAAK,cAAc;AAEnB,IAAM,aAAmB,iBAGvB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW,GAAG,iCAAiC,SAAS;AAAA,IACvD,GAAG;AAAA;AACN,CACD;AACD,WAAW,cAAc;AAEzB,IAAM,YAAkB,iBAGtB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,UAAU,cAAc;AAExB,IAAM,kBAAwB,iBAG5B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW,GAAG,iCAAiC,SAAS;AAAA,IACvD,GAAG;AAAA;AACN,CACD;AACD,gBAAgB,cAAc;AAE9B,IAAM,cAAoB,iBAGxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B,4CAAC,SAAI,KAAU,WAAW,GAAG,YAAY,SAAS,GAAI,GAAG,OAAO,CACjE;AACD,YAAY,cAAc;AAE1B,IAAM,aAAmB,iBAGvB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW,GAAG,8BAA8B,SAAS;AAAA,IACpD,GAAG;AAAA;AACN,CACD;AACD,WAAW,cAAc;","names":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/card.tsx","../../src/lib/utils.ts"],"sourcesContent":["import * as React from \"react\"
|
|
1
|
+
{"version":3,"sources":["../../src/components/card.tsx","../../src/lib/utils.ts"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst Card = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n <div\n ref={ref}\n className={cn(\n \"rounded-lg border bg-card text-card-foreground shadow-sm\",\n className\n )}\n {...props}\n />\n))\nCard.displayName = \"Card\"\n\nconst CardHeader = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n <div\n ref={ref}\n className={cn(\"flex flex-col space-y-1.5 p-6\", className)}\n {...props}\n />\n))\nCardHeader.displayName = \"CardHeader\"\n\nconst CardTitle = React.forwardRef<\n HTMLParagraphElement,\n React.HTMLAttributes<HTMLHeadingElement>\n>(({ className, ...props }, ref) => (\n <h3\n ref={ref}\n className={cn(\n \"text-2xl font-semibold leading-none tracking-tight\",\n className\n )}\n {...props}\n />\n))\nCardTitle.displayName = \"CardTitle\"\n\nconst CardDescription = React.forwardRef<\n HTMLParagraphElement,\n React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n <p\n ref={ref}\n className={cn(\"text-sm text-muted-foreground\", className)}\n {...props}\n />\n))\nCardDescription.displayName = \"CardDescription\"\n\nconst CardContent = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n <div ref={ref} className={cn(\"p-6 pt-0\", className)} {...props} />\n))\nCardContent.displayName = \"CardContent\"\n\nconst CardFooter = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n <div\n ref={ref}\n className={cn(\"flex items-center p-6 pt-0\", className)}\n {...props}\n />\n))\nCardFooter.displayName = \"CardFooter\"\n\nexport { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent }\n","import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n"],"mappings":";;;AAAA,YAAY,WAAW;;;ACAvB,SAA0B,YAAY;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;;;ADGE;AAJF,IAAM,OAAa,iBAGjB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,KAAK,cAAc;AAEnB,IAAM,aAAmB,iBAGvB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW,GAAG,iCAAiC,SAAS;AAAA,IACvD,GAAG;AAAA;AACN,CACD;AACD,WAAW,cAAc;AAEzB,IAAM,YAAkB,iBAGtB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,UAAU,cAAc;AAExB,IAAM,kBAAwB,iBAG5B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW,GAAG,iCAAiC,SAAS;AAAA,IACvD,GAAG;AAAA;AACN,CACD;AACD,gBAAgB,cAAc;AAE9B,IAAM,cAAoB,iBAGxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B,oBAAC,SAAI,KAAU,WAAW,GAAG,YAAY,SAAS,GAAI,GAAG,OAAO,CACjE;AACD,YAAY,cAAc;AAE1B,IAAM,aAAmB,iBAGvB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW,GAAG,8BAA8B,SAAS;AAAA,IACpD,GAAG;AAAA;AACN,CACD;AACD,WAAW,cAAc;","names":[]}
|
package/dist/index.css
CHANGED
|
@@ -401,6 +401,12 @@ body {
|
|
|
401
401
|
.z-\[1\] {
|
|
402
402
|
z-index: 1;
|
|
403
403
|
}
|
|
404
|
+
.mr-2 {
|
|
405
|
+
margin-right: 0.5rem;
|
|
406
|
+
}
|
|
407
|
+
.mt-2 {
|
|
408
|
+
margin-top: 0.5rem;
|
|
409
|
+
}
|
|
404
410
|
.flex {
|
|
405
411
|
display: flex;
|
|
406
412
|
}
|
|
@@ -410,8 +416,11 @@ body {
|
|
|
410
416
|
.h-10 {
|
|
411
417
|
height: 2.5rem;
|
|
412
418
|
}
|
|
413
|
-
.h-
|
|
414
|
-
height:
|
|
419
|
+
.h-4 {
|
|
420
|
+
height: 1rem;
|
|
421
|
+
}
|
|
422
|
+
.h-8 {
|
|
423
|
+
height: 2rem;
|
|
415
424
|
}
|
|
416
425
|
.h-9 {
|
|
417
426
|
height: 2.25rem;
|
|
@@ -428,8 +437,11 @@ body {
|
|
|
428
437
|
.h-full {
|
|
429
438
|
height: 100%;
|
|
430
439
|
}
|
|
431
|
-
.w-
|
|
432
|
-
width:
|
|
440
|
+
.w-4 {
|
|
441
|
+
width: 1rem;
|
|
442
|
+
}
|
|
443
|
+
.w-9 {
|
|
444
|
+
width: 2.25rem;
|
|
433
445
|
}
|
|
434
446
|
.w-\[200px\] {
|
|
435
447
|
width: 200px;
|
|
@@ -449,6 +461,14 @@ body {
|
|
|
449
461
|
.max-w-md {
|
|
450
462
|
max-width: 28rem;
|
|
451
463
|
}
|
|
464
|
+
@keyframes spin {
|
|
465
|
+
to {
|
|
466
|
+
transform: rotate(360deg);
|
|
467
|
+
}
|
|
468
|
+
}
|
|
469
|
+
.animate-spin {
|
|
470
|
+
animation: spin 1s linear infinite;
|
|
471
|
+
}
|
|
452
472
|
.flex-col {
|
|
453
473
|
flex-direction: column;
|
|
454
474
|
}
|
|
@@ -483,18 +503,30 @@ body {
|
|
|
483
503
|
.whitespace-nowrap {
|
|
484
504
|
white-space: nowrap;
|
|
485
505
|
}
|
|
506
|
+
.rounded-\[3\.75rem\] {
|
|
507
|
+
border-radius: 3.75rem;
|
|
508
|
+
}
|
|
509
|
+
.rounded-full {
|
|
510
|
+
border-radius: 9999px;
|
|
511
|
+
}
|
|
486
512
|
.rounded-lg {
|
|
487
513
|
border-radius: var(--radius);
|
|
488
514
|
}
|
|
489
|
-
.rounded-md {
|
|
490
|
-
border-radius: calc(var(--radius) - 2px);
|
|
491
|
-
}
|
|
492
515
|
.border {
|
|
493
516
|
border-width: 1px;
|
|
494
517
|
}
|
|
518
|
+
.border-\[1\.33px\] {
|
|
519
|
+
border-width: 1.33px;
|
|
520
|
+
}
|
|
495
521
|
.border-input {
|
|
496
522
|
border-color: hsl(var(--input));
|
|
497
523
|
}
|
|
524
|
+
.border-primary-foreground {
|
|
525
|
+
border-color: hsl(var(--primary-foreground));
|
|
526
|
+
}
|
|
527
|
+
.border-t-transparent {
|
|
528
|
+
border-top-color: transparent;
|
|
529
|
+
}
|
|
498
530
|
.bg-background {
|
|
499
531
|
background-color: hsl(var(--background));
|
|
500
532
|
}
|
|
@@ -508,11 +540,17 @@ body {
|
|
|
508
540
|
--tw-bg-opacity: 1;
|
|
509
541
|
background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
|
|
510
542
|
}
|
|
543
|
+
.bg-muted {
|
|
544
|
+
background-color: hsl(var(--muted));
|
|
545
|
+
}
|
|
511
546
|
.bg-primary {
|
|
512
547
|
background-color: hsl(var(--primary));
|
|
513
548
|
}
|
|
514
|
-
.bg-secondary {
|
|
515
|
-
background-color: hsl(var(--secondary));
|
|
549
|
+
.bg-secondary\/80 {
|
|
550
|
+
background-color: hsl(var(--secondary) / 0.8);
|
|
551
|
+
}
|
|
552
|
+
.p-1 {
|
|
553
|
+
padding: 0.25rem;
|
|
516
554
|
}
|
|
517
555
|
.p-6 {
|
|
518
556
|
padding: 1.5rem;
|
|
@@ -529,6 +567,10 @@ body {
|
|
|
529
567
|
padding-left: 2rem;
|
|
530
568
|
padding-right: 2rem;
|
|
531
569
|
}
|
|
570
|
+
.py-1 {
|
|
571
|
+
padding-top: 0.25rem;
|
|
572
|
+
padding-bottom: 0.25rem;
|
|
573
|
+
}
|
|
532
574
|
.py-2 {
|
|
533
575
|
padding-top: 0.5rem;
|
|
534
576
|
padding-bottom: 0.5rem;
|
|
@@ -562,6 +604,12 @@ body {
|
|
|
562
604
|
font-size: 2.25rem;
|
|
563
605
|
line-height: 2.5rem;
|
|
564
606
|
}
|
|
607
|
+
.text-\[0\.75rem\] {
|
|
608
|
+
font-size: 0.75rem;
|
|
609
|
+
}
|
|
610
|
+
.text-\[0\.875rem\] {
|
|
611
|
+
font-size: 0.875rem;
|
|
612
|
+
}
|
|
565
613
|
.text-lg {
|
|
566
614
|
font-size: 1.125rem;
|
|
567
615
|
line-height: 1.75rem;
|
|
@@ -655,6 +703,11 @@ body {
|
|
|
655
703
|
--tw-blur: blur(8px);
|
|
656
704
|
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
657
705
|
}
|
|
706
|
+
.transition-all {
|
|
707
|
+
transition-property: all;
|
|
708
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
709
|
+
transition-duration: 150ms;
|
|
710
|
+
}
|
|
658
711
|
.transition-colors {
|
|
659
712
|
transition-property:
|
|
660
713
|
color,
|
|
@@ -704,8 +757,8 @@ body {
|
|
|
704
757
|
.hover\:bg-primary\/90:hover {
|
|
705
758
|
background-color: hsl(var(--primary) / 0.9);
|
|
706
759
|
}
|
|
707
|
-
.hover\:bg-secondary
|
|
708
|
-
background-color: hsl(var(--secondary)
|
|
760
|
+
.hover\:bg-secondary:hover {
|
|
761
|
+
background-color: hsl(var(--secondary));
|
|
709
762
|
}
|
|
710
763
|
.hover\:text-accent-foreground:hover {
|
|
711
764
|
color: hsl(var(--accent-foreground));
|
|
@@ -737,4 +790,18 @@ body {
|
|
|
737
790
|
.disabled\:opacity-50:disabled {
|
|
738
791
|
opacity: 0.5;
|
|
739
792
|
}
|
|
793
|
+
.data-\[state\=active\]\:bg-background[data-state=active] {
|
|
794
|
+
background-color: hsl(var(--background));
|
|
795
|
+
}
|
|
796
|
+
.data-\[state\=active\]\:text-foreground[data-state=active] {
|
|
797
|
+
color: hsl(var(--foreground));
|
|
798
|
+
}
|
|
799
|
+
.data-\[state\=active\]\:shadow-sm[data-state=active] {
|
|
800
|
+
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
|
|
801
|
+
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
|
|
802
|
+
box-shadow:
|
|
803
|
+
var(--tw-ring-offset-shadow, 0 0 #0000),
|
|
804
|
+
var(--tw-ring-shadow, 0 0 #0000),
|
|
805
|
+
var(--tw-shadow);
|
|
806
|
+
}
|
|
740
807
|
/*# sourceMappingURL=index.css.map */
|