@arch-cadre/ui 0.0.61 → 0.0.63
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/.gitkeep +0 -0
- package/dist/components/accordion.d.ts +4 -4
- package/dist/components/accordion.mjs +58 -0
- package/dist/components/alert-dialog.d.ts +11 -11
- package/dist/components/alert-dialog.mjs +144 -0
- package/dist/components/alert.d.ts +4 -4
- package/dist/components/alert.mjs +62 -0
- package/dist/components/aspect-ratio.d.ts +1 -1
- package/dist/components/aspect-ratio.mjs +9 -0
- package/dist/components/avatar.d.ts +3 -3
- package/dist/components/avatar.mjs +50 -0
- package/dist/components/badge.d.ts +3 -3
- package/dist/components/badge.mjs +37 -0
- package/dist/components/breadcrumb.d.ts +7 -7
- package/dist/components/breadcrumb.mjs +105 -0
- package/dist/components/button-group.d.ts +4 -4
- package/dist/components/button-group.mjs +76 -0
- package/dist/components/button.d.ts +3 -3
- package/dist/components/button.mjs +51 -0
- package/dist/components/calendar.d.ts +2 -2
- package/dist/components/calendar.mjs +191 -0
- package/dist/components/card.d.ts +7 -7
- package/dist/components/card.mjs +90 -0
- package/dist/components/checkbox.d.ts +1 -1
- package/dist/components/checkbox.mjs +30 -0
- package/dist/components/collapsible.d.ts +3 -3
- package/dist/components/collapsible.mjs +31 -0
- package/dist/components/command.d.ts +9 -9
- package/dist/components/command.mjs +169 -0
- package/dist/components/context-menu.d.ts +15 -15
- package/dist/components/context-menu.mjs +218 -0
- package/dist/components/dialog.d.ts +10 -10
- package/dist/components/dialog.mjs +130 -0
- package/dist/components/drawer.d.ts +10 -10
- package/dist/components/drawer.mjs +124 -0
- package/dist/components/dropdown-menu.d.ts +15 -15
- package/dist/components/dropdown-menu.mjs +226 -0
- package/dist/components/empty.d.ts +7 -7
- package/dist/components/empty.mjs +102 -0
- package/dist/components/field.d.ts +11 -11
- package/dist/components/field.mjs +228 -0
- package/dist/components/form.d.ts +6 -6
- package/dist/components/form.mjs +123 -0
- package/dist/components/hover-card.d.ts +3 -3
- package/dist/components/hover-card.mjs +35 -0
- package/dist/components/input-group.d.ts +8 -8
- package/dist/components/input-group.mjs +155 -0
- package/dist/components/input-otp.d.ts +4 -4
- package/dist/components/input-otp.mjs +59 -0
- package/dist/components/input.d.ts +1 -1
- package/dist/components/input.mjs +19 -0
- package/dist/components/item.d.ts +13 -13
- package/dist/components/item.mjs +187 -0
- package/dist/components/kbd.d.ts +2 -2
- package/dist/components/kbd.mjs +28 -0
- package/dist/components/label.d.ts +1 -1
- package/dist/components/label.mjs +21 -0
- package/dist/components/language-switcher.d.ts +2 -1
- package/dist/components/language-switcher.mjs +30 -0
- package/dist/components/menubar.d.ts +16 -16
- package/dist/components/menubar.mjs +246 -0
- package/dist/components/navigation-menu.d.ts +9 -9
- package/dist/components/navigation-menu.mjs +166 -0
- package/dist/components/pagination.d.ts +7 -7
- package/dist/components/pagination.mjs +116 -0
- package/dist/components/popover.d.ts +4 -4
- package/dist/components/popover.mjs +40 -0
- package/dist/components/progress.d.ts +1 -1
- package/dist/components/progress.mjs +30 -0
- package/dist/components/radio-group.d.ts +2 -2
- package/dist/components/radio-group.mjs +43 -0
- package/dist/components/scroll-area.d.ts +2 -2
- package/dist/components/scroll-area.mjs +59 -0
- package/dist/components/select.d.ts +10 -10
- package/dist/components/select.mjs +173 -0
- package/dist/components/separator.d.ts +1 -1
- package/dist/components/separator.mjs +25 -0
- package/dist/components/sheet.d.ts +8 -8
- package/dist/components/sheet.mjs +119 -0
- package/dist/components/sidebar.d.ts +24 -24
- package/dist/components/sidebar.mjs +635 -0
- package/dist/components/skeleton.d.ts +1 -1
- package/dist/components/skeleton.mjs +13 -0
- package/dist/components/slider.d.ts +1 -1
- package/dist/components/slider.mjs +59 -0
- package/dist/components/sonner.d.ts +2 -1
- package/dist/components/sonner.mjs +36 -0
- package/dist/components/spinner.d.ts +1 -1
- package/dist/components/spinner.mjs +15 -0
- package/dist/components/switch.d.ts +1 -1
- package/dist/components/switch.mjs +30 -0
- package/dist/components/table.d.ts +8 -8
- package/dist/components/table.mjs +115 -0
- package/dist/components/tabs.d.ts +4 -4
- package/dist/components/tabs.mjs +63 -0
- package/dist/components/textarea.d.ts +1 -1
- package/dist/components/textarea.mjs +16 -0
- package/dist/components/toggle-group.d.ts +2 -2
- package/dist/components/toggle-group.mjs +65 -0
- package/dist/components/toggle.d.ts +2 -2
- package/dist/components/toggle.mjs +41 -0
- package/dist/components/tooltip.d.ts +4 -4
- package/dist/components/tooltip.mjs +49 -0
- package/dist/hooks/.gitkeep +0 -0
- package/dist/hooks/use-mobile.mjs +17 -0
- package/dist/hooks/use-user.mjs +12 -0
- package/dist/index.mjs +15 -0
- package/dist/lib/{utils.js → utils.mjs} +1 -1
- package/dist/logo.d.ts +2 -2
- package/dist/logo.mjs +32 -0
- package/dist/postcss.config.mjs +2 -1
- package/dist/providers/auth-provider.d.ts +1 -1
- package/dist/providers/auth-provider.mjs +37 -0
- package/dist/providers/index.d.ts +1 -1
- package/dist/providers/index.mjs +33 -0
- package/dist/shared/access-denied.d.ts +2 -1
- package/dist/shared/access-denied.mjs +12 -0
- package/dist/shared/loader.d.ts +4 -4
- package/dist/shared/loader.mjs +98 -0
- package/dist/shared/page-loader.d.ts +2 -1
- package/dist/shared/page-loader.mjs +6 -0
- package/dist/shared/scroll-fade-effect.d.ts +1 -1
- package/dist/shared/scroll-fade-effect.mjs +20 -0
- package/dist/styles/globals.css +1 -0
- package/package.json +13 -13
- package/dist/components/accordion.js +0 -18
- package/dist/components/alert-dialog.js +0 -39
- package/dist/components/alert.js +0 -24
- package/dist/components/aspect-ratio.js +0 -7
- package/dist/components/avatar.js +0 -14
- package/dist/components/badge.js +0 -22
- package/dist/components/breadcrumb.js +0 -30
- package/dist/components/button-group.js +0 -28
- package/dist/components/button.js +0 -33
- package/dist/components/calendar.js +0 -76
- package/dist/components/card.js +0 -24
- package/dist/components/checkbox.js +0 -9
- package/dist/components/collapsible.js +0 -13
- package/dist/components/command.js +0 -34
- package/dist/components/context-menu.js +0 -51
- package/dist/components/dialog.js +0 -36
- package/dist/components/drawer.js +0 -35
- package/dist/components/dropdown-menu.js +0 -51
- package/dist/components/empty.js +0 -33
- package/dist/components/field.js +0 -78
- package/dist/components/form.js +0 -59
- package/dist/components/hover-card.js +0 -14
- package/dist/components/input-group.js +0 -63
- package/dist/components/input-otp.js +0 -21
- package/dist/components/input.js +0 -6
- package/dist/components/item.js +0 -66
- package/dist/components/kbd.js +0 -9
- package/dist/components/label.js +0 -8
- package/dist/components/language-switcher.js +0 -20
- package/dist/components/menubar.js +0 -54
- package/dist/components/navigation-menu.js +0 -31
- package/dist/components/pagination.js +0 -31
- package/dist/components/popover.js +0 -17
- package/dist/components/progress.js +0 -8
- package/dist/components/radio-group.js +0 -12
- package/dist/components/scroll-area.js +0 -13
- package/dist/components/select.js +0 -38
- package/dist/components/separator.js +0 -8
- package/dist/components/sheet.js +0 -40
- package/dist/components/sidebar.js +0 -213
- package/dist/components/skeleton.js +0 -6
- package/dist/components/slider.js +0 -14
- package/dist/components/sonner.js +0 -21
- package/dist/components/spinner.js +0 -7
- package/dist/components/switch.js +0 -8
- package/dist/components/table.js +0 -28
- package/dist/components/tabs.js +0 -17
- package/dist/components/textarea.js +0 -6
- package/dist/components/toggle-group.js +0 -22
- package/dist/components/toggle.js +0 -26
- package/dist/components/tooltip.js +0 -17
- package/dist/hooks/use-mobile.js +0 -15
- package/dist/hooks/use-user.js +0 -25
- package/dist/index.js +0 -15
- package/dist/logo.js +0 -28
- package/dist/providers/auth-provider.js +0 -27
- package/dist/providers/index.js +0 -23
- package/dist/shared/access-denied.js +0 -6
- package/dist/shared/loader.js +0 -41
- package/dist/shared/page-loader.js +0 -6
- package/dist/shared/scroll-fade-effect.js +0 -5
|
@@ -1,213 +0,0 @@
|
|
|
1
|
-
/** biome-ignore-all lint/correctness/useExhaustiveDependencies: <any> */
|
|
2
|
-
"use client";
|
|
3
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
4
|
-
import { cva } from "class-variance-authority";
|
|
5
|
-
import { PanelLeftIcon } from "lucide-react";
|
|
6
|
-
import { Slot as SlotPrimitive } from "radix-ui";
|
|
7
|
-
import * as React from "react";
|
|
8
|
-
import { useIsMobile } from "../hooks/use-mobile";
|
|
9
|
-
import { cn } from "../lib/utils";
|
|
10
|
-
import { Button } from "./button";
|
|
11
|
-
import { Input } from "./input";
|
|
12
|
-
import { Separator } from "./separator";
|
|
13
|
-
import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle, } from "./sheet";
|
|
14
|
-
import { Skeleton } from "./skeleton";
|
|
15
|
-
import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "./tooltip";
|
|
16
|
-
const SIDEBAR_COOKIE_NAME = "sidebar_state";
|
|
17
|
-
const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
|
|
18
|
-
const SIDEBAR_WIDTH = "16rem";
|
|
19
|
-
const SIDEBAR_WIDTH_MOBILE = "18rem";
|
|
20
|
-
const SIDEBAR_WIDTH_ICON = "3rem";
|
|
21
|
-
const SIDEBAR_KEYBOARD_SHORTCUT = "b";
|
|
22
|
-
const SidebarContext = React.createContext(null);
|
|
23
|
-
function useSidebar() {
|
|
24
|
-
const context = React.useContext(SidebarContext);
|
|
25
|
-
if (!context) {
|
|
26
|
-
throw new Error("useSidebar must be used within a SidebarProvider.");
|
|
27
|
-
}
|
|
28
|
-
return context;
|
|
29
|
-
}
|
|
30
|
-
function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }) {
|
|
31
|
-
const isMobile = useIsMobile();
|
|
32
|
-
const [openMobile, setOpenMobile] = React.useState(false);
|
|
33
|
-
// This is the internal state of the sidebar.
|
|
34
|
-
// We use openProp and setOpenProp for control from outside the component.
|
|
35
|
-
const [_open, _setOpen] = React.useState(defaultOpen);
|
|
36
|
-
const open = openProp ?? _open;
|
|
37
|
-
const setOpen = React.useCallback((value) => {
|
|
38
|
-
const openState = typeof value === "function" ? value(open) : value;
|
|
39
|
-
if (setOpenProp) {
|
|
40
|
-
setOpenProp(openState);
|
|
41
|
-
}
|
|
42
|
-
else {
|
|
43
|
-
_setOpen(openState);
|
|
44
|
-
}
|
|
45
|
-
// This sets the cookie to keep the sidebar state.
|
|
46
|
-
document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;
|
|
47
|
-
}, [setOpenProp, open]);
|
|
48
|
-
// Helper to toggle the sidebar.
|
|
49
|
-
const toggleSidebar = React.useCallback(() => {
|
|
50
|
-
return isMobile ? setOpenMobile((open) => !open) : setOpen((open) => !open);
|
|
51
|
-
}, [isMobile, setOpen, setOpenMobile]);
|
|
52
|
-
// Adds a keyboard shortcut to toggle the sidebar.
|
|
53
|
-
React.useEffect(() => {
|
|
54
|
-
const handleKeyDown = (event) => {
|
|
55
|
-
if (event.key === SIDEBAR_KEYBOARD_SHORTCUT &&
|
|
56
|
-
(event.metaKey || event.ctrlKey)) {
|
|
57
|
-
event.preventDefault();
|
|
58
|
-
toggleSidebar();
|
|
59
|
-
}
|
|
60
|
-
};
|
|
61
|
-
window.addEventListener("keydown", handleKeyDown);
|
|
62
|
-
return () => window.removeEventListener("keydown", handleKeyDown);
|
|
63
|
-
}, [toggleSidebar]);
|
|
64
|
-
// We add a state so that we can do data-state="expanded" or "collapsed".
|
|
65
|
-
// This makes it easier to style the sidebar with Tailwind classes.
|
|
66
|
-
const state = open ? "expanded" : "collapsed";
|
|
67
|
-
const contextValue = React.useMemo(() => ({
|
|
68
|
-
state,
|
|
69
|
-
open,
|
|
70
|
-
setOpen,
|
|
71
|
-
isMobile,
|
|
72
|
-
openMobile,
|
|
73
|
-
setOpenMobile,
|
|
74
|
-
toggleSidebar,
|
|
75
|
-
}), [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]);
|
|
76
|
-
return (_jsx(SidebarContext.Provider, { value: contextValue, children: _jsx(TooltipProvider, { delayDuration: 0, children: _jsx("div", { "data-slot": "sidebar-wrapper", style: {
|
|
77
|
-
"--sidebar-width": SIDEBAR_WIDTH,
|
|
78
|
-
"--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
|
|
79
|
-
...style,
|
|
80
|
-
}, className: cn("group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full", className), ...props, children: children }) }) }));
|
|
81
|
-
}
|
|
82
|
-
function Sidebar({ side = "left", variant = "sidebar", collapsible = "offcanvas", className, children, ...props }) {
|
|
83
|
-
const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
|
|
84
|
-
if (collapsible === "none") {
|
|
85
|
-
return (_jsx("div", { "data-slot": "sidebar", className: cn("bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col", className), ...props, children: children }));
|
|
86
|
-
}
|
|
87
|
-
if (isMobile) {
|
|
88
|
-
return (_jsx(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: _jsxs(SheetContent, { "data-sidebar": "sidebar", "data-slot": "sidebar", "data-mobile": "true", className: "bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden", style: {
|
|
89
|
-
"--sidebar-width": SIDEBAR_WIDTH_MOBILE,
|
|
90
|
-
}, side: side, children: [_jsxs(SheetHeader, { className: "sr-only", children: [_jsx(SheetTitle, { children: "Sidebar" }), _jsx(SheetDescription, { children: "Displays the mobile sidebar." })] }), _jsx("div", { className: "flex h-full w-full flex-col", children: children })] }) }));
|
|
91
|
-
}
|
|
92
|
-
return (_jsxs("div", { className: "group peer text-sidebar-foreground hidden md:block", "data-state": state, "data-collapsible": state === "collapsed" ? collapsible : "", "data-variant": variant, "data-side": side, "data-slot": "sidebar", children: [_jsx("div", { "data-slot": "sidebar-gap", className: cn("relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear", "group-data-[collapsible=offcanvas]:w-0", "group-data-[side=right]:rotate-180", variant === "floating" || variant === "inset"
|
|
93
|
-
? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]"
|
|
94
|
-
: "group-data-[collapsible=icon]:w-(--sidebar-width-icon)") }), _jsx("div", { "data-slot": "sidebar-container", className: cn("fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex", side === "left"
|
|
95
|
-
? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]"
|
|
96
|
-
: "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
|
|
97
|
-
// Adjust the padding for floating and inset variants.
|
|
98
|
-
variant === "floating" || variant === "inset"
|
|
99
|
-
? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]"
|
|
100
|
-
: "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l", className), ...props, children: _jsx("div", { "data-sidebar": "sidebar", "data-slot": "sidebar-inner", className: "bg-sidebar group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm", children: children }) })] }));
|
|
101
|
-
}
|
|
102
|
-
function SidebarTrigger({ className, onClick, ...props }) {
|
|
103
|
-
const { toggleSidebar } = useSidebar();
|
|
104
|
-
return (_jsxs(Button, { "data-sidebar": "trigger", "data-slot": "sidebar-trigger", variant: "ghost", size: "icon", className: cn("size-7", className), onClick: (event) => {
|
|
105
|
-
onClick?.(event);
|
|
106
|
-
toggleSidebar();
|
|
107
|
-
}, ...props, children: [_jsx(PanelLeftIcon, {}), _jsx("span", { className: "sr-only", children: "Toggle Sidebar" })] }));
|
|
108
|
-
}
|
|
109
|
-
function SidebarRail({ className, ...props }) {
|
|
110
|
-
const { toggleSidebar } = useSidebar();
|
|
111
|
-
return (_jsx("button", { "data-sidebar": "rail", "data-slot": "sidebar-rail", "aria-label": "Toggle Sidebar", tabIndex: -1, onClick: toggleSidebar, title: "Toggle Sidebar", className: cn("hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] sm:flex", "in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize", "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize", "hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full", "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2", "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2", className), ...props }));
|
|
112
|
-
}
|
|
113
|
-
function SidebarInset({ className, ...props }) {
|
|
114
|
-
return (_jsx("main", { "data-slot": "sidebar-inset", className: cn("bg-background relative flex w-full flex-1 flex-col", "md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2", className), ...props }));
|
|
115
|
-
}
|
|
116
|
-
function SidebarInput({ className, ...props }) {
|
|
117
|
-
return (_jsx(Input, { "data-slot": "sidebar-input", "data-sidebar": "input", className: cn("bg-background h-8 w-full shadow-none", className), ...props }));
|
|
118
|
-
}
|
|
119
|
-
function SidebarHeader({ className, ...props }) {
|
|
120
|
-
return (_jsx("div", { "data-slot": "sidebar-header", "data-sidebar": "header", className: cn("flex flex-col gap-2 py-2", className), ...props }));
|
|
121
|
-
}
|
|
122
|
-
function SidebarFooter({ className, ...props }) {
|
|
123
|
-
return (_jsx("div", { "data-slot": "sidebar-footer", "data-sidebar": "footer", className: cn("flex flex-col gap-2 py-2", className), ...props }));
|
|
124
|
-
}
|
|
125
|
-
function SidebarSeparator({ className, ...props }) {
|
|
126
|
-
return (_jsx(Separator, { "data-slot": "sidebar-separator", "data-sidebar": "separator", className: cn("bg-sidebar-border mx-2 w-auto", className), ...props }));
|
|
127
|
-
}
|
|
128
|
-
function SidebarContent({ className, ...props }) {
|
|
129
|
-
return (_jsx("div", { "data-slot": "sidebar-content", "data-sidebar": "content", className: cn("flex min-h-0 flex-1 flex-col gap-px overflow-auto group-data-[collapsible=icon]:overflow-hidden", className), ...props }));
|
|
130
|
-
}
|
|
131
|
-
function SidebarGroup({ className, ...props }) {
|
|
132
|
-
return (_jsx("div", { "data-slot": "sidebar-group", "data-sidebar": "group", className: cn("relative flex w-full min-w-0 flex-col p-2", className), ...props }));
|
|
133
|
-
}
|
|
134
|
-
function SidebarGroupLabel({ className, asChild = false, ...props }) {
|
|
135
|
-
const Comp = asChild ? SlotPrimitive.Slot : "div";
|
|
136
|
-
return (_jsx(Comp, { "data-slot": "sidebar-group-label", "data-sidebar": "group-label", className: cn("text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0", className), ...props }));
|
|
137
|
-
}
|
|
138
|
-
function SidebarGroupAction({ className, asChild = false, ...props }) {
|
|
139
|
-
const Comp = asChild ? SlotPrimitive.Slot : "button";
|
|
140
|
-
return (_jsx(Comp, { "data-slot": "sidebar-group-action", "data-sidebar": "group-action", className: cn("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
|
|
141
|
-
// Increases the hit area of the button on mobile.
|
|
142
|
-
"after:absolute after:-inset-2 md:after:hidden", "group-data-[collapsible=icon]:hidden", className), ...props }));
|
|
143
|
-
}
|
|
144
|
-
function SidebarGroupContent({ className, ...props }) {
|
|
145
|
-
return (_jsx("div", { "data-slot": "sidebar-group-content", "data-sidebar": "group-content", className: cn("w-full text-sm", className), ...props }));
|
|
146
|
-
}
|
|
147
|
-
function SidebarMenu({ className, ...props }) {
|
|
148
|
-
return (_jsx("ul", { "data-slot": "sidebar-menu", "data-sidebar": "menu", className: cn("flex w-full min-w-0 flex-col gap-1", className), ...props }));
|
|
149
|
-
}
|
|
150
|
-
function SidebarMenuItem({ className, ...props }) {
|
|
151
|
-
return (_jsx("li", { "data-slot": "sidebar-menu-item", "data-sidebar": "menu-item", className: cn("group/menu-item relative my-px", className), ...props }));
|
|
152
|
-
}
|
|
153
|
-
const sidebarMenuButtonVariants = cva("peer/menu-button cursor-pointer flex w-full items-center gap-2 overflow-hidden rounded-xl p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0", {
|
|
154
|
-
variants: {
|
|
155
|
-
variant: {
|
|
156
|
-
default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
|
|
157
|
-
outline: "bg-transparent shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]",
|
|
158
|
-
},
|
|
159
|
-
size: {
|
|
160
|
-
default: "h-8 text-sm",
|
|
161
|
-
sm: "h-7 text-xs",
|
|
162
|
-
lg: "h-12 text-sm group-data-[collapsible=icon]:p-0!",
|
|
163
|
-
},
|
|
164
|
-
},
|
|
165
|
-
defaultVariants: {
|
|
166
|
-
variant: "default",
|
|
167
|
-
size: "default",
|
|
168
|
-
},
|
|
169
|
-
});
|
|
170
|
-
function SidebarMenuButton({ asChild = false, isActive = false, variant = "outline", size = "lg", tooltip, className, ...props }) {
|
|
171
|
-
const Comp = asChild ? SlotPrimitive.Slot : "button";
|
|
172
|
-
const { isMobile, state } = useSidebar();
|
|
173
|
-
const button = (_jsx(Comp, { "data-slot": "sidebar-menu-button", "data-sidebar": "menu-button", "data-size": size, "data-active": isActive, className: cn(sidebarMenuButtonVariants({ variant, size }), className), ...props }));
|
|
174
|
-
if (!tooltip) {
|
|
175
|
-
return button;
|
|
176
|
-
}
|
|
177
|
-
if (typeof tooltip === "string") {
|
|
178
|
-
tooltip = {
|
|
179
|
-
children: tooltip,
|
|
180
|
-
};
|
|
181
|
-
}
|
|
182
|
-
return (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: button }), _jsx(TooltipContent, { side: "right", align: "center", hidden: state !== "collapsed" || isMobile, ...tooltip })] }));
|
|
183
|
-
}
|
|
184
|
-
function SidebarMenuAction({ className, asChild = false, showOnHover = false, ...props }) {
|
|
185
|
-
const Comp = asChild ? SlotPrimitive.Slot : "button";
|
|
186
|
-
return (_jsx(Comp, { "data-slot": "sidebar-menu-action", "data-sidebar": "menu-action", className: cn("text-sidebar-foreground right-2.5 ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 flex cursor-pointer aspect-square size-6! items-center justify-center rounded-md p-1 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
|
|
187
|
-
// Increases the hit area of the button on mobile.
|
|
188
|
-
"after:absolute after:-inset-2 md:after:hidden", "peer-data-[size=sm]/menu-button:top-1", "peer-data-[size=default]/menu-button:top-1.5", "peer-data-[size=lg]/menu-button:top-3", "group-data-[collapsible=icon]:hidden", showOnHover &&
|
|
189
|
-
"peer-data-[active=true]/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 md:opacity-0", className), ...props }));
|
|
190
|
-
}
|
|
191
|
-
function SidebarMenuBadge({ className, ...props }) {
|
|
192
|
-
return (_jsx("div", { "data-slot": "sidebar-menu-badge", "data-sidebar": "menu-badge", className: cn("text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none", "peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground", "peer-data-[size=sm]/menu-button:top-1", "peer-data-[size=default]/menu-button:top-1.5", "peer-data-[size=lg]/menu-button:top-2.5", "group-data-[collapsible=icon]:hidden", className), ...props }));
|
|
193
|
-
}
|
|
194
|
-
function SidebarMenuSkeleton({ className, showIcon = false, ...props }) {
|
|
195
|
-
// Random width between 50 to 90%.
|
|
196
|
-
const width = React.useMemo(() => {
|
|
197
|
-
return `${Math.floor(Math.random() * 40) + 50}%`;
|
|
198
|
-
}, []);
|
|
199
|
-
return (_jsxs("div", { "data-slot": "sidebar-menu-skeleton", "data-sidebar": "menu-skeleton", className: cn("flex h-8 items-center gap-2 rounded-md px-2", className), ...props, children: [showIcon && (_jsx(Skeleton, { className: "size-4 rounded-md", "data-sidebar": "menu-skeleton-icon" })), _jsx(Skeleton, { className: "h-4 max-w-(--skeleton-width) flex-1", "data-sidebar": "menu-skeleton-text", style: {
|
|
200
|
-
"--skeleton-width": width,
|
|
201
|
-
} })] }));
|
|
202
|
-
}
|
|
203
|
-
function SidebarMenuSub({ className, ...props }) {
|
|
204
|
-
return (_jsx("ul", { "data-slot": "sidebar-menu-sub", "data-sidebar": "menu-sub", className: cn("border-sidebar-border ml-9 flex min-w-0 translate-x-px flex-col gap-1 px-2.5 py-0.5", "group-data-[collapsible=icon]:hidden", className), ...props }));
|
|
205
|
-
}
|
|
206
|
-
function SidebarMenuSubItem({ className, ...props }) {
|
|
207
|
-
return (_jsx("li", { "data-slot": "sidebar-menu-sub-item", "data-sidebar": "menu-sub-item", className: cn("group/menu-sub-item relative", className), ...props }));
|
|
208
|
-
}
|
|
209
|
-
function SidebarMenuSubButton({ asChild = false, size = "md", isActive = false, className, ...props }) {
|
|
210
|
-
const Comp = asChild ? SlotPrimitive.Slot : "a";
|
|
211
|
-
return (_jsx(Comp, { "data-slot": "sidebar-menu-sub-button", "data-sidebar": "menu-sub-button", "data-size": size, "data-active": isActive, className: cn("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0", "data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground", size === "sm" && "text-xs", size === "md" && "text-sm", "group-data-[collapsible=icon]:hidden", className), ...props }));
|
|
212
|
-
}
|
|
213
|
-
export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar, };
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { cn } from "../lib/utils";
|
|
3
|
-
function Skeleton({ className, ...props }) {
|
|
4
|
-
return (_jsx("div", { "data-slot": "skeleton", className: cn("bg-accent animate-pulse rounded-md", className), ...props }));
|
|
5
|
-
}
|
|
6
|
-
export { Skeleton };
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { Slider as SliderPrimitive } from "radix-ui";
|
|
4
|
-
import * as React from "react";
|
|
5
|
-
import { cn } from "../lib/utils";
|
|
6
|
-
function Slider({ className, defaultValue, value, min = 0, max = 100, ...props }) {
|
|
7
|
-
const _values = React.useMemo(() => Array.isArray(value)
|
|
8
|
-
? value
|
|
9
|
-
: Array.isArray(defaultValue)
|
|
10
|
-
? defaultValue
|
|
11
|
-
: [min, max], [value, defaultValue, min, max]);
|
|
12
|
-
return (_jsxs(SliderPrimitive.Root, { "data-slot": "slider", defaultValue: defaultValue, value: value, min: min, max: max, className: cn("relative flex w-full touch-none items-center select-none data-[disabled]:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col", className), ...props, children: [_jsx(SliderPrimitive.Track, { "data-slot": "slider-track", className: cn("bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5"), children: _jsx(SliderPrimitive.Range, { "data-slot": "slider-range", className: cn("bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full") }) }), Array.from({ length: _values.length }, (_, index) => (_jsx(SliderPrimitive.Thumb, { "data-slot": "slider-thumb", className: "border-primary ring-ring/50 block size-4 shrink-0 rounded-full border bg-white shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50" }, index)))] }));
|
|
13
|
-
}
|
|
14
|
-
export { Slider };
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
-
import { CircleCheckIcon, InfoIcon, Loader2Icon, OctagonXIcon, TriangleAlertIcon, } from "lucide-react";
|
|
4
|
-
import { useTheme } from "next-themes";
|
|
5
|
-
import { Toaster as Sonner } from "sonner";
|
|
6
|
-
const Toaster = ({ ...props }) => {
|
|
7
|
-
const { theme = "system" } = useTheme();
|
|
8
|
-
return (_jsx(Sonner, { theme: theme, className: "toaster group", icons: {
|
|
9
|
-
success: _jsx(CircleCheckIcon, { className: "size-4" }),
|
|
10
|
-
info: _jsx(InfoIcon, { className: "size-4" }),
|
|
11
|
-
warning: _jsx(TriangleAlertIcon, { className: "size-4" }),
|
|
12
|
-
error: _jsx(OctagonXIcon, { className: "size-4" }),
|
|
13
|
-
loading: _jsx(Loader2Icon, { className: "size-4 animate-spin" }),
|
|
14
|
-
}, style: {
|
|
15
|
-
"--normal-bg": "var(--popover)",
|
|
16
|
-
"--normal-text": "var(--popover-foreground)",
|
|
17
|
-
"--normal-border": "var(--border)",
|
|
18
|
-
"--border-radius": "var(--radius)",
|
|
19
|
-
}, ...props }));
|
|
20
|
-
};
|
|
21
|
-
export { Toaster };
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { Loader2Icon } from "lucide-react";
|
|
3
|
-
import { cn } from "../lib/utils";
|
|
4
|
-
function Spinner({ className, ...props }) {
|
|
5
|
-
return (_jsx(Loader2Icon, { role: "status", "aria-label": "Loading", className: cn("size-4 animate-spin", className), ...props }));
|
|
6
|
-
}
|
|
7
|
-
export { Spinner };
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
-
import { Switch as SwitchPrimitive } from "radix-ui";
|
|
4
|
-
import { cn } from "../lib/utils";
|
|
5
|
-
function Switch({ className, ...props }) {
|
|
6
|
-
return (_jsx(SwitchPrimitive.Root, { "data-slot": "switch", className: cn("peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", className), ...props, children: _jsx(SwitchPrimitive.Thumb, { "data-slot": "switch-thumb", className: cn("bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0") }) }));
|
|
7
|
-
}
|
|
8
|
-
export { Switch };
|
package/dist/components/table.js
DELETED
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
-
import { cn } from "../lib/utils";
|
|
4
|
-
function Table({ className, ...props }) {
|
|
5
|
-
return (_jsx("div", { "data-slot": "table-container", className: "relative w-full overflow-x-auto", children: _jsx("table", { "data-slot": "table", className: cn("w-full caption-bottom text-sm", className), ...props }) }));
|
|
6
|
-
}
|
|
7
|
-
function TableHeader({ className, ...props }) {
|
|
8
|
-
return (_jsx("thead", { "data-slot": "table-header", className: cn("[&_tr]:border-b", className), ...props }));
|
|
9
|
-
}
|
|
10
|
-
function TableBody({ className, ...props }) {
|
|
11
|
-
return (_jsx("tbody", { "data-slot": "table-body", className: cn("[&_tr:last-child]:border-0", className), ...props }));
|
|
12
|
-
}
|
|
13
|
-
function TableFooter({ className, ...props }) {
|
|
14
|
-
return (_jsx("tfoot", { "data-slot": "table-footer", className: cn("bg-muted/50 border-t font-medium [&>tr]:last:border-b-0", className), ...props }));
|
|
15
|
-
}
|
|
16
|
-
function TableRow({ className, ...props }) {
|
|
17
|
-
return (_jsx("tr", { "data-slot": "table-row", className: cn("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors", className), ...props }));
|
|
18
|
-
}
|
|
19
|
-
function TableHead({ className, ...props }) {
|
|
20
|
-
return (_jsx("th", { "data-slot": "table-head", className: cn("text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className), ...props }));
|
|
21
|
-
}
|
|
22
|
-
function TableCell({ className, ...props }) {
|
|
23
|
-
return (_jsx("td", { "data-slot": "table-cell", className: cn("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className), ...props }));
|
|
24
|
-
}
|
|
25
|
-
function TableCaption({ className, ...props }) {
|
|
26
|
-
return (_jsx("caption", { "data-slot": "table-caption", className: cn("text-muted-foreground mt-4 text-sm", className), ...props }));
|
|
27
|
-
}
|
|
28
|
-
export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, };
|
package/dist/components/tabs.js
DELETED
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
-
import { Tabs as TabsPrimitive } from "radix-ui";
|
|
4
|
-
import { cn } from "../lib/utils";
|
|
5
|
-
function Tabs({ className, ...props }) {
|
|
6
|
-
return (_jsx(TabsPrimitive.Root, { "data-slot": "tabs", className: cn("flex flex-col gap-2", className), ...props }));
|
|
7
|
-
}
|
|
8
|
-
function TabsList({ className, ...props }) {
|
|
9
|
-
return (_jsx(TabsPrimitive.List, { "data-slot": "tabs-list", className: cn("bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]", className), ...props }));
|
|
10
|
-
}
|
|
11
|
-
function TabsTrigger({ className, ...props }) {
|
|
12
|
-
return (_jsx(TabsPrimitive.Trigger, { "data-slot": "tabs-trigger", className: cn("data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), ...props }));
|
|
13
|
-
}
|
|
14
|
-
function TabsContent({ className, ...props }) {
|
|
15
|
-
return (_jsx(TabsPrimitive.Content, { "data-slot": "tabs-content", className: cn("flex-1 outline-none", className), ...props }));
|
|
16
|
-
}
|
|
17
|
-
export { Tabs, TabsList, TabsTrigger, TabsContent };
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { cn } from "../lib/utils";
|
|
3
|
-
function Textarea({ className, ...props }) {
|
|
4
|
-
return (_jsx("textarea", { "data-slot": "textarea", className: cn("border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", className), ...props }));
|
|
5
|
-
}
|
|
6
|
-
export { Textarea };
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
-
import { ToggleGroup as ToggleGroupPrimitive } from "radix-ui";
|
|
4
|
-
import * as React from "react";
|
|
5
|
-
import { cn } from "../lib/utils";
|
|
6
|
-
import { toggleVariants } from "./toggle";
|
|
7
|
-
const ToggleGroupContext = React.createContext({
|
|
8
|
-
size: "default",
|
|
9
|
-
variant: "default",
|
|
10
|
-
spacing: 0,
|
|
11
|
-
});
|
|
12
|
-
function ToggleGroup({ className, variant, size, spacing = 0, children, ...props }) {
|
|
13
|
-
return (_jsx(ToggleGroupPrimitive.Root, { "data-slot": "toggle-group", "data-variant": variant, "data-size": size, "data-spacing": spacing, style: { "--gap": spacing }, className: cn("group/toggle-group flex w-fit items-center gap-[--spacing(var(--gap))] rounded-md data-[spacing=default]:data-[variant=outline]:shadow-xs", className), ...props, children: _jsx(ToggleGroupContext.Provider, { value: { variant, size, spacing }, children: children }) }));
|
|
14
|
-
}
|
|
15
|
-
function ToggleGroupItem({ className, children, variant, size, ...props }) {
|
|
16
|
-
const context = React.useContext(ToggleGroupContext);
|
|
17
|
-
return (_jsx(ToggleGroupPrimitive.Item, { "data-slot": "toggle-group-item", "data-variant": context.variant || variant, "data-size": context.size || size, "data-spacing": context.spacing, className: cn(toggleVariants({
|
|
18
|
-
variant: context.variant || variant,
|
|
19
|
-
size: context.size || size,
|
|
20
|
-
}), "w-auto min-w-0 shrink-0 px-3 focus:z-10 focus-visible:z-10", "data-[spacing=0]:rounded-none data-[spacing=0]:shadow-none data-[spacing=0]:first:rounded-l-md data-[spacing=0]:last:rounded-r-md data-[spacing=0]:data-[variant=outline]:border-l-0 data-[spacing=0]:data-[variant=outline]:first:border-l", className), ...props, children: children }));
|
|
21
|
-
}
|
|
22
|
-
export { ToggleGroup, ToggleGroupItem };
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
-
import { cva } from "class-variance-authority";
|
|
4
|
-
import { Toggle as TogglePrimitive } from "radix-ui";
|
|
5
|
-
import { cn } from "../lib/utils";
|
|
6
|
-
const toggleVariants = cva("inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap", {
|
|
7
|
-
variants: {
|
|
8
|
-
variant: {
|
|
9
|
-
default: "bg-transparent",
|
|
10
|
-
outline: "border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground",
|
|
11
|
-
},
|
|
12
|
-
size: {
|
|
13
|
-
default: "h-9 px-2 min-w-9",
|
|
14
|
-
sm: "h-8 px-1.5 min-w-8",
|
|
15
|
-
lg: "h-10 px-2.5 min-w-10",
|
|
16
|
-
},
|
|
17
|
-
},
|
|
18
|
-
defaultVariants: {
|
|
19
|
-
variant: "default",
|
|
20
|
-
size: "default",
|
|
21
|
-
},
|
|
22
|
-
});
|
|
23
|
-
function Toggle({ className, variant, size, ...props }) {
|
|
24
|
-
return (_jsx(TogglePrimitive.Root, { "data-slot": "toggle", className: cn(toggleVariants({ variant, size, className })), ...props }));
|
|
25
|
-
}
|
|
26
|
-
export { Toggle, toggleVariants };
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { Tooltip as TooltipPrimitive } from "radix-ui";
|
|
4
|
-
import { cn } from "../lib/utils";
|
|
5
|
-
function TooltipProvider({ delayDuration = 0, ...props }) {
|
|
6
|
-
return (_jsx(TooltipPrimitive.Provider, { "data-slot": "tooltip-provider", delayDuration: delayDuration, ...props }));
|
|
7
|
-
}
|
|
8
|
-
function Tooltip({ ...props }) {
|
|
9
|
-
return (_jsx(TooltipProvider, { children: _jsx(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props }) }));
|
|
10
|
-
}
|
|
11
|
-
function TooltipTrigger({ ...props }) {
|
|
12
|
-
return _jsx(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
|
|
13
|
-
}
|
|
14
|
-
function TooltipContent({ className, sideOffset = 0, children, ...props }) {
|
|
15
|
-
return (_jsx(TooltipPrimitive.Portal, { children: _jsxs(TooltipPrimitive.Content, { "data-slot": "tooltip-content", sideOffset: sideOffset, className: cn("bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance", className), ...props, children: [children, _jsx(TooltipPrimitive.Arrow, { className: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })] }) }));
|
|
16
|
-
}
|
|
17
|
-
export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
|
package/dist/hooks/use-mobile.js
DELETED
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
const MOBILE_BREAKPOINT = 768;
|
|
3
|
-
export function useIsMobile() {
|
|
4
|
-
const [isMobile, setIsMobile] = React.useState(undefined);
|
|
5
|
-
React.useEffect(() => {
|
|
6
|
-
const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
|
|
7
|
-
const onChange = () => {
|
|
8
|
-
setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
|
|
9
|
-
};
|
|
10
|
-
mql.addEventListener("change", onChange);
|
|
11
|
-
setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
|
|
12
|
-
return () => mql.removeEventListener("change", onChange);
|
|
13
|
-
}, []);
|
|
14
|
-
return !!isMobile;
|
|
15
|
-
}
|
package/dist/hooks/use-user.js
DELETED
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { useContext } from "react";
|
|
3
|
-
import { AuthContext } from "../providers/auth-provider";
|
|
4
|
-
/**
|
|
5
|
-
* Hook for user management.
|
|
6
|
-
* @returns Returns an object with user data and functions for managing it.
|
|
7
|
-
*/
|
|
8
|
-
export const useUser = () => {
|
|
9
|
-
const context = useContext(AuthContext);
|
|
10
|
-
if (!context) {
|
|
11
|
-
throw new Error("useUser must be used within AuthProvider");
|
|
12
|
-
}
|
|
13
|
-
const signOut = async () => {
|
|
14
|
-
// toast.promise(async () => await logoutAction(), {
|
|
15
|
-
// loading: t("Logging out..."),
|
|
16
|
-
// success: () => {
|
|
17
|
-
// return t("Logout successfull");
|
|
18
|
-
// },
|
|
19
|
-
// finally: () => {
|
|
20
|
-
// context.refetchUser();
|
|
21
|
-
// },
|
|
22
|
-
// });
|
|
23
|
-
};
|
|
24
|
-
return { ...context, signOut };
|
|
25
|
-
};
|
package/dist/index.js
DELETED
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
export { Icon } from "@iconify/react";
|
|
2
|
-
export { toast } from "sonner";
|
|
3
|
-
export * from "./components/avatar";
|
|
4
|
-
export * from "./components/badge";
|
|
5
|
-
export * from "./components/button";
|
|
6
|
-
export * from "./components/card";
|
|
7
|
-
export * from "./components/checkbox";
|
|
8
|
-
export * from "./components/dropdown-menu";
|
|
9
|
-
export * from "./components/input";
|
|
10
|
-
export * from "./components/label";
|
|
11
|
-
export * from "./components/language-switcher";
|
|
12
|
-
export * from "./components/skeleton";
|
|
13
|
-
export * from "./components/table";
|
|
14
|
-
export * from "./components/textarea";
|
|
15
|
-
export * from "./lib/utils";
|
package/dist/logo.js
DELETED
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { Slot } from "@radix-ui/react-slot";
|
|
3
|
-
import { cva } from "class-variance-authority";
|
|
4
|
-
import Image from "next/image";
|
|
5
|
-
import { cn } from "./lib/utils";
|
|
6
|
-
const variants = cva("", {
|
|
7
|
-
variants: {
|
|
8
|
-
variant: {
|
|
9
|
-
default: "stroke-primary fill-primary",
|
|
10
|
-
primary: "stroke-primary fill-primary",
|
|
11
|
-
},
|
|
12
|
-
size: {
|
|
13
|
-
default: "",
|
|
14
|
-
sm: "h-auto w-10",
|
|
15
|
-
md: "h-auto w-16",
|
|
16
|
-
},
|
|
17
|
-
},
|
|
18
|
-
defaultVariants: {
|
|
19
|
-
variant: "default",
|
|
20
|
-
size: "sm",
|
|
21
|
-
},
|
|
22
|
-
});
|
|
23
|
-
function Logo({ className, asChild = false, ...props }) {
|
|
24
|
-
const Comp = asChild ? Slot : "div";
|
|
25
|
-
return (_jsx(Comp, { ...props, className: cn("flex items-center space-x-2", className), children: _jsx(Image, { src: "/logo.svg", alt: "alt", height: 24.69, width: 164 }) }));
|
|
26
|
-
}
|
|
27
|
-
Logo.displayName = "Logo";
|
|
28
|
-
export { Logo, variants };
|
|
@@ -1,27 +0,0 @@
|
|
|
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
|
-
}
|
package/dist/providers/index.js
DELETED
|
@@ -1,23 +0,0 @@
|
|
|
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
|
-
};
|
|
@@ -1,6 +0,0 @@
|
|
|
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
|
-
}
|
package/dist/shared/loader.js
DELETED
|
@@ -1,41 +0,0 @@
|
|
|
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 };
|
|
@@ -1,6 +0,0 @@
|
|
|
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
|
-
}
|
|
@@ -1,5 +0,0 @@
|
|
|
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
|
-
}
|