@esmate/shadcn 0.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/ui/accordion.d.ts +7 -0
- package/dist/components/ui/accordion.js +39 -0
- package/dist/components/ui/alert-dialog.d.ts +14 -0
- package/dist/components/ui/alert-dialog.js +80 -0
- package/dist/components/ui/alert.d.ts +9 -0
- package/dist/components/ui/alert.js +39 -0
- package/dist/components/ui/aspect-ratio.d.ts +3 -0
- package/dist/components/ui/aspect-ratio.js +9 -0
- package/dist/components/ui/avatar.d.ts +6 -0
- package/dist/components/ui/avatar.js +26 -0
- package/dist/components/ui/badge.d.ts +9 -0
- package/dist/components/ui/badge.js +28 -0
- package/dist/components/ui/breadcrumb.d.ts +11 -0
- package/dist/components/ui/breadcrumb.js +66 -0
- package/dist/components/ui/button.d.ts +10 -0
- package/dist/components/ui/button.js +39 -0
- package/dist/components/ui/calendar.d.ts +4 -0
- package/dist/components/ui/calendar.js +53 -0
- package/dist/components/ui/card.d.ts +9 -0
- package/dist/components/ui/card.js +52 -0
- package/dist/components/ui/carousel.d.ts +19 -0
- package/dist/components/ui/carousel.js +135 -0
- package/dist/components/ui/chart.d.ts +40 -0
- package/dist/components/ui/chart.js +138 -0
- package/dist/components/ui/checkbox.d.ts +4 -0
- package/dist/components/ui/checkbox.js +18 -0
- package/dist/components/ui/collapsible.d.ts +5 -0
- package/dist/components/ui/collapsible.js +21 -0
- package/dist/components/ui/command.d.ts +16 -0
- package/dist/components/ui/command.js +77 -0
- package/dist/components/ui/context-menu.d.ts +25 -0
- package/dist/components/ui/context-menu.js +120 -0
- package/dist/components/ui/dialog.d.ts +13 -0
- package/dist/components/ui/dialog.js +78 -0
- package/dist/components/ui/drawer.d.ts +13 -0
- package/dist/components/ui/drawer.js +75 -0
- package/dist/components/ui/dropdown-menu.d.ts +25 -0
- package/dist/components/ui/dropdown-menu.js +121 -0
- package/dist/components/ui/form.d.ts +24 -0
- package/dist/components/ui/form.js +86 -0
- package/dist/components/ui/hover-card.d.ts +6 -0
- package/dist/components/ui/hover-card.js +28 -0
- package/dist/components/ui/input-otp.d.ts +11 -0
- package/dist/components/ui/input-otp.js +42 -0
- package/dist/components/ui/input.d.ts +3 -0
- package/dist/components/ui/input.js +11 -0
- package/dist/components/ui/label.d.ts +4 -0
- package/dist/components/ui/label.js +12 -0
- package/dist/components/ui/menubar.d.ts +26 -0
- package/dist/components/ui/menubar.js +131 -0
- package/dist/components/ui/navigation-menu.d.ts +14 -0
- package/dist/components/ui/navigation-menu.js +71 -0
- package/dist/components/ui/pagination.d.ts +13 -0
- package/dist/components/ui/pagination.js +71 -0
- package/dist/components/ui/popover.d.ts +7 -0
- package/dist/components/ui/popover.js +32 -0
- package/dist/components/ui/progress.d.ts +4 -0
- package/dist/components/ui/progress.js +18 -0
- package/dist/components/ui/radio-group.d.ts +5 -0
- package/dist/components/ui/radio-group.js +25 -0
- package/dist/components/ui/resizable.d.ts +8 -0
- package/dist/components/ui/resizable.js +30 -0
- package/dist/components/ui/scroll-area.d.ts +5 -0
- package/dist/components/ui/scroll-area.js +26 -0
- package/dist/components/ui/select.d.ts +15 -0
- package/dist/components/ui/select.js +89 -0
- package/dist/components/ui/separator.d.ts +4 -0
- package/dist/components/ui/separator.js +14 -0
- package/dist/components/ui/sheet.d.ts +13 -0
- package/dist/components/ui/sheet.js +78 -0
- package/dist/components/ui/sidebar.d.ts +69 -0
- package/dist/components/ui/sidebar.js +368 -0
- package/dist/components/ui/skeleton.d.ts +2 -0
- package/dist/components/ui/skeleton.js +9 -0
- package/dist/components/ui/slider.d.ts +4 -0
- package/dist/components/ui/slider.js +37 -0
- package/dist/components/ui/sonner.d.ts +3 -0
- package/dist/components/ui/sonner.js +17 -0
- package/dist/components/ui/switch.d.ts +4 -0
- package/dist/components/ui/switch.js +15 -0
- package/dist/components/ui/table.d.ts +10 -0
- package/dist/components/ui/table.js +63 -0
- package/dist/components/ui/tabs.d.ts +7 -0
- package/dist/components/ui/tabs.js +33 -0
- package/dist/components/ui/textarea.d.ts +3 -0
- package/dist/components/ui/textarea.js +10 -0
- package/dist/components/ui/toggle-group.d.ts +7 -0
- package/dist/components/ui/toggle-group.js +37 -0
- package/dist/components/ui/toggle.d.ts +9 -0
- package/dist/components/ui/toggle.js +34 -0
- package/dist/components/ui/tooltip.d.ts +7 -0
- package/dist/components/ui/tooltip.js +34 -0
- package/dist/hooks/use-mobile.d.ts +1 -0
- package/dist/hooks/use-mobile.js +16 -0
- package/dist/index.d.ts +47 -0
- package/dist/index.js +47 -0
- package/dist/lib/hook-form/react.d.ts +8 -0
- package/dist/lib/hook-form/react.js +11 -0
- package/dist/lib/hook-form/resolvers.d.ts +1 -0
- package/dist/lib/hook-form/resolvers.js +1 -0
- package/dist/lib/hooks.d.ts +8 -0
- package/dist/lib/hooks.js +10 -0
- package/dist/lib/utils.d.ts +2 -0
- package/dist/lib/utils.js +6 -0
- package/dist/lib/zod.d.ts +1 -0
- package/dist/lib/zod.js +1 -0
- package/dist/styles/new-york.css +122 -0
- package/package.json +90 -0
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_switch_5e92b7ed__ from "@radix-ui/react-switch";
|
|
4
|
+
import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__ from "../../lib/utils.js";
|
|
5
|
+
function Switch({ className, ...props }) {
|
|
6
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_switch_5e92b7ed__.Root, {
|
|
7
|
+
"data-slot": "switch",
|
|
8
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("peer data-[state=checked]:bg-neutral-900 data-[state=unchecked]:bg-neutral-200 focus-visible:border-neutral-950 focus-visible:ring-neutral-950/50 dark:data-[state=unchecked]:bg-neutral-200/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-neutral-200 border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 dark:data-[state=checked]:bg-neutral-50 dark:data-[state=unchecked]:bg-neutral-800 dark:focus-visible:border-neutral-300 dark:focus-visible:ring-neutral-300/50 dark:dark:data-[state=unchecked]:bg-neutral-800/80 dark:border-neutral-800", className),
|
|
9
|
+
...props
|
|
10
|
+
}, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_switch_5e92b7ed__.Thumb, {
|
|
11
|
+
"data-slot": "switch-thumb",
|
|
12
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("bg-white dark:data-[state=unchecked]:bg-neutral-950 dark:data-[state=checked]:bg-neutral-50 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 dark:bg-neutral-950 dark:dark:data-[state=unchecked]:bg-neutral-50 dark:dark:data-[state=checked]:bg-neutral-900")
|
|
13
|
+
}));
|
|
14
|
+
}
|
|
15
|
+
export { Switch };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
declare function Table({ className, ...props }: React.ComponentProps<"table">): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
declare function TableHeader({ className, ...props }: React.ComponentProps<"thead">): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
declare function TableBody({ className, ...props }: React.ComponentProps<"tbody">): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
declare function TableRow({ className, ...props }: React.ComponentProps<"tr">): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
declare function TableHead({ className, ...props }: React.ComponentProps<"th">): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare function TableCell({ className, ...props }: React.ComponentProps<"td">): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
declare function TableCaption({ className, ...props }: React.ComponentProps<"caption">): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, };
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__ from "../../lib/utils.js";
|
|
4
|
+
function Table({ className, ...props }) {
|
|
5
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
6
|
+
"data-slot": "table-container",
|
|
7
|
+
className: "relative w-full overflow-x-auto"
|
|
8
|
+
}, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("table", {
|
|
9
|
+
"data-slot": "table",
|
|
10
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("w-full caption-bottom text-sm", className),
|
|
11
|
+
...props
|
|
12
|
+
}));
|
|
13
|
+
}
|
|
14
|
+
function TableHeader({ className, ...props }) {
|
|
15
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("thead", {
|
|
16
|
+
"data-slot": "table-header",
|
|
17
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("[&_tr]:border-b", className),
|
|
18
|
+
...props
|
|
19
|
+
});
|
|
20
|
+
}
|
|
21
|
+
function TableBody({ className, ...props }) {
|
|
22
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("tbody", {
|
|
23
|
+
"data-slot": "table-body",
|
|
24
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("[&_tr:last-child]:border-0", className),
|
|
25
|
+
...props
|
|
26
|
+
});
|
|
27
|
+
}
|
|
28
|
+
function TableFooter({ className, ...props }) {
|
|
29
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("tfoot", {
|
|
30
|
+
"data-slot": "table-footer",
|
|
31
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("bg-neutral-100/50 border-t font-medium [&>tr]:last:border-b-0 dark:bg-neutral-800/50", className),
|
|
32
|
+
...props
|
|
33
|
+
});
|
|
34
|
+
}
|
|
35
|
+
function TableRow({ className, ...props }) {
|
|
36
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("tr", {
|
|
37
|
+
"data-slot": "table-row",
|
|
38
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("hover:bg-neutral-100/50 data-[state=selected]:bg-neutral-100 border-b transition-colors dark:hover:bg-neutral-800/50 dark:data-[state=selected]:bg-neutral-800", className),
|
|
39
|
+
...props
|
|
40
|
+
});
|
|
41
|
+
}
|
|
42
|
+
function TableHead({ className, ...props }) {
|
|
43
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("th", {
|
|
44
|
+
"data-slot": "table-head",
|
|
45
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("text-neutral-950 h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] dark:text-neutral-50", className),
|
|
46
|
+
...props
|
|
47
|
+
});
|
|
48
|
+
}
|
|
49
|
+
function TableCell({ className, ...props }) {
|
|
50
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("td", {
|
|
51
|
+
"data-slot": "table-cell",
|
|
52
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className),
|
|
53
|
+
...props
|
|
54
|
+
});
|
|
55
|
+
}
|
|
56
|
+
function TableCaption({ className, ...props }) {
|
|
57
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("caption", {
|
|
58
|
+
"data-slot": "table-caption",
|
|
59
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("text-neutral-500 mt-4 text-sm dark:text-neutral-400", className),
|
|
60
|
+
...props
|
|
61
|
+
});
|
|
62
|
+
}
|
|
63
|
+
export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as TabsPrimitive from "@radix-ui/react-tabs";
|
|
3
|
+
declare function Tabs({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
declare function TabsList({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.List>): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare function TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
declare function TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export { Tabs, TabsList, TabsTrigger, TabsContent };
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_tabs_7bf5a77b__ from "@radix-ui/react-tabs";
|
|
4
|
+
import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__ from "../../lib/utils.js";
|
|
5
|
+
function Tabs({ className, ...props }) {
|
|
6
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_tabs_7bf5a77b__.Root, {
|
|
7
|
+
"data-slot": "tabs",
|
|
8
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("flex flex-col gap-2", className),
|
|
9
|
+
...props
|
|
10
|
+
});
|
|
11
|
+
}
|
|
12
|
+
function TabsList({ className, ...props }) {
|
|
13
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_tabs_7bf5a77b__.List, {
|
|
14
|
+
"data-slot": "tabs-list",
|
|
15
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("bg-neutral-100 text-neutral-500 inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px] dark:bg-neutral-800 dark:text-neutral-400", className),
|
|
16
|
+
...props
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
function TabsTrigger({ className, ...props }) {
|
|
20
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_tabs_7bf5a77b__.Trigger, {
|
|
21
|
+
"data-slot": "tabs-trigger",
|
|
22
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("data-[state=active]:bg-white dark:data-[state=active]:text-neutral-950 focus-visible:border-neutral-950 focus-visible:ring-neutral-950/50 focus-visible:outline-ring dark:data-[state=active]:border-neutral-200 dark:data-[state=active]:bg-neutral-200/30 text-neutral-950 dark:text-neutral-500 inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-neutral-200 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 dark:data-[state=active]:bg-neutral-950 dark:dark:data-[state=active]:text-neutral-50 dark:focus-visible:border-neutral-300 dark:focus-visible:ring-neutral-300/50 dark:dark:data-[state=active]:border-neutral-800 dark:dark:data-[state=active]:bg-neutral-800/30 dark:text-neutral-50 dark:dark:text-neutral-400 dark:border-neutral-800", className),
|
|
23
|
+
...props
|
|
24
|
+
});
|
|
25
|
+
}
|
|
26
|
+
function TabsContent({ className, ...props }) {
|
|
27
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_tabs_7bf5a77b__.Content, {
|
|
28
|
+
"data-slot": "tabs-content",
|
|
29
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("flex-1 outline-none", className),
|
|
30
|
+
...props
|
|
31
|
+
});
|
|
32
|
+
}
|
|
33
|
+
export { Tabs, TabsContent, TabsList, TabsTrigger };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
|
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__ from "../../lib/utils.js";
|
|
3
|
+
function Textarea({ className, ...props }) {
|
|
4
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("textarea", {
|
|
5
|
+
"data-slot": "textarea",
|
|
6
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("border-neutral-200 placeholder:text-neutral-500 focus-visible:border-neutral-950 focus-visible:ring-neutral-950/50 aria-invalid:ring-red-500/20 dark:aria-invalid:ring-red-500/40 aria-invalid:border-red-500 dark:bg-neutral-200/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 dark:border-neutral-800 dark:placeholder:text-neutral-400 dark:focus-visible:border-neutral-300 dark:focus-visible:ring-neutral-300/50 dark:aria-invalid:ring-red-900/20 dark:dark:aria-invalid:ring-red-900/40 dark:aria-invalid:border-red-900 dark:dark:bg-neutral-800/30", className),
|
|
7
|
+
...props
|
|
8
|
+
});
|
|
9
|
+
}
|
|
10
|
+
export { Textarea };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
|
|
3
|
+
import { type VariantProps } from "class-variance-authority";
|
|
4
|
+
import { toggleVariants } from "./toggle";
|
|
5
|
+
declare function ToggleGroup({ className, variant, size, children, ...props }: React.ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
declare function ToggleGroupItem({ className, children, variant, size, ...props }: React.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export { ToggleGroup, ToggleGroupItem };
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_toggle_group_4f42c91c__ from "@radix-ui/react-toggle-group";
|
|
4
|
+
import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__ from "../../lib/utils.js";
|
|
5
|
+
import * as __WEBPACK_EXTERNAL_MODULE__toggle_js_10734c63__ from "./toggle.js";
|
|
6
|
+
const ToggleGroupContext = /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createContext({
|
|
7
|
+
size: "default",
|
|
8
|
+
variant: "default"
|
|
9
|
+
});
|
|
10
|
+
function ToggleGroup({ className, variant, size, children, ...props }) {
|
|
11
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_toggle_group_4f42c91c__.Root, {
|
|
12
|
+
"data-slot": "toggle-group",
|
|
13
|
+
"data-variant": variant,
|
|
14
|
+
"data-size": size,
|
|
15
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("group/toggle-group flex w-fit items-center rounded-md data-[variant=outline]:shadow-xs", className),
|
|
16
|
+
...props
|
|
17
|
+
}, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(ToggleGroupContext.Provider, {
|
|
18
|
+
value: {
|
|
19
|
+
variant,
|
|
20
|
+
size
|
|
21
|
+
}
|
|
22
|
+
}, children));
|
|
23
|
+
}
|
|
24
|
+
function ToggleGroupItem({ className, children, variant, size, ...props }) {
|
|
25
|
+
const context = __WEBPACK_EXTERNAL_MODULE_react__.useContext(ToggleGroupContext);
|
|
26
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_toggle_group_4f42c91c__.Item, {
|
|
27
|
+
"data-slot": "toggle-group-item",
|
|
28
|
+
"data-variant": context.variant || variant,
|
|
29
|
+
"data-size": context.size || size,
|
|
30
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)((0, __WEBPACK_EXTERNAL_MODULE__toggle_js_10734c63__.toggleVariants)({
|
|
31
|
+
variant: context.variant || variant,
|
|
32
|
+
size: context.size || size
|
|
33
|
+
}), "min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l-md last:rounded-r-md focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l", className),
|
|
34
|
+
...props
|
|
35
|
+
}, children);
|
|
36
|
+
}
|
|
37
|
+
export { ToggleGroup, ToggleGroupItem };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as TogglePrimitive from "@radix-ui/react-toggle";
|
|
3
|
+
import { type VariantProps } from "class-variance-authority";
|
|
4
|
+
declare const toggleVariants: (props?: ({
|
|
5
|
+
variant?: "default" | "outline" | null | undefined;
|
|
6
|
+
size?: "default" | "sm" | "lg" | null | undefined;
|
|
7
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
8
|
+
declare function Toggle({ className, variant, size, ...props }: React.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export { Toggle, toggleVariants };
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_toggle_5760592b__ from "@radix-ui/react-toggle";
|
|
4
|
+
import * as __WEBPACK_EXTERNAL_MODULE_class_variance_authority_159ad65c__ from "class-variance-authority";
|
|
5
|
+
import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__ from "../../lib/utils.js";
|
|
6
|
+
const toggleVariants = (0, __WEBPACK_EXTERNAL_MODULE_class_variance_authority_159ad65c__.cva)("inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-neutral-100 hover:text-neutral-500 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-neutral-100 data-[state=on]:text-neutral-900 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-neutral-950 focus-visible:ring-neutral-950/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-red-500/20 dark:aria-invalid:ring-red-500/40 aria-invalid:border-red-500 whitespace-nowrap dark:hover:bg-neutral-800 dark:hover:text-neutral-400 dark:data-[state=on]:bg-neutral-800 dark:data-[state=on]:text-neutral-50 dark:focus-visible:border-neutral-300 dark:focus-visible:ring-neutral-300/50 dark:aria-invalid:ring-red-900/20 dark:dark:aria-invalid:ring-red-900/40 dark:aria-invalid:border-red-900", {
|
|
7
|
+
variants: {
|
|
8
|
+
variant: {
|
|
9
|
+
default: "bg-transparent",
|
|
10
|
+
outline: "border border-neutral-200 bg-transparent shadow-xs hover:bg-neutral-100 hover:text-neutral-900 dark:border-neutral-800 dark:hover:bg-neutral-800 dark:hover:text-neutral-50"
|
|
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 /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_toggle_5760592b__.Root, {
|
|
25
|
+
"data-slot": "toggle",
|
|
26
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)(toggleVariants({
|
|
27
|
+
variant,
|
|
28
|
+
size,
|
|
29
|
+
className
|
|
30
|
+
})),
|
|
31
|
+
...props
|
|
32
|
+
});
|
|
33
|
+
}
|
|
34
|
+
export { Toggle, toggleVariants };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as TooltipPrimitive from "@radix-ui/react-tooltip";
|
|
3
|
+
declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_tooltip_22b80323__ from "@radix-ui/react-tooltip";
|
|
4
|
+
import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__ from "../../lib/utils.js";
|
|
5
|
+
function TooltipProvider({ delayDuration = 0, ...props }) {
|
|
6
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_tooltip_22b80323__.Provider, {
|
|
7
|
+
"data-slot": "tooltip-provider",
|
|
8
|
+
delayDuration: delayDuration,
|
|
9
|
+
...props
|
|
10
|
+
});
|
|
11
|
+
}
|
|
12
|
+
function Tooltip({ ...props }) {
|
|
13
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(TooltipProvider, null, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_tooltip_22b80323__.Root, {
|
|
14
|
+
"data-slot": "tooltip",
|
|
15
|
+
...props
|
|
16
|
+
}));
|
|
17
|
+
}
|
|
18
|
+
function TooltipTrigger({ ...props }) {
|
|
19
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_tooltip_22b80323__.Trigger, {
|
|
20
|
+
"data-slot": "tooltip-trigger",
|
|
21
|
+
...props
|
|
22
|
+
});
|
|
23
|
+
}
|
|
24
|
+
function TooltipContent({ className, sideOffset = 0, children, ...props }) {
|
|
25
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_tooltip_22b80323__.Portal, null, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_tooltip_22b80323__.Content, {
|
|
26
|
+
"data-slot": "tooltip-content",
|
|
27
|
+
sideOffset: sideOffset,
|
|
28
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("bg-neutral-900 text-neutral-50 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 dark:bg-neutral-50 dark:text-neutral-900", className),
|
|
29
|
+
...props
|
|
30
|
+
}, children, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_tooltip_22b80323__.Arrow, {
|
|
31
|
+
className: "bg-neutral-900 fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] dark:bg-neutral-50"
|
|
32
|
+
})));
|
|
33
|
+
}
|
|
34
|
+
export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function useIsMobile(): boolean;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
|
|
2
|
+
const MOBILE_BREAKPOINT = 768;
|
|
3
|
+
function useIsMobile() {
|
|
4
|
+
const [isMobile, setIsMobile] = __WEBPACK_EXTERNAL_MODULE_react__.useState(void 0);
|
|
5
|
+
__WEBPACK_EXTERNAL_MODULE_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
|
+
}
|
|
16
|
+
export { useIsMobile };
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
export * from "./hooks/use-mobile";
|
|
2
|
+
export * from "./components/ui/accordion";
|
|
3
|
+
export * from "./components/ui/alert-dialog";
|
|
4
|
+
export * from "./components/ui/alert";
|
|
5
|
+
export * from "./components/ui/aspect-ratio";
|
|
6
|
+
export * from "./components/ui/avatar";
|
|
7
|
+
export * from "./components/ui/badge";
|
|
8
|
+
export * from "./components/ui/breadcrumb";
|
|
9
|
+
export * from "./components/ui/button";
|
|
10
|
+
export * from "./components/ui/calendar";
|
|
11
|
+
export * from "./components/ui/card";
|
|
12
|
+
export * from "./components/ui/carousel";
|
|
13
|
+
export * from "./components/ui/chart";
|
|
14
|
+
export * from "./components/ui/checkbox";
|
|
15
|
+
export * from "./components/ui/collapsible";
|
|
16
|
+
export * from "./components/ui/command";
|
|
17
|
+
export * from "./components/ui/context-menu";
|
|
18
|
+
export * from "./components/ui/dialog";
|
|
19
|
+
export * from "./components/ui/drawer";
|
|
20
|
+
export * from "./components/ui/dropdown-menu";
|
|
21
|
+
export * from "./components/ui/form";
|
|
22
|
+
export * from "./components/ui/hover-card";
|
|
23
|
+
export * from "./components/ui/input-otp";
|
|
24
|
+
export * from "./components/ui/input";
|
|
25
|
+
export * from "./components/ui/label";
|
|
26
|
+
export * from "./components/ui/menubar";
|
|
27
|
+
export * from "./components/ui/navigation-menu";
|
|
28
|
+
export * from "./components/ui/pagination";
|
|
29
|
+
export * from "./components/ui/popover";
|
|
30
|
+
export * from "./components/ui/progress";
|
|
31
|
+
export * from "./components/ui/radio-group";
|
|
32
|
+
export * from "./components/ui/resizable";
|
|
33
|
+
export * from "./components/ui/scroll-area";
|
|
34
|
+
export * from "./components/ui/select";
|
|
35
|
+
export * from "./components/ui/separator";
|
|
36
|
+
export * from "./components/ui/sheet";
|
|
37
|
+
export * from "./components/ui/sidebar";
|
|
38
|
+
export * from "./components/ui/skeleton";
|
|
39
|
+
export * from "./components/ui/slider";
|
|
40
|
+
export * from "./components/ui/sonner";
|
|
41
|
+
export * from "./components/ui/switch";
|
|
42
|
+
export * from "./components/ui/table";
|
|
43
|
+
export * from "./components/ui/tabs";
|
|
44
|
+
export * from "./components/ui/textarea";
|
|
45
|
+
export * from "./components/ui/toggle-group";
|
|
46
|
+
export * from "./components/ui/toggle";
|
|
47
|
+
export * from "./components/ui/tooltip";
|
package/dist/index.js
ADDED
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
export * from "./hooks/use-mobile.js";
|
|
2
|
+
export * from "./components/ui/accordion.js";
|
|
3
|
+
export * from "./components/ui/alert-dialog.js";
|
|
4
|
+
export * from "./components/ui/alert.js";
|
|
5
|
+
export * from "./components/ui/aspect-ratio.js";
|
|
6
|
+
export * from "./components/ui/avatar.js";
|
|
7
|
+
export * from "./components/ui/badge.js";
|
|
8
|
+
export * from "./components/ui/breadcrumb.js";
|
|
9
|
+
export * from "./components/ui/button.js";
|
|
10
|
+
export * from "./components/ui/calendar.js";
|
|
11
|
+
export * from "./components/ui/card.js";
|
|
12
|
+
export * from "./components/ui/carousel.js";
|
|
13
|
+
export * from "./components/ui/chart.js";
|
|
14
|
+
export * from "./components/ui/checkbox.js";
|
|
15
|
+
export * from "./components/ui/collapsible.js";
|
|
16
|
+
export * from "./components/ui/command.js";
|
|
17
|
+
export * from "./components/ui/context-menu.js";
|
|
18
|
+
export * from "./components/ui/dialog.js";
|
|
19
|
+
export * from "./components/ui/drawer.js";
|
|
20
|
+
export * from "./components/ui/dropdown-menu.js";
|
|
21
|
+
export * from "./components/ui/form.js";
|
|
22
|
+
export * from "./components/ui/hover-card.js";
|
|
23
|
+
export * from "./components/ui/input-otp.js";
|
|
24
|
+
export * from "./components/ui/input.js";
|
|
25
|
+
export * from "./components/ui/label.js";
|
|
26
|
+
export * from "./components/ui/menubar.js";
|
|
27
|
+
export * from "./components/ui/navigation-menu.js";
|
|
28
|
+
export * from "./components/ui/pagination.js";
|
|
29
|
+
export * from "./components/ui/popover.js";
|
|
30
|
+
export * from "./components/ui/progress.js";
|
|
31
|
+
export * from "./components/ui/radio-group.js";
|
|
32
|
+
export * from "./components/ui/resizable.js";
|
|
33
|
+
export * from "./components/ui/scroll-area.js";
|
|
34
|
+
export * from "./components/ui/select.js";
|
|
35
|
+
export * from "./components/ui/separator.js";
|
|
36
|
+
export * from "./components/ui/sheet.js";
|
|
37
|
+
export * from "./components/ui/sidebar.js";
|
|
38
|
+
export * from "./components/ui/skeleton.js";
|
|
39
|
+
export * from "./components/ui/slider.js";
|
|
40
|
+
export * from "./components/ui/sonner.js";
|
|
41
|
+
export * from "./components/ui/switch.js";
|
|
42
|
+
export * from "./components/ui/table.js";
|
|
43
|
+
export * from "./components/ui/tabs.js";
|
|
44
|
+
export * from "./components/ui/textarea.js";
|
|
45
|
+
export * from "./components/ui/toggle-group.js";
|
|
46
|
+
export * from "./components/ui/toggle.js";
|
|
47
|
+
export * from "./components/ui/tooltip.js";
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { type UseFormProps } from "react-hook-form";
|
|
2
|
+
import z, { ZodSchema } from "zod";
|
|
3
|
+
export type ZodFormValues<S extends ZodSchema> = z.infer<S>;
|
|
4
|
+
interface Props<S extends ZodSchema> extends Omit<UseFormProps<ZodFormValues<S>>, "resolver"> {
|
|
5
|
+
schema: S;
|
|
6
|
+
}
|
|
7
|
+
export declare function useZodForm<S extends ZodSchema>(props: Props<S>): import("react-hook-form").UseFormReturn<ZodFormValues<S>, any, ZodFormValues<S>>;
|
|
8
|
+
export * from "react-hook-form";
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE_react_hook_form_05a66946__ from "react-hook-form";
|
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE__hookform_resolvers_zod_9ebfe08b__ from "@hookform/resolvers/zod";
|
|
3
|
+
export * from "react-hook-form";
|
|
4
|
+
function useZodForm(props) {
|
|
5
|
+
const form = (0, __WEBPACK_EXTERNAL_MODULE_react_hook_form_05a66946__.useForm)({
|
|
6
|
+
...props,
|
|
7
|
+
resolver: (0, __WEBPACK_EXTERNAL_MODULE__hookform_resolvers_zod_9ebfe08b__.zodResolver)(props.schema)
|
|
8
|
+
});
|
|
9
|
+
return form;
|
|
10
|
+
}
|
|
11
|
+
export { useZodForm };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "@hookform/resolvers";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "@hookform/resolvers";
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { type UseFormProps } from "react-hook-form";
|
|
2
|
+
import z, { ZodSchema } from "zod";
|
|
3
|
+
export type ZodFormValues<S extends ZodSchema> = z.infer<S>;
|
|
4
|
+
interface Props<S extends ZodSchema> extends Omit<UseFormProps<ZodFormValues<S>>, "resolver"> {
|
|
5
|
+
schema: S;
|
|
6
|
+
}
|
|
7
|
+
export declare function useZodForm<S extends ZodSchema>(props: Props<S>): import("react-hook-form").UseFormReturn<ZodFormValues<S>, any, ZodFormValues<S>>;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE_react_hook_form_05a66946__ from "react-hook-form";
|
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE__hookform_resolvers_zod_9ebfe08b__ from "@hookform/resolvers/zod";
|
|
3
|
+
function useZodForm(props) {
|
|
4
|
+
const form = (0, __WEBPACK_EXTERNAL_MODULE_react_hook_form_05a66946__.useForm)({
|
|
5
|
+
...props,
|
|
6
|
+
resolver: (0, __WEBPACK_EXTERNAL_MODULE__hookform_resolvers_zod_9ebfe08b__.zodResolver)(props.schema)
|
|
7
|
+
});
|
|
8
|
+
return form;
|
|
9
|
+
}
|
|
10
|
+
export { useZodForm };
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
|
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
|
|
3
|
+
function cn(...inputs) {
|
|
4
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)((0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)(inputs));
|
|
5
|
+
}
|
|
6
|
+
export { cn };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "zod";
|
package/dist/lib/zod.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "zod";
|
|
@@ -0,0 +1,122 @@
|
|
|
1
|
+
@import "tw-animate-css";
|
|
2
|
+
|
|
3
|
+
@custom-variant dark (&:is(.dark *));
|
|
4
|
+
|
|
5
|
+
:root {
|
|
6
|
+
--background: oklch(1 0 0);
|
|
7
|
+
--foreground: oklch(0.145 0 0);
|
|
8
|
+
--card: oklch(1 0 0);
|
|
9
|
+
--card-foreground: oklch(0.145 0 0);
|
|
10
|
+
--popover: oklch(1 0 0);
|
|
11
|
+
--popover-foreground: oklch(0.145 0 0);
|
|
12
|
+
--primary: oklch(0.205 0 0);
|
|
13
|
+
--primary-foreground: oklch(0.985 0 0);
|
|
14
|
+
--secondary: oklch(0.97 0 0);
|
|
15
|
+
--secondary-foreground: oklch(0.205 0 0);
|
|
16
|
+
--muted: oklch(0.97 0 0);
|
|
17
|
+
--muted-foreground: oklch(0.556 0 0);
|
|
18
|
+
--accent: oklch(0.97 0 0);
|
|
19
|
+
--accent-foreground: oklch(0.205 0 0);
|
|
20
|
+
--destructive: oklch(0.577 0.245 27.325);
|
|
21
|
+
--destructive-foreground: oklch(0.577 0.245 27.325);
|
|
22
|
+
--border: oklch(0.922 0 0);
|
|
23
|
+
--input: oklch(0.922 0 0);
|
|
24
|
+
--ring: oklch(0.708 0 0);
|
|
25
|
+
--chart-1: oklch(0.646 0.222 41.116);
|
|
26
|
+
--chart-2: oklch(0.6 0.118 184.704);
|
|
27
|
+
--chart-3: oklch(0.398 0.07 227.392);
|
|
28
|
+
--chart-4: oklch(0.828 0.189 84.429);
|
|
29
|
+
--chart-5: oklch(0.769 0.188 70.08);
|
|
30
|
+
--radius: 0.625rem;
|
|
31
|
+
--sidebar: oklch(0.985 0 0);
|
|
32
|
+
--sidebar-foreground: oklch(0.145 0 0);
|
|
33
|
+
--sidebar-primary: oklch(0.205 0 0);
|
|
34
|
+
--sidebar-primary-foreground: oklch(0.985 0 0);
|
|
35
|
+
--sidebar-accent: oklch(0.97 0 0);
|
|
36
|
+
--sidebar-accent-foreground: oklch(0.205 0 0);
|
|
37
|
+
--sidebar-border: oklch(0.922 0 0);
|
|
38
|
+
--sidebar-ring: oklch(0.708 0 0);
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.dark {
|
|
42
|
+
--background: oklch(0.145 0 0);
|
|
43
|
+
--foreground: oklch(0.985 0 0);
|
|
44
|
+
--card: oklch(0.145 0 0);
|
|
45
|
+
--card-foreground: oklch(0.985 0 0);
|
|
46
|
+
--popover: oklch(0.145 0 0);
|
|
47
|
+
--popover-foreground: oklch(0.985 0 0);
|
|
48
|
+
--primary: oklch(0.985 0 0);
|
|
49
|
+
--primary-foreground: oklch(0.205 0 0);
|
|
50
|
+
--secondary: oklch(0.269 0 0);
|
|
51
|
+
--secondary-foreground: oklch(0.985 0 0);
|
|
52
|
+
--muted: oklch(0.269 0 0);
|
|
53
|
+
--muted-foreground: oklch(0.708 0 0);
|
|
54
|
+
--accent: oklch(0.269 0 0);
|
|
55
|
+
--accent-foreground: oklch(0.985 0 0);
|
|
56
|
+
--destructive: oklch(0.396 0.141 25.723);
|
|
57
|
+
--destructive-foreground: oklch(0.637 0.237 25.331);
|
|
58
|
+
--border: oklch(0.269 0 0);
|
|
59
|
+
--input: oklch(0.269 0 0);
|
|
60
|
+
--ring: oklch(0.439 0 0);
|
|
61
|
+
--chart-1: oklch(0.488 0.243 264.376);
|
|
62
|
+
--chart-2: oklch(0.696 0.17 162.48);
|
|
63
|
+
--chart-3: oklch(0.769 0.188 70.08);
|
|
64
|
+
--chart-4: oklch(0.627 0.265 303.9);
|
|
65
|
+
--chart-5: oklch(0.645 0.246 16.439);
|
|
66
|
+
--sidebar: oklch(0.205 0 0);
|
|
67
|
+
--sidebar-foreground: oklch(0.985 0 0);
|
|
68
|
+
--sidebar-primary: oklch(0.488 0.243 264.376);
|
|
69
|
+
--sidebar-primary-foreground: oklch(0.985 0 0);
|
|
70
|
+
--sidebar-accent: oklch(0.269 0 0);
|
|
71
|
+
--sidebar-accent-foreground: oklch(0.985 0 0);
|
|
72
|
+
--sidebar-border: oklch(0.269 0 0);
|
|
73
|
+
--sidebar-ring: oklch(0.439 0 0);
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
@theme inline {
|
|
77
|
+
--color-background: var(--background);
|
|
78
|
+
--color-foreground: var(--foreground);
|
|
79
|
+
--color-card: var(--card);
|
|
80
|
+
--color-card-foreground: var(--card-foreground);
|
|
81
|
+
--color-popover: var(--popover);
|
|
82
|
+
--color-popover-foreground: var(--popover-foreground);
|
|
83
|
+
--color-primary: var(--primary);
|
|
84
|
+
--color-primary-foreground: var(--primary-foreground);
|
|
85
|
+
--color-secondary: var(--secondary);
|
|
86
|
+
--color-secondary-foreground: var(--secondary-foreground);
|
|
87
|
+
--color-muted: var(--muted);
|
|
88
|
+
--color-muted-foreground: var(--muted-foreground);
|
|
89
|
+
--color-accent: var(--accent);
|
|
90
|
+
--color-accent-foreground: var(--accent-foreground);
|
|
91
|
+
--color-destructive: var(--destructive);
|
|
92
|
+
--color-destructive-foreground: var(--destructive-foreground);
|
|
93
|
+
--color-border: var(--border);
|
|
94
|
+
--color-input: var(--input);
|
|
95
|
+
--color-ring: var(--ring);
|
|
96
|
+
--color-chart-1: var(--chart-1);
|
|
97
|
+
--color-chart-2: var(--chart-2);
|
|
98
|
+
--color-chart-3: var(--chart-3);
|
|
99
|
+
--color-chart-4: var(--chart-4);
|
|
100
|
+
--color-chart-5: var(--chart-5);
|
|
101
|
+
--radius-sm: calc(var(--radius) - 4px);
|
|
102
|
+
--radius-md: calc(var(--radius) - 2px);
|
|
103
|
+
--radius-lg: var(--radius);
|
|
104
|
+
--radius-xl: calc(var(--radius) + 4px);
|
|
105
|
+
--color-sidebar: var(--sidebar);
|
|
106
|
+
--color-sidebar-foreground: var(--sidebar-foreground);
|
|
107
|
+
--color-sidebar-primary: var(--sidebar-primary);
|
|
108
|
+
--color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
|
|
109
|
+
--color-sidebar-accent: var(--sidebar-accent);
|
|
110
|
+
--color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
|
|
111
|
+
--color-sidebar-border: var(--sidebar-border);
|
|
112
|
+
--color-sidebar-ring: var(--sidebar-ring);
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
@layer base {
|
|
116
|
+
* {
|
|
117
|
+
@apply border-border outline-ring/50;
|
|
118
|
+
}
|
|
119
|
+
body {
|
|
120
|
+
@apply bg-background text-foreground;
|
|
121
|
+
}
|
|
122
|
+
}
|