@arch-cadre/ui 0.0.44 → 0.0.47
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/dist/components/accordion.js +18 -0
- package/dist/components/alert-dialog.js +39 -0
- package/dist/components/alert.js +24 -0
- package/dist/components/aspect-ratio.js +7 -0
- package/dist/components/avatar.js +14 -0
- package/dist/components/badge.js +22 -0
- package/dist/components/breadcrumb.js +30 -0
- package/dist/components/button-group.js +28 -0
- package/dist/components/button.js +33 -0
- package/dist/components/calendar.js +76 -0
- package/dist/components/card.js +24 -0
- package/dist/components/checkbox.js +9 -0
- package/dist/components/collapsible.js +13 -0
- package/dist/components/command.js +34 -0
- package/dist/components/context-menu.js +51 -0
- package/dist/components/dialog.js +36 -0
- package/dist/components/drawer.js +35 -0
- package/dist/components/dropdown-menu.js +51 -0
- package/dist/components/empty.js +33 -0
- package/dist/components/field.js +78 -0
- package/dist/components/form.js +59 -0
- package/dist/components/hover-card.js +14 -0
- package/dist/components/input-group.js +63 -0
- package/dist/components/input-otp.js +21 -0
- package/dist/components/input.js +6 -0
- package/dist/components/item.js +66 -0
- package/dist/components/kbd.js +9 -0
- package/dist/components/label.js +8 -0
- package/dist/components/language-switcher.js +20 -0
- package/dist/components/menubar.js +54 -0
- package/dist/components/navigation-menu.js +31 -0
- package/dist/components/pagination.js +31 -0
- package/dist/components/popover.js +17 -0
- package/dist/components/progress.js +8 -0
- package/dist/components/radio-group.js +12 -0
- package/dist/components/scroll-area.js +13 -0
- package/dist/components/select.js +38 -0
- package/dist/components/separator.js +8 -0
- package/dist/components/sheet.js +40 -0
- package/dist/components/sidebar.js +213 -0
- package/dist/components/skeleton.js +6 -0
- package/dist/components/slider.js +14 -0
- package/dist/components/sonner.js +21 -0
- package/dist/components/spinner.js +7 -0
- package/dist/components/switch.js +8 -0
- package/dist/components/table.js +28 -0
- package/dist/components/tabs.js +17 -0
- package/dist/components/textarea.js +6 -0
- package/dist/components/toggle-group.js +22 -0
- package/dist/components/toggle.js +26 -0
- package/dist/components/tooltip.js +17 -0
- package/dist/hooks/use-mobile.js +15 -0
- package/dist/hooks/use-user.js +25 -0
- package/dist/lib/{utils.mjs → utils.js} +1 -1
- package/dist/logo.js +28 -0
- package/dist/postcss.config.mjs +1 -2
- package/dist/providers/auth-provider.js +27 -0
- package/dist/providers/index.js +23 -0
- package/dist/shared/access-denied.js +6 -0
- package/dist/shared/loader.js +41 -0
- package/dist/shared/page-loader.js +6 -0
- package/dist/shared/scroll-fade-effect.js +5 -0
- package/package.json +17 -20
- package/build.config.ts +0 -23
- package/components.json +0 -20
- package/dist/components/.gitkeep +0 -0
- package/dist/components/accordion.d.ts +0 -7
- package/dist/components/accordion.mjs +0 -58
- package/dist/components/alert-dialog.d.ts +0 -14
- package/dist/components/alert-dialog.mjs +0 -144
- package/dist/components/alert.d.ts +0 -9
- package/dist/components/alert.mjs +0 -62
- package/dist/components/aspect-ratio.d.ts +0 -4
- package/dist/components/aspect-ratio.mjs +0 -9
- package/dist/components/avatar.d.ts +0 -6
- package/dist/components/avatar.mjs +0 -50
- package/dist/components/badge.d.ts +0 -9
- package/dist/components/badge.mjs +0 -37
- package/dist/components/breadcrumb.d.ts +0 -11
- package/dist/components/breadcrumb.mjs +0 -105
- package/dist/components/button-group.d.ts +0 -13
- package/dist/components/button-group.mjs +0 -76
- package/dist/components/button.d.ts +0 -10
- package/dist/components/button.mjs +0 -51
- package/dist/components/calendar.d.ts +0 -8
- package/dist/components/calendar.mjs +0 -191
- package/dist/components/card.d.ts +0 -9
- package/dist/components/card.mjs +0 -90
- package/dist/components/checkbox.d.ts +0 -4
- package/dist/components/checkbox.mjs +0 -30
- package/dist/components/collapsible.d.ts +0 -6
- package/dist/components/collapsible.mjs +0 -31
- package/dist/components/command.d.ts +0 -18
- package/dist/components/command.mjs +0 -169
- package/dist/components/context-menu.d.ts +0 -25
- package/dist/components/context-menu.mjs +0 -218
- package/dist/components/dialog.d.ts +0 -15
- package/dist/components/dialog.mjs +0 -130
- package/dist/components/drawer.d.ts +0 -13
- package/dist/components/drawer.mjs +0 -124
- package/dist/components/dropdown-menu.d.ts +0 -25
- package/dist/components/dropdown-menu.mjs +0 -226
- package/dist/components/empty.d.ts +0 -12
- package/dist/components/empty.mjs +0 -102
- package/dist/components/field.d.ts +0 -25
- package/dist/components/field.mjs +0 -228
- package/dist/components/form.d.ts +0 -23
- package/dist/components/form.mjs +0 -123
- package/dist/components/hover-card.d.ts +0 -6
- package/dist/components/hover-card.mjs +0 -35
- package/dist/components/input-group.d.ts +0 -16
- package/dist/components/input-group.mjs +0 -155
- package/dist/components/input-otp.d.ts +0 -11
- package/dist/components/input-otp.mjs +0 -59
- package/dist/components/input.d.ts +0 -3
- package/dist/components/input.mjs +0 -19
- package/dist/components/item.d.ts +0 -23
- package/dist/components/item.mjs +0 -187
- package/dist/components/kbd.d.ts +0 -4
- package/dist/components/kbd.mjs +0 -28
- package/dist/components/label.d.ts +0 -4
- package/dist/components/label.mjs +0 -21
- package/dist/components/language-switcher.d.ts +0 -2
- package/dist/components/language-switcher.mjs +0 -30
- package/dist/components/menubar.d.ts +0 -26
- package/dist/components/menubar.mjs +0 -246
- package/dist/components/navigation-menu.d.ts +0 -14
- package/dist/components/navigation-menu.mjs +0 -166
- package/dist/components/pagination.d.ts +0 -15
- package/dist/components/pagination.mjs +0 -116
- package/dist/components/popover.d.ts +0 -7
- package/dist/components/popover.mjs +0 -40
- package/dist/components/progress.d.ts +0 -4
- package/dist/components/progress.mjs +0 -30
- package/dist/components/radio-group.d.ts +0 -5
- package/dist/components/radio-group.mjs +0 -43
- package/dist/components/scroll-area.d.ts +0 -7
- package/dist/components/scroll-area.mjs +0 -59
- package/dist/components/select.d.ts +0 -15
- package/dist/components/select.mjs +0 -173
- package/dist/components/separator.d.ts +0 -4
- package/dist/components/separator.mjs +0 -25
- package/dist/components/sheet.d.ts +0 -13
- package/dist/components/sheet.mjs +0 -119
- package/dist/components/sidebar.d.ts +0 -69
- package/dist/components/sidebar.mjs +0 -635
- package/dist/components/skeleton.d.ts +0 -3
- package/dist/components/skeleton.mjs +0 -13
- package/dist/components/slider.d.ts +0 -4
- package/dist/components/slider.mjs +0 -59
- package/dist/components/sonner.d.ts +0 -4
- package/dist/components/sonner.mjs +0 -36
- package/dist/components/spinner.d.ts +0 -3
- package/dist/components/spinner.mjs +0 -15
- package/dist/components/switch.d.ts +0 -4
- package/dist/components/switch.mjs +0 -30
- package/dist/components/table.d.ts +0 -10
- package/dist/components/table.mjs +0 -115
- package/dist/components/tabs.d.ts +0 -7
- package/dist/components/tabs.mjs +0 -63
- package/dist/components/textarea.d.ts +0 -3
- package/dist/components/textarea.mjs +0 -16
- package/dist/components/toggle-group.d.ts +0 -9
- package/dist/components/toggle-group.mjs +0 -65
- package/dist/components/toggle.d.ts +0 -9
- package/dist/components/toggle.mjs +0 -41
- package/dist/components/tooltip.d.ts +0 -7
- package/dist/components/tooltip.mjs +0 -49
- package/dist/hooks/.gitkeep +0 -0
- package/dist/hooks/use-mobile.d.ts +0 -1
- package/dist/hooks/use-mobile.mjs +0 -17
- package/dist/hooks/use-user.d.ts +0 -12
- package/dist/hooks/use-user.mjs +0 -12
- package/dist/index.mjs +0 -15
- package/dist/lib/utils.d.ts +0 -2
- package/dist/logo.d.ts +0 -15
- package/dist/logo.mjs +0 -32
- package/dist/postcss.config.d.mts +0 -3
- package/dist/providers/auth-provider.d.ts +0 -15
- package/dist/providers/auth-provider.mjs +0 -37
- package/dist/providers/index.d.ts +0 -7
- package/dist/providers/index.mjs +0 -33
- package/dist/shared/access-denied.d.ts +0 -2
- package/dist/shared/access-denied.mjs +0 -12
- package/dist/shared/loader.d.ts +0 -11
- package/dist/shared/loader.mjs +0 -98
- package/dist/shared/page-loader.d.ts +0 -7
- package/dist/shared/page-loader.mjs +0 -6
- package/dist/shared/scroll-fade-effect.d.ts +0 -4
- package/dist/shared/scroll-fade-effect.mjs +0 -20
- package/dist/styles/globals.css +0 -1
- package/postcss.config.mjs +0 -6
- package/scripts/switchToDist.js +0 -55
- package/scripts/switchToSrc.js +0 -52
- package/src/components/.gitkeep +0 -0
- package/src/components/accordion.tsx +0 -66
- package/src/components/alert-dialog.tsx +0 -157
- package/src/components/alert.tsx +0 -66
- package/src/components/aspect-ratio.tsx +0 -12
- package/src/components/avatar.tsx +0 -53
- package/src/components/badge.tsx +0 -46
- package/src/components/breadcrumb.tsx +0 -111
- package/src/components/button-group.tsx +0 -86
- package/src/components/button.tsx +0 -62
- package/src/components/calendar.tsx +0 -220
- package/src/components/card.tsx +0 -92
- package/src/components/checkbox.tsx +0 -32
- package/src/components/collapsible.tsx +0 -34
- package/src/components/command.tsx +0 -184
- package/src/components/context-menu.tsx +0 -252
- package/src/components/dialog.tsx +0 -143
- package/src/components/drawer.tsx +0 -135
- package/src/components/dropdown-menu.tsx +0 -257
- package/src/components/empty.tsx +0 -105
- package/src/components/field.tsx +0 -251
- package/src/components/form.tsx +0 -170
- package/src/components/hover-card.tsx +0 -44
- package/src/components/input-group.tsx +0 -170
- package/src/components/input-otp.tsx +0 -77
- package/src/components/input.tsx +0 -21
- package/src/components/item.tsx +0 -193
- package/src/components/kbd.tsx +0 -29
- package/src/components/label.tsx +0 -24
- package/src/components/language-switcher.tsx +0 -49
- package/src/components/menubar.tsx +0 -276
- package/src/components/navigation-menu.tsx +0 -168
- package/src/components/pagination.tsx +0 -130
- package/src/components/popover.tsx +0 -48
- package/src/components/progress.tsx +0 -31
- package/src/components/radio-group.tsx +0 -45
- package/src/components/scroll-area.tsx +0 -67
- package/src/components/select.tsx +0 -190
- package/src/components/separator.tsx +0 -28
- package/src/components/sheet.tsx +0 -139
- package/src/components/sidebar.tsx +0 -726
- package/src/components/skeleton.tsx +0 -14
- package/src/components/slider.tsx +0 -63
- package/src/components/sonner.tsx +0 -41
- package/src/components/spinner.tsx +0 -17
- package/src/components/switch.tsx +0 -31
- package/src/components/table.tsx +0 -116
- package/src/components/tabs.tsx +0 -66
- package/src/components/textarea.tsx +0 -18
- package/src/components/toggle-group.tsx +0 -83
- package/src/components/toggle.tsx +0 -47
- package/src/components/tooltip.tsx +0 -61
- package/src/hooks/.gitkeep +0 -0
- package/src/hooks/use-mobile.ts +0 -21
- package/src/hooks/use-user.ts +0 -27
- package/src/index.ts +0 -15
- package/src/lib/utils.ts +0 -6
- package/src/logo.tsx +0 -49
- package/src/postcss.config.mjs +0 -6
- package/src/providers/auth-provider.tsx +0 -66
- package/src/providers/index.tsx +0 -50
- package/src/shared/access-denied.tsx +0 -31
- package/src/shared/loader.tsx +0 -109
- package/src/shared/page-loader.tsx +0 -24
- package/src/shared/scroll-fade-effect.tsx +0 -23
- package/src/styles/globals.css +0 -314
- package/tsconfig.json +0 -24
- /package/dist/{index.d.ts → index.js} +0 -0
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { createContext, useEffect, useState } from "react";
|
|
4
|
+
import { mutate } from "swr";
|
|
5
|
+
import { PageLoader } from "../shared/page-loader";
|
|
6
|
+
export const AuthContext = createContext(undefined);
|
|
7
|
+
export default function AuthProvider({ children, initialSession, kryoPrefix = "/kryo", }) {
|
|
8
|
+
const [isLoading, setIsLoading] = useState(true);
|
|
9
|
+
const refetchUser = async () => {
|
|
10
|
+
mutate("user");
|
|
11
|
+
};
|
|
12
|
+
useEffect(() => {
|
|
13
|
+
setTimeout(() => {
|
|
14
|
+
setIsLoading(false);
|
|
15
|
+
}, 800);
|
|
16
|
+
}, []);
|
|
17
|
+
if (isLoading) {
|
|
18
|
+
return _jsx(PageLoader, { text: "User checking" });
|
|
19
|
+
}
|
|
20
|
+
return (_jsx(AuthContext.Provider, { value: {
|
|
21
|
+
user: initialSession?.user,
|
|
22
|
+
session: initialSession?.session,
|
|
23
|
+
kryoPrefix,
|
|
24
|
+
isLoading,
|
|
25
|
+
refetchUser,
|
|
26
|
+
}, children: children }));
|
|
27
|
+
}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { useEffect, useState } from "react";
|
|
4
|
+
import { SWRConfig } from "swr";
|
|
5
|
+
import { Toaster } from "../components/sonner";
|
|
6
|
+
import { TooltipProvider } from "../components/tooltip";
|
|
7
|
+
import { PageLoader } from "../shared/page-loader";
|
|
8
|
+
import AuthProvider from "./auth-provider";
|
|
9
|
+
export const AppProvider = ({ children, initialSession, kryoPrefix, }) => {
|
|
10
|
+
const [isLoading, setIsLoading] = useState(true);
|
|
11
|
+
useEffect(() => {
|
|
12
|
+
setTimeout(() => {
|
|
13
|
+
setIsLoading(false);
|
|
14
|
+
}, 800);
|
|
15
|
+
}, []);
|
|
16
|
+
if (isLoading) {
|
|
17
|
+
return _jsx(PageLoader, { text: "Initializing" });
|
|
18
|
+
}
|
|
19
|
+
return (_jsx(SWRConfig, { value: {
|
|
20
|
+
fetcher: (url) => fetch(url).then((response) => response.json()),
|
|
21
|
+
revalidateIfStale: true,
|
|
22
|
+
}, children: _jsx(AuthProvider, { initialSession: initialSession, kryoPrefix: kryoPrefix, children: _jsxs(TooltipProvider, { children: [children, _jsx(Toaster, { position: "top-right", expand: true })] }) }) }));
|
|
23
|
+
};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Icon } from "@iconify/react";
|
|
3
|
+
import { Button } from "../components/button";
|
|
4
|
+
export function AccessDenied() {
|
|
5
|
+
return (_jsxs("div", { className: "flex flex-col items-center justify-center min-h-[60vh] text-center space-y-6 p-4", children: [_jsx("div", { className: "bg-destructive/10 p-6 rounded-full", children: _jsx(Icon, { icon: "solar:shield-warning-bold-duotone", className: "size-16 text-destructive" }) }), _jsxs("div", { className: "space-y-2", children: [_jsx("h2", { className: "text-2xl font-bold tracking-tight", children: "Access Denied" }), _jsx("p", { className: "text-muted-foreground max-w-[400px]", children: "You do not have the required permissions to access this area. Please contact your administrator if you believe this is an error." })] }), _jsxs("div", { className: "flex gap-4", children: [_jsx(Button, { asChild: true, variant: "outline", children: _jsx("a", { href: "/", children: "Go back home" }) }), _jsx(Button, { asChild: true, children: _jsx("a", { href: "/signin", children: "Sign in with another account" }) })] })] }));
|
|
6
|
+
}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Slot } from "@radix-ui/react-slot";
|
|
3
|
+
import { cva } from "class-variance-authority";
|
|
4
|
+
import { cn } from "../lib/utils";
|
|
5
|
+
const loaderVariants = cva("spinner", {
|
|
6
|
+
variants: {
|
|
7
|
+
variant: {
|
|
8
|
+
default: "stroke-primary",
|
|
9
|
+
dark: "stroke-white",
|
|
10
|
+
destructive: "stroke-destructive",
|
|
11
|
+
secondary: "stroke-secondary",
|
|
12
|
+
ghost: "stroke-accent",
|
|
13
|
+
},
|
|
14
|
+
size: {
|
|
15
|
+
default: "h-5 w-5",
|
|
16
|
+
md: "h-10 w-10",
|
|
17
|
+
lg: "h-60 w-60",
|
|
18
|
+
},
|
|
19
|
+
},
|
|
20
|
+
defaultVariants: {
|
|
21
|
+
variant: "default",
|
|
22
|
+
size: "default",
|
|
23
|
+
},
|
|
24
|
+
});
|
|
25
|
+
function Loader({ className, variant, size, asChild = false, ...props }) {
|
|
26
|
+
const Comp = asChild ? Slot : "div";
|
|
27
|
+
return (_jsxs(Comp, { className: "flex items-center justify-center", ...props, children: [_jsx("style", { children: `
|
|
28
|
+
.spinner {
|
|
29
|
+
animation: animate-rotate 2s linear infinite;
|
|
30
|
+
z-index: 2;
|
|
31
|
+
max-width: 5rem;
|
|
32
|
+
max-height: 5rem;
|
|
33
|
+
|
|
34
|
+
.path {
|
|
35
|
+
stroke-linecap: round;
|
|
36
|
+
animation: animate-dash 1.75s ease-in-out infinite;
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
` }), _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", className: cn(loaderVariants({ variant, size, className })), children: _jsxs("g", { children: [_jsxs("circle", { cx: 12, cy: 12, r: 9.5, fill: "none", strokeLinecap: "round", strokeWidth: 3, children: [_jsx("animate", { attributeName: "stroke-dasharray", calcMode: "spline", dur: "1.5s", keySplines: "0.42,0,0.58,1;0.42,0,0.58,1;0.42,0,0.58,1", keyTimes: "0;0.475;0.95;1", repeatCount: "indefinite", values: "0 150;42 150;42 150;42 150" }), _jsx("animate", { attributeName: "stroke-dashoffset", calcMode: "spline", dur: "1.5s", keySplines: "0.42,0,0.58,1;0.42,0,0.58,1;0.42,0,0.58,1", keyTimes: "0;0.475;0.95;1", repeatCount: "indefinite", values: "0;-16;-59;-59" })] }), _jsx("animateTransform", { attributeName: "transform", dur: "2s", repeatCount: "indefinite", type: "rotate", values: "0 12 12;360 12 12" })] }) })] }));
|
|
40
|
+
}
|
|
41
|
+
export { Loader, loaderVariants };
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Logo } from "../logo";
|
|
3
|
+
import { Loader } from "./loader";
|
|
4
|
+
export function PageLoader({ withLogo = true, text }) {
|
|
5
|
+
return (_jsxs("div", { className: "bg-background absolute inset-0 flex flex-col items-center justify-center space-y-6", children: [withLogo && (_jsx("div", { className: "mb-6", children: _jsx(Logo, {}) })), _jsx(Loader, {}), text && _jsx("div", { className: "text-xs lowercase", children: text })] }));
|
|
6
|
+
}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { cn } from "../lib/utils";
|
|
3
|
+
export function ScrollFadeEffect({ className, orientation = "vertical", ...props }) {
|
|
4
|
+
return (_jsx("div", { "data-orientation": orientation, className: cn("data-[orientation=horizontal]:overflow-x-auto data-[orientation=vertical]:overflow-y-auto", "data-[orientation=horizontal]:scroll-fade-effect-x data-[orientation=vertical]:scroll-fade-effect-y", className), ...props }));
|
|
5
|
+
}
|
package/package.json
CHANGED
|
@@ -1,60 +1,57 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@arch-cadre/ui",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.47",
|
|
4
4
|
"type": "module",
|
|
5
|
-
"main": "./dist/index.
|
|
5
|
+
"main": "./dist/index.js",
|
|
6
6
|
"exports": {
|
|
7
7
|
"./package.json": "./package.json",
|
|
8
8
|
"./globals.css": "./dist/styles/globals.css",
|
|
9
9
|
"./postcss.config": "./postcss.config.mjs",
|
|
10
10
|
".": {
|
|
11
11
|
"types": "./dist/index.d.ts",
|
|
12
|
-
"import": "./dist/index.
|
|
13
|
-
"require": "./dist/index.cjs"
|
|
12
|
+
"import": "./dist/index.js"
|
|
14
13
|
},
|
|
15
14
|
"./providers": {
|
|
16
15
|
"types": "./dist/providers/index.d.ts",
|
|
17
|
-
"import": "./dist/providers/index.
|
|
18
|
-
"require": "./dist/providers/index.cjs"
|
|
16
|
+
"import": "./dist/providers/index.js"
|
|
19
17
|
},
|
|
20
18
|
"./brand/logo": {
|
|
21
19
|
"types": "./dist/logo.d.ts",
|
|
22
|
-
"import": "./dist/logo.
|
|
23
|
-
"require": "./dist/logo.cjs"
|
|
20
|
+
"import": "./dist/logo.js"
|
|
24
21
|
},
|
|
25
22
|
"./shared/*": {
|
|
26
23
|
"types": "./dist/shared/*.d.ts",
|
|
27
|
-
"import": "./dist/shared/*.
|
|
28
|
-
"require": "./dist/shared/*.cjs"
|
|
24
|
+
"import": "./dist/shared/*.js"
|
|
29
25
|
},
|
|
30
26
|
"./lib/*": {
|
|
31
27
|
"types": "./dist/lib/*.d.ts",
|
|
32
|
-
"import": "./dist/lib/*.
|
|
33
|
-
"require": "./dist/lib/*.cjs"
|
|
28
|
+
"import": "./dist/lib/*.js"
|
|
34
29
|
},
|
|
35
30
|
"./components/*": {
|
|
36
31
|
"types": "./dist/components/*.d.ts",
|
|
37
|
-
"import": "./dist/components/*.
|
|
38
|
-
"require": "./dist/components/*.cjs"
|
|
32
|
+
"import": "./dist/components/*.js"
|
|
39
33
|
},
|
|
40
34
|
"./hooks/*": {
|
|
41
35
|
"types": "./dist/hooks/*.d.ts",
|
|
42
|
-
"import": "./dist/hooks/*.
|
|
43
|
-
"require": "./dist/hooks/*.cjs"
|
|
36
|
+
"import": "./dist/hooks/*.js"
|
|
44
37
|
}
|
|
45
38
|
},
|
|
39
|
+
"files": [
|
|
40
|
+
"dist"
|
|
41
|
+
],
|
|
46
42
|
"scripts": {
|
|
47
43
|
"clean": "rm -rf ./dist",
|
|
48
44
|
"switch:dev": "node scripts/switchToSrc.js",
|
|
49
45
|
"switch:prod": "node scripts/switchToDist.js",
|
|
50
46
|
"release": "npm publish --access public --no-git-checks",
|
|
51
47
|
"lint": "biome check --write",
|
|
52
|
-
"
|
|
53
|
-
"dev": "unbuild --stub"
|
|
48
|
+
"builds": "unbuild",
|
|
49
|
+
"dev": "unbuild --stub",
|
|
50
|
+
"build": "pnpm clean && tsc --module esnext"
|
|
54
51
|
},
|
|
55
52
|
"dependencies": {
|
|
56
|
-
"@arch-cadre/core": "^0.0.
|
|
57
|
-
"@arch-cadre/intl": "^0.0.
|
|
53
|
+
"@arch-cadre/core": "^0.0.47",
|
|
54
|
+
"@arch-cadre/intl": "^0.0.47",
|
|
58
55
|
"@hookform/resolvers": "^5.2.2",
|
|
59
56
|
"@iconify-json/solar": "^1.2.2",
|
|
60
57
|
"@iconify/react": "^6.0.0",
|
package/build.config.ts
DELETED
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { defineBuildConfig } from "unbuild";
|
|
2
|
-
|
|
3
|
-
export default defineBuildConfig({
|
|
4
|
-
entries: [
|
|
5
|
-
// {
|
|
6
|
-
// builder: "mkdist",
|
|
7
|
-
// input: "./src",
|
|
8
|
-
// outDir: "./dist",
|
|
9
|
-
// format: "cjs",
|
|
10
|
-
// ext: "cjs",
|
|
11
|
-
// },
|
|
12
|
-
{
|
|
13
|
-
builder: "mkdist",
|
|
14
|
-
input: "./src",
|
|
15
|
-
outDir: "./dist",
|
|
16
|
-
format: "esm",
|
|
17
|
-
ext: "mjs",
|
|
18
|
-
},
|
|
19
|
-
],
|
|
20
|
-
clean: true,
|
|
21
|
-
declaration: true,
|
|
22
|
-
failOnWarn: false,
|
|
23
|
-
});
|
package/components.json
DELETED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "https://ui.shadcn.com/schema.json",
|
|
3
|
-
"style": "new-york",
|
|
4
|
-
"rsc": true,
|
|
5
|
-
"tsx": true,
|
|
6
|
-
"tailwind": {
|
|
7
|
-
"config": "",
|
|
8
|
-
"css": "src/styles/globals.css",
|
|
9
|
-
"baseColor": "neutral",
|
|
10
|
-
"cssVariables": true
|
|
11
|
-
},
|
|
12
|
-
"iconLibrary": "lucide",
|
|
13
|
-
"aliases": {
|
|
14
|
-
"components": "@arch-cadre/ui/components",
|
|
15
|
-
"utils": "@arch-cadre/ui/lib/utils",
|
|
16
|
-
"hooks": "@arch-cadre/ui/hooks",
|
|
17
|
-
"lib": "@arch-cadre/ui/lib",
|
|
18
|
-
"ui": "@arch-cadre/ui/components"
|
|
19
|
-
}
|
|
20
|
-
}
|
package/dist/components/.gitkeep
DELETED
|
File without changes
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { Accordion as AccordionPrimitive } from "radix-ui";
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
declare function Accordion({ ...props }: React.ComponentProps<typeof AccordionPrimitive.Root>): React.JSX.Element;
|
|
4
|
-
declare function AccordionItem({ className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Item>): React.JSX.Element;
|
|
5
|
-
declare function AccordionTrigger({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Trigger>): React.JSX.Element;
|
|
6
|
-
declare function AccordionContent({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Content>): React.JSX.Element;
|
|
7
|
-
export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { ChevronDownIcon } from "lucide-react";
|
|
3
|
-
import { Accordion as AccordionPrimitive } from "radix-ui";
|
|
4
|
-
import * as React from "react";
|
|
5
|
-
import { cn } from "../lib/utils.mjs";
|
|
6
|
-
function Accordion({
|
|
7
|
-
...props
|
|
8
|
-
}) {
|
|
9
|
-
return /* @__PURE__ */ React.createElement(AccordionPrimitive.Root, { "data-slot": "accordion", ...props });
|
|
10
|
-
}
|
|
11
|
-
function AccordionItem({
|
|
12
|
-
className,
|
|
13
|
-
...props
|
|
14
|
-
}) {
|
|
15
|
-
return /* @__PURE__ */ React.createElement(
|
|
16
|
-
AccordionPrimitive.Item,
|
|
17
|
-
{
|
|
18
|
-
"data-slot": "accordion-item",
|
|
19
|
-
className: cn("border-b last:border-b-0", className),
|
|
20
|
-
...props
|
|
21
|
-
}
|
|
22
|
-
);
|
|
23
|
-
}
|
|
24
|
-
function AccordionTrigger({
|
|
25
|
-
className,
|
|
26
|
-
children,
|
|
27
|
-
...props
|
|
28
|
-
}) {
|
|
29
|
-
return /* @__PURE__ */ React.createElement(AccordionPrimitive.Header, { className: "flex" }, /* @__PURE__ */ React.createElement(
|
|
30
|
-
AccordionPrimitive.Trigger,
|
|
31
|
-
{
|
|
32
|
-
"data-slot": "accordion-trigger",
|
|
33
|
-
className: cn(
|
|
34
|
-
"focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",
|
|
35
|
-
className
|
|
36
|
-
),
|
|
37
|
-
...props
|
|
38
|
-
},
|
|
39
|
-
children,
|
|
40
|
-
/* @__PURE__ */ React.createElement(ChevronDownIcon, { className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })
|
|
41
|
-
));
|
|
42
|
-
}
|
|
43
|
-
function AccordionContent({
|
|
44
|
-
className,
|
|
45
|
-
children,
|
|
46
|
-
...props
|
|
47
|
-
}) {
|
|
48
|
-
return /* @__PURE__ */ React.createElement(
|
|
49
|
-
AccordionPrimitive.Content,
|
|
50
|
-
{
|
|
51
|
-
"data-slot": "accordion-content",
|
|
52
|
-
className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
|
|
53
|
-
...props
|
|
54
|
-
},
|
|
55
|
-
/* @__PURE__ */ React.createElement("div", { className: cn("pt-0 pb-4", className) }, children)
|
|
56
|
-
);
|
|
57
|
-
}
|
|
58
|
-
export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { AlertDialog as AlertDialogPrimitive } from "radix-ui";
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
declare function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>): React.JSX.Element;
|
|
4
|
-
declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>): React.JSX.Element;
|
|
5
|
-
declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>): React.JSX.Element;
|
|
6
|
-
declare function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>): React.JSX.Element;
|
|
7
|
-
declare function AlertDialogContent({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Content>): React.JSX.Element;
|
|
8
|
-
declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
9
|
-
declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
10
|
-
declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>): React.JSX.Element;
|
|
11
|
-
declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>): React.JSX.Element;
|
|
12
|
-
declare function AlertDialogAction({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action>): React.JSX.Element;
|
|
13
|
-
declare function AlertDialogCancel({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>): React.JSX.Element;
|
|
14
|
-
export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };
|
|
@@ -1,144 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { AlertDialog as AlertDialogPrimitive } from "radix-ui";
|
|
3
|
-
import * as React from "react";
|
|
4
|
-
import { cn } from "../lib/utils.mjs";
|
|
5
|
-
import { buttonVariants } from "./button.mjs";
|
|
6
|
-
function AlertDialog({
|
|
7
|
-
...props
|
|
8
|
-
}) {
|
|
9
|
-
return /* @__PURE__ */ React.createElement(AlertDialogPrimitive.Root, { "data-slot": "alert-dialog", ...props });
|
|
10
|
-
}
|
|
11
|
-
function AlertDialogTrigger({
|
|
12
|
-
...props
|
|
13
|
-
}) {
|
|
14
|
-
return /* @__PURE__ */ React.createElement(AlertDialogPrimitive.Trigger, { "data-slot": "alert-dialog-trigger", ...props });
|
|
15
|
-
}
|
|
16
|
-
function AlertDialogPortal({
|
|
17
|
-
...props
|
|
18
|
-
}) {
|
|
19
|
-
return /* @__PURE__ */ React.createElement(AlertDialogPrimitive.Portal, { "data-slot": "alert-dialog-portal", ...props });
|
|
20
|
-
}
|
|
21
|
-
function AlertDialogOverlay({
|
|
22
|
-
className,
|
|
23
|
-
...props
|
|
24
|
-
}) {
|
|
25
|
-
return /* @__PURE__ */ React.createElement(
|
|
26
|
-
AlertDialogPrimitive.Overlay,
|
|
27
|
-
{
|
|
28
|
-
"data-slot": "alert-dialog-overlay",
|
|
29
|
-
className: cn(
|
|
30
|
-
"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
|
|
31
|
-
className
|
|
32
|
-
),
|
|
33
|
-
...props
|
|
34
|
-
}
|
|
35
|
-
);
|
|
36
|
-
}
|
|
37
|
-
function AlertDialogContent({
|
|
38
|
-
className,
|
|
39
|
-
...props
|
|
40
|
-
}) {
|
|
41
|
-
return /* @__PURE__ */ React.createElement(AlertDialogPortal, null, /* @__PURE__ */ React.createElement(AlertDialogOverlay, null), /* @__PURE__ */ React.createElement(
|
|
42
|
-
AlertDialogPrimitive.Content,
|
|
43
|
-
{
|
|
44
|
-
"data-slot": "alert-dialog-content",
|
|
45
|
-
className: cn(
|
|
46
|
-
"bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
|
|
47
|
-
className
|
|
48
|
-
),
|
|
49
|
-
...props
|
|
50
|
-
}
|
|
51
|
-
));
|
|
52
|
-
}
|
|
53
|
-
function AlertDialogHeader({
|
|
54
|
-
className,
|
|
55
|
-
...props
|
|
56
|
-
}) {
|
|
57
|
-
return /* @__PURE__ */ React.createElement(
|
|
58
|
-
"div",
|
|
59
|
-
{
|
|
60
|
-
"data-slot": "alert-dialog-header",
|
|
61
|
-
className: cn("flex flex-col gap-2 text-center sm:text-left", className),
|
|
62
|
-
...props
|
|
63
|
-
}
|
|
64
|
-
);
|
|
65
|
-
}
|
|
66
|
-
function AlertDialogFooter({
|
|
67
|
-
className,
|
|
68
|
-
...props
|
|
69
|
-
}) {
|
|
70
|
-
return /* @__PURE__ */ React.createElement(
|
|
71
|
-
"div",
|
|
72
|
-
{
|
|
73
|
-
"data-slot": "alert-dialog-footer",
|
|
74
|
-
className: cn(
|
|
75
|
-
"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
|
|
76
|
-
className
|
|
77
|
-
),
|
|
78
|
-
...props
|
|
79
|
-
}
|
|
80
|
-
);
|
|
81
|
-
}
|
|
82
|
-
function AlertDialogTitle({
|
|
83
|
-
className,
|
|
84
|
-
...props
|
|
85
|
-
}) {
|
|
86
|
-
return /* @__PURE__ */ React.createElement(
|
|
87
|
-
AlertDialogPrimitive.Title,
|
|
88
|
-
{
|
|
89
|
-
"data-slot": "alert-dialog-title",
|
|
90
|
-
className: cn("text-lg font-semibold", className),
|
|
91
|
-
...props
|
|
92
|
-
}
|
|
93
|
-
);
|
|
94
|
-
}
|
|
95
|
-
function AlertDialogDescription({
|
|
96
|
-
className,
|
|
97
|
-
...props
|
|
98
|
-
}) {
|
|
99
|
-
return /* @__PURE__ */ React.createElement(
|
|
100
|
-
AlertDialogPrimitive.Description,
|
|
101
|
-
{
|
|
102
|
-
"data-slot": "alert-dialog-description",
|
|
103
|
-
className: cn("text-muted-foreground text-sm", className),
|
|
104
|
-
...props
|
|
105
|
-
}
|
|
106
|
-
);
|
|
107
|
-
}
|
|
108
|
-
function AlertDialogAction({
|
|
109
|
-
className,
|
|
110
|
-
...props
|
|
111
|
-
}) {
|
|
112
|
-
return /* @__PURE__ */ React.createElement(
|
|
113
|
-
AlertDialogPrimitive.Action,
|
|
114
|
-
{
|
|
115
|
-
className: cn(buttonVariants(), className),
|
|
116
|
-
...props
|
|
117
|
-
}
|
|
118
|
-
);
|
|
119
|
-
}
|
|
120
|
-
function AlertDialogCancel({
|
|
121
|
-
className,
|
|
122
|
-
...props
|
|
123
|
-
}) {
|
|
124
|
-
return /* @__PURE__ */ React.createElement(
|
|
125
|
-
AlertDialogPrimitive.Cancel,
|
|
126
|
-
{
|
|
127
|
-
className: cn(buttonVariants({ variant: "outline" }), className),
|
|
128
|
-
...props
|
|
129
|
-
}
|
|
130
|
-
);
|
|
131
|
-
}
|
|
132
|
-
export {
|
|
133
|
-
AlertDialog,
|
|
134
|
-
AlertDialogPortal,
|
|
135
|
-
AlertDialogOverlay,
|
|
136
|
-
AlertDialogTrigger,
|
|
137
|
-
AlertDialogContent,
|
|
138
|
-
AlertDialogHeader,
|
|
139
|
-
AlertDialogFooter,
|
|
140
|
-
AlertDialogTitle,
|
|
141
|
-
AlertDialogDescription,
|
|
142
|
-
AlertDialogAction,
|
|
143
|
-
AlertDialogCancel
|
|
144
|
-
};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { type VariantProps } from "class-variance-authority";
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
declare const alertVariants: (props?: ({
|
|
4
|
-
variant?: "default" | "destructive" | null | undefined;
|
|
5
|
-
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
6
|
-
declare function Alert({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>): React.JSX.Element;
|
|
7
|
-
declare function AlertTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
8
|
-
declare function AlertDescription({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
9
|
-
export { Alert, AlertTitle, AlertDescription };
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
import { cva } from "class-variance-authority";
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
import { cn } from "../lib/utils.mjs";
|
|
4
|
-
const alertVariants = cva(
|
|
5
|
-
"relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
|
|
6
|
-
{
|
|
7
|
-
variants: {
|
|
8
|
-
variant: {
|
|
9
|
-
default: "bg-card text-card-foreground",
|
|
10
|
-
destructive: "text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90"
|
|
11
|
-
}
|
|
12
|
-
},
|
|
13
|
-
defaultVariants: {
|
|
14
|
-
variant: "default"
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
);
|
|
18
|
-
function Alert({
|
|
19
|
-
className,
|
|
20
|
-
variant,
|
|
21
|
-
...props
|
|
22
|
-
}) {
|
|
23
|
-
return /* @__PURE__ */ React.createElement(
|
|
24
|
-
"div",
|
|
25
|
-
{
|
|
26
|
-
"data-slot": "alert",
|
|
27
|
-
role: "alert",
|
|
28
|
-
className: cn(alertVariants({ variant }), className),
|
|
29
|
-
...props
|
|
30
|
-
}
|
|
31
|
-
);
|
|
32
|
-
}
|
|
33
|
-
function AlertTitle({ className, ...props }) {
|
|
34
|
-
return /* @__PURE__ */ React.createElement(
|
|
35
|
-
"div",
|
|
36
|
-
{
|
|
37
|
-
"data-slot": "alert-title",
|
|
38
|
-
className: cn(
|
|
39
|
-
"col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight",
|
|
40
|
-
className
|
|
41
|
-
),
|
|
42
|
-
...props
|
|
43
|
-
}
|
|
44
|
-
);
|
|
45
|
-
}
|
|
46
|
-
function AlertDescription({
|
|
47
|
-
className,
|
|
48
|
-
...props
|
|
49
|
-
}) {
|
|
50
|
-
return /* @__PURE__ */ React.createElement(
|
|
51
|
-
"div",
|
|
52
|
-
{
|
|
53
|
-
"data-slot": "alert-description",
|
|
54
|
-
className: cn(
|
|
55
|
-
"text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed",
|
|
56
|
-
className
|
|
57
|
-
),
|
|
58
|
-
...props
|
|
59
|
-
}
|
|
60
|
-
);
|
|
61
|
-
}
|
|
62
|
-
export { Alert, AlertTitle, AlertDescription };
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { AspectRatio as AspectRatioPrimitive } from "radix-ui";
|
|
3
|
-
import * as React from "react";
|
|
4
|
-
function AspectRatio({
|
|
5
|
-
...props
|
|
6
|
-
}) {
|
|
7
|
-
return /* @__PURE__ */ React.createElement(AspectRatioPrimitive.Root, { "data-slot": "aspect-ratio", ...props });
|
|
8
|
-
}
|
|
9
|
-
export { AspectRatio };
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { Avatar as AvatarPrimitive } from "radix-ui";
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
declare function Avatar({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Root>): React.JSX.Element;
|
|
4
|
-
declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>): React.JSX.Element;
|
|
5
|
-
declare function AvatarFallback({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>): React.JSX.Element;
|
|
6
|
-
export { Avatar, AvatarImage, AvatarFallback };
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { Avatar as AvatarPrimitive } from "radix-ui";
|
|
3
|
-
import * as React from "react";
|
|
4
|
-
import { cn } from "../lib/utils.mjs";
|
|
5
|
-
function Avatar({
|
|
6
|
-
className,
|
|
7
|
-
...props
|
|
8
|
-
}) {
|
|
9
|
-
return /* @__PURE__ */ React.createElement(
|
|
10
|
-
AvatarPrimitive.Root,
|
|
11
|
-
{
|
|
12
|
-
"data-slot": "avatar",
|
|
13
|
-
className: cn(
|
|
14
|
-
"relative flex size-8 shrink-0 overflow-hidden rounded-full",
|
|
15
|
-
className
|
|
16
|
-
),
|
|
17
|
-
...props
|
|
18
|
-
}
|
|
19
|
-
);
|
|
20
|
-
}
|
|
21
|
-
function AvatarImage({
|
|
22
|
-
className,
|
|
23
|
-
...props
|
|
24
|
-
}) {
|
|
25
|
-
return /* @__PURE__ */ React.createElement(
|
|
26
|
-
AvatarPrimitive.Image,
|
|
27
|
-
{
|
|
28
|
-
"data-slot": "avatar-image",
|
|
29
|
-
className: cn("aspect-square size-full", className),
|
|
30
|
-
...props
|
|
31
|
-
}
|
|
32
|
-
);
|
|
33
|
-
}
|
|
34
|
-
function AvatarFallback({
|
|
35
|
-
className,
|
|
36
|
-
...props
|
|
37
|
-
}) {
|
|
38
|
-
return /* @__PURE__ */ React.createElement(
|
|
39
|
-
AvatarPrimitive.Fallback,
|
|
40
|
-
{
|
|
41
|
-
"data-slot": "avatar-fallback",
|
|
42
|
-
className: cn(
|
|
43
|
-
"bg-muted flex size-full items-center justify-center rounded-full",
|
|
44
|
-
className
|
|
45
|
-
),
|
|
46
|
-
...props
|
|
47
|
-
}
|
|
48
|
-
);
|
|
49
|
-
}
|
|
50
|
-
export { Avatar, AvatarImage, AvatarFallback };
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { type VariantProps } from "class-variance-authority";
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
declare const badgeVariants: (props?: ({
|
|
4
|
-
variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
|
|
5
|
-
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
6
|
-
declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
|
|
7
|
-
asChild?: boolean;
|
|
8
|
-
}): React.JSX.Element;
|
|
9
|
-
export { Badge, badgeVariants };
|