@pixpilot/shadcn 0.3.1 → 0.4.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/_virtual/rolldown_runtime.cjs +25 -1
- package/dist/components/index.cjs +30 -1
- package/dist/components/index.js +30 -1
- package/dist/components/ui/OrContinueWithSeparator.cjs +30 -1
- package/dist/components/ui/OrContinueWithSeparator.js +27 -1
- package/dist/components/ui/alert-dialog.cjs +101 -1
- package/dist/components/ui/alert-dialog.js +87 -1
- package/dist/components/ui/alert.cjs +45 -1
- package/dist/components/ui/alert.js +39 -1
- package/dist/components/ui/avatar.cjs +37 -1
- package/dist/components/ui/avatar.js +31 -1
- package/dist/components/ui/badge.cjs +33 -1
- package/dist/components/ui/badge.js +27 -1
- package/dist/components/ui/button.cjs +52 -1
- package/dist/components/ui/button.js +46 -1
- package/dist/components/ui/calendar.cjs +113 -1
- package/dist/components/ui/calendar.js +107 -1
- package/dist/components/ui/card.cjs +67 -1
- package/dist/components/ui/card.js +58 -1
- package/dist/components/ui/checkbox.cjs +31 -1
- package/dist/components/ui/checkbox.js +26 -1
- package/dist/components/ui/command.cjs +104 -1
- package/dist/components/ui/command.js +91 -1
- package/dist/components/ui/dialog.cjs +102 -1
- package/dist/components/ui/dialog.js +88 -1
- package/dist/components/ui/dropdown-menu.cjs +144 -1
- package/dist/components/ui/dropdown-menu.js +125 -1
- package/dist/components/ui/file-upload.cjs +926 -1
- package/dist/components/ui/file-upload.js +910 -1
- package/dist/components/ui/form.cjs +101 -1
- package/dist/components/ui/form.js +89 -1
- package/dist/components/ui/index.cjs +29 -1
- package/dist/components/ui/index.js +29 -1
- package/dist/components/ui/input.cjs +20 -1
- package/dist/components/ui/input.js +17 -1
- package/dist/components/ui/label.cjs +21 -1
- package/dist/components/ui/label.js +17 -1
- package/dist/components/ui/pagination.cjs +92 -1
- package/dist/components/ui/pagination.js +82 -1
- package/dist/components/ui/popover.cjs +44 -1
- package/dist/components/ui/popover.js +37 -1
- package/dist/components/ui/radio-group.cjs +36 -1
- package/dist/components/ui/radio-group.js +30 -1
- package/dist/components/ui/select.cjs +116 -1
- package/dist/components/ui/select.js +102 -1
- package/dist/components/ui/separator.cjs +23 -1
- package/dist/components/ui/separator.js +19 -1
- package/dist/components/ui/shadcn-io/tags/index.cjs +146 -1
- package/dist/components/ui/shadcn-io/tags/index.js +134 -1
- package/dist/components/ui/shadcn-io/tags-input-inline/index.cjs +66 -1
- package/dist/components/ui/shadcn-io/tags-input-inline/index.js +57 -1
- package/dist/components/ui/sheet.cjs +96 -1
- package/dist/components/ui/sheet.js +84 -1
- package/dist/components/ui/slider.cjs +42 -1
- package/dist/components/ui/slider.js +38 -1
- package/dist/components/ui/switch.cjs +28 -1
- package/dist/components/ui/switch.js +24 -1
- package/dist/components/ui/tabs.cjs +45 -1
- package/dist/components/ui/tabs.js +38 -1
- package/dist/components/ui/textarea.cjs +19 -1
- package/dist/components/ui/textarea.js +16 -1
- package/dist/components/ui/tooltip.cjs +45 -1
- package/dist/components/ui/tooltip.js +38 -1
- package/dist/index.cjs +189 -1
- package/dist/index.js +34 -1
- package/dist/lib/index.cjs +1 -1
- package/dist/lib/index.js +1 -1
- package/dist/lib/utils.cjs +13 -1
- package/dist/lib/utils.js +10 -1
- package/package.json +16 -16
|
@@ -1 +1,25 @@
|
|
|
1
|
-
|
|
1
|
+
//#region rolldown:runtime
|
|
2
|
+
var __create = Object.create;
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
+
var __copyProps = (to, from, except, desc) => {
|
|
9
|
+
if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
|
|
10
|
+
key = keys[i];
|
|
11
|
+
if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
12
|
+
get: ((k) => from[k]).bind(null, key),
|
|
13
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
14
|
+
});
|
|
15
|
+
}
|
|
16
|
+
return to;
|
|
17
|
+
};
|
|
18
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
19
|
+
value: mod,
|
|
20
|
+
enumerable: true
|
|
21
|
+
}) : target, mod));
|
|
22
|
+
|
|
23
|
+
//#endregion
|
|
24
|
+
|
|
25
|
+
exports.__toESM = __toESM;
|
|
@@ -1 +1,30 @@
|
|
|
1
|
-
const
|
|
1
|
+
const require_alert = require('./ui/alert.cjs');
|
|
2
|
+
const require_alert_dialog = require('./ui/alert-dialog.cjs');
|
|
3
|
+
const require_avatar = require('./ui/avatar.cjs');
|
|
4
|
+
const require_badge = require('./ui/badge.cjs');
|
|
5
|
+
const require_button = require('./ui/button.cjs');
|
|
6
|
+
const require_calendar = require('./ui/calendar.cjs');
|
|
7
|
+
const require_card = require('./ui/card.cjs');
|
|
8
|
+
const require_checkbox = require('./ui/checkbox.cjs');
|
|
9
|
+
const require_dialog = require('./ui/dialog.cjs');
|
|
10
|
+
const require_command = require('./ui/command.cjs');
|
|
11
|
+
const require_dropdown_menu = require('./ui/dropdown-menu.cjs');
|
|
12
|
+
const require_file_upload = require('./ui/file-upload.cjs');
|
|
13
|
+
const require_label = require('./ui/label.cjs');
|
|
14
|
+
const require_form = require('./ui/form.cjs');
|
|
15
|
+
const require_input = require('./ui/input.cjs');
|
|
16
|
+
const require_separator = require('./ui/separator.cjs');
|
|
17
|
+
const require_OrContinueWithSeparator = require('./ui/OrContinueWithSeparator.cjs');
|
|
18
|
+
const require_pagination = require('./ui/pagination.cjs');
|
|
19
|
+
const require_popover = require('./ui/popover.cjs');
|
|
20
|
+
const require_radio_group = require('./ui/radio-group.cjs');
|
|
21
|
+
const require_select = require('./ui/select.cjs');
|
|
22
|
+
const require_index = require('./ui/shadcn-io/tags/index.cjs');
|
|
23
|
+
const require_index$1 = require('./ui/shadcn-io/tags-input-inline/index.cjs');
|
|
24
|
+
const require_sheet = require('./ui/sheet.cjs');
|
|
25
|
+
const require_slider = require('./ui/slider.cjs');
|
|
26
|
+
const require_switch = require('./ui/switch.cjs');
|
|
27
|
+
const require_tabs = require('./ui/tabs.cjs');
|
|
28
|
+
const require_textarea = require('./ui/textarea.cjs');
|
|
29
|
+
const require_tooltip = require('./ui/tooltip.cjs');
|
|
30
|
+
require('./ui/index.cjs');
|
package/dist/components/index.js
CHANGED
|
@@ -1 +1,30 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { Alert, AlertDescription, AlertTitle } from "./ui/alert.js";
|
|
2
|
+
import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from "./ui/alert-dialog.js";
|
|
3
|
+
import { Avatar, AvatarFallback, AvatarImage } from "./ui/avatar.js";
|
|
4
|
+
import { Badge, badgeVariants } from "./ui/badge.js";
|
|
5
|
+
import { Button, buttonVariants } from "./ui/button.js";
|
|
6
|
+
import { Calendar, CalendarDayButton } from "./ui/calendar.js";
|
|
7
|
+
import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./ui/card.js";
|
|
8
|
+
import { Checkbox } from "./ui/checkbox.js";
|
|
9
|
+
import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from "./ui/dialog.js";
|
|
10
|
+
import { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from "./ui/command.js";
|
|
11
|
+
import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "./ui/dropdown-menu.js";
|
|
12
|
+
import { FileUploadClear, FileUploadDropzone, FileUploadItem, FileUploadItemDelete, FileUploadItemMetadata, FileUploadItemPreview, FileUploadItemProgress, FileUploadList, FileUploadRoot, FileUploadTrigger, useStore } from "./ui/file-upload.js";
|
|
13
|
+
import { Label } from "./ui/label.js";
|
|
14
|
+
import { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField } from "./ui/form.js";
|
|
15
|
+
import { Input } from "./ui/input.js";
|
|
16
|
+
import { Separator } from "./ui/separator.js";
|
|
17
|
+
import { OrContinueWithSeparator } from "./ui/OrContinueWithSeparator.js";
|
|
18
|
+
import { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from "./ui/pagination.js";
|
|
19
|
+
import { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from "./ui/popover.js";
|
|
20
|
+
import { RadioGroup, RadioGroupItem } from "./ui/radio-group.js";
|
|
21
|
+
import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from "./ui/select.js";
|
|
22
|
+
import { Tags, TagsContent, TagsEmpty, TagsGroup, TagsInput, TagsItem, TagsList, TagsTrigger, TagsValue } from "./ui/shadcn-io/tags/index.js";
|
|
23
|
+
import { TagsInputInLineClear, TagsInputInLineInput, TagsInputInLineItem, TagsInputInLineLabel, TagsInputInLineList, TagsInputInLineRoot } from "./ui/shadcn-io/tags-input-inline/index.js";
|
|
24
|
+
import { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from "./ui/sheet.js";
|
|
25
|
+
import { Slider } from "./ui/slider.js";
|
|
26
|
+
import { Switch } from "./ui/switch.js";
|
|
27
|
+
import { Tabs, TabsContent, TabsList, TabsTrigger } from "./ui/tabs.js";
|
|
28
|
+
import { Textarea } from "./ui/textarea.js";
|
|
29
|
+
import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./ui/tooltip.js";
|
|
30
|
+
import "./ui/index.js";
|
|
@@ -1 +1,30 @@
|
|
|
1
|
-
const
|
|
1
|
+
const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
|
|
2
|
+
const require_separator = require('./separator.cjs');
|
|
3
|
+
let react = require("react");
|
|
4
|
+
react = require_rolldown_runtime.__toESM(react);
|
|
5
|
+
let react_jsx_runtime = require("react/jsx-runtime");
|
|
6
|
+
react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
|
|
7
|
+
|
|
8
|
+
//#region src/components/ui/OrContinueWithSeparator.tsx
|
|
9
|
+
/**
|
|
10
|
+
* A separator with a label for alternative sign-in methods.
|
|
11
|
+
* Used in authentication forms to visually separate sections.
|
|
12
|
+
*/
|
|
13
|
+
function OrContinueWithSeparator() {
|
|
14
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
15
|
+
className: "relative my-4",
|
|
16
|
+
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
17
|
+
className: "absolute inset-0 flex items-center",
|
|
18
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_separator.Separator, {})
|
|
19
|
+
}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
20
|
+
className: "relative flex justify-center text-xs uppercase",
|
|
21
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
|
|
22
|
+
className: "bg-background text-muted-foreground px-2",
|
|
23
|
+
children: "Or continue with"
|
|
24
|
+
})
|
|
25
|
+
})]
|
|
26
|
+
});
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
//#endregion
|
|
30
|
+
exports.OrContinueWithSeparator = OrContinueWithSeparator;
|
|
@@ -1 +1,27 @@
|
|
|
1
|
-
import{Separator
|
|
1
|
+
import { Separator } from "./separator.js";
|
|
2
|
+
import "react";
|
|
3
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
4
|
+
|
|
5
|
+
//#region src/components/ui/OrContinueWithSeparator.tsx
|
|
6
|
+
/**
|
|
7
|
+
* A separator with a label for alternative sign-in methods.
|
|
8
|
+
* Used in authentication forms to visually separate sections.
|
|
9
|
+
*/
|
|
10
|
+
function OrContinueWithSeparator() {
|
|
11
|
+
return /* @__PURE__ */ jsxs("div", {
|
|
12
|
+
className: "relative my-4",
|
|
13
|
+
children: [/* @__PURE__ */ jsx("div", {
|
|
14
|
+
className: "absolute inset-0 flex items-center",
|
|
15
|
+
children: /* @__PURE__ */ jsx(Separator, {})
|
|
16
|
+
}), /* @__PURE__ */ jsx("div", {
|
|
17
|
+
className: "relative flex justify-center text-xs uppercase",
|
|
18
|
+
children: /* @__PURE__ */ jsx("span", {
|
|
19
|
+
className: "bg-background text-muted-foreground px-2",
|
|
20
|
+
children: "Or continue with"
|
|
21
|
+
})
|
|
22
|
+
})]
|
|
23
|
+
});
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
//#endregion
|
|
27
|
+
export { OrContinueWithSeparator };
|
|
@@ -1 +1,101 @@
|
|
|
1
|
-
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
|
|
5
|
+
const require_utils = require('../../lib/utils.cjs');
|
|
6
|
+
require('../../lib/index.cjs');
|
|
7
|
+
const require_button = require('./button.cjs');
|
|
8
|
+
require('../../index.cjs');
|
|
9
|
+
let react = require("react");
|
|
10
|
+
react = require_rolldown_runtime.__toESM(react);
|
|
11
|
+
let react_jsx_runtime = require("react/jsx-runtime");
|
|
12
|
+
react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
|
|
13
|
+
let __radix_ui_react_alert_dialog = require("@radix-ui/react-alert-dialog");
|
|
14
|
+
__radix_ui_react_alert_dialog = require_rolldown_runtime.__toESM(__radix_ui_react_alert_dialog);
|
|
15
|
+
|
|
16
|
+
//#region src/components/ui/alert-dialog.tsx
|
|
17
|
+
function AlertDialog({ ...props }) {
|
|
18
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_alert_dialog.Root, {
|
|
19
|
+
"data-slot": "alert-dialog",
|
|
20
|
+
...props
|
|
21
|
+
});
|
|
22
|
+
}
|
|
23
|
+
function AlertDialogTrigger({ ...props }) {
|
|
24
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_alert_dialog.Trigger, {
|
|
25
|
+
"data-slot": "alert-dialog-trigger",
|
|
26
|
+
...props
|
|
27
|
+
});
|
|
28
|
+
}
|
|
29
|
+
function AlertDialogPortal({ ...props }) {
|
|
30
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_alert_dialog.Portal, {
|
|
31
|
+
"data-slot": "alert-dialog-portal",
|
|
32
|
+
...props
|
|
33
|
+
});
|
|
34
|
+
}
|
|
35
|
+
function AlertDialogOverlay({ className,...props }) {
|
|
36
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_alert_dialog.Overlay, {
|
|
37
|
+
"data-slot": "alert-dialog-overlay",
|
|
38
|
+
className: require_utils.cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", className),
|
|
39
|
+
...props
|
|
40
|
+
});
|
|
41
|
+
}
|
|
42
|
+
function AlertDialogContent({ className,...props }) {
|
|
43
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(AlertDialogPortal, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(AlertDialogOverlay, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_alert_dialog.Content, {
|
|
44
|
+
"data-slot": "alert-dialog-content",
|
|
45
|
+
className: require_utils.cn("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg", className),
|
|
46
|
+
...props
|
|
47
|
+
})] });
|
|
48
|
+
}
|
|
49
|
+
function AlertDialogHeader({ className,...props }) {
|
|
50
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
51
|
+
"data-slot": "alert-dialog-header",
|
|
52
|
+
className: require_utils.cn("flex flex-col gap-2 text-center sm:text-left", className),
|
|
53
|
+
...props
|
|
54
|
+
});
|
|
55
|
+
}
|
|
56
|
+
function AlertDialogFooter({ className,...props }) {
|
|
57
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
58
|
+
"data-slot": "alert-dialog-footer",
|
|
59
|
+
className: require_utils.cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
|
|
60
|
+
...props
|
|
61
|
+
});
|
|
62
|
+
}
|
|
63
|
+
function AlertDialogTitle({ className,...props }) {
|
|
64
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_alert_dialog.Title, {
|
|
65
|
+
"data-slot": "alert-dialog-title",
|
|
66
|
+
className: require_utils.cn("text-lg font-semibold", className),
|
|
67
|
+
...props
|
|
68
|
+
});
|
|
69
|
+
}
|
|
70
|
+
function AlertDialogDescription({ className,...props }) {
|
|
71
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_alert_dialog.Description, {
|
|
72
|
+
"data-slot": "alert-dialog-description",
|
|
73
|
+
className: require_utils.cn("text-muted-foreground text-sm", className),
|
|
74
|
+
...props
|
|
75
|
+
});
|
|
76
|
+
}
|
|
77
|
+
function AlertDialogAction({ className,...props }) {
|
|
78
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_alert_dialog.Action, {
|
|
79
|
+
className: require_utils.cn(require_button.buttonVariants(), className),
|
|
80
|
+
...props
|
|
81
|
+
});
|
|
82
|
+
}
|
|
83
|
+
function AlertDialogCancel({ className,...props }) {
|
|
84
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_alert_dialog.Cancel, {
|
|
85
|
+
className: require_utils.cn(require_button.buttonVariants({ variant: "outline" }), className),
|
|
86
|
+
...props
|
|
87
|
+
});
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
//#endregion
|
|
91
|
+
exports.AlertDialog = AlertDialog;
|
|
92
|
+
exports.AlertDialogAction = AlertDialogAction;
|
|
93
|
+
exports.AlertDialogCancel = AlertDialogCancel;
|
|
94
|
+
exports.AlertDialogContent = AlertDialogContent;
|
|
95
|
+
exports.AlertDialogDescription = AlertDialogDescription;
|
|
96
|
+
exports.AlertDialogFooter = AlertDialogFooter;
|
|
97
|
+
exports.AlertDialogHeader = AlertDialogHeader;
|
|
98
|
+
exports.AlertDialogOverlay = AlertDialogOverlay;
|
|
99
|
+
exports.AlertDialogPortal = AlertDialogPortal;
|
|
100
|
+
exports.AlertDialogTitle = AlertDialogTitle;
|
|
101
|
+
exports.AlertDialogTrigger = AlertDialogTrigger;
|
|
@@ -1 +1,87 @@
|
|
|
1
|
-
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
import { cn } from "../../lib/utils.js";
|
|
5
|
+
import "../../lib/index.js";
|
|
6
|
+
import { buttonVariants } from "./button.js";
|
|
7
|
+
import "../../index.js";
|
|
8
|
+
import "react";
|
|
9
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
10
|
+
import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
|
|
11
|
+
|
|
12
|
+
//#region src/components/ui/alert-dialog.tsx
|
|
13
|
+
function AlertDialog({ ...props }) {
|
|
14
|
+
return /* @__PURE__ */ jsx(AlertDialogPrimitive.Root, {
|
|
15
|
+
"data-slot": "alert-dialog",
|
|
16
|
+
...props
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
function AlertDialogTrigger({ ...props }) {
|
|
20
|
+
return /* @__PURE__ */ jsx(AlertDialogPrimitive.Trigger, {
|
|
21
|
+
"data-slot": "alert-dialog-trigger",
|
|
22
|
+
...props
|
|
23
|
+
});
|
|
24
|
+
}
|
|
25
|
+
function AlertDialogPortal({ ...props }) {
|
|
26
|
+
return /* @__PURE__ */ jsx(AlertDialogPrimitive.Portal, {
|
|
27
|
+
"data-slot": "alert-dialog-portal",
|
|
28
|
+
...props
|
|
29
|
+
});
|
|
30
|
+
}
|
|
31
|
+
function AlertDialogOverlay({ className,...props }) {
|
|
32
|
+
return /* @__PURE__ */ jsx(AlertDialogPrimitive.Overlay, {
|
|
33
|
+
"data-slot": "alert-dialog-overlay",
|
|
34
|
+
className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", className),
|
|
35
|
+
...props
|
|
36
|
+
});
|
|
37
|
+
}
|
|
38
|
+
function AlertDialogContent({ className,...props }) {
|
|
39
|
+
return /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [/* @__PURE__ */ jsx(AlertDialogOverlay, {}), /* @__PURE__ */ jsx(AlertDialogPrimitive.Content, {
|
|
40
|
+
"data-slot": "alert-dialog-content",
|
|
41
|
+
className: cn("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg", className),
|
|
42
|
+
...props
|
|
43
|
+
})] });
|
|
44
|
+
}
|
|
45
|
+
function AlertDialogHeader({ className,...props }) {
|
|
46
|
+
return /* @__PURE__ */ jsx("div", {
|
|
47
|
+
"data-slot": "alert-dialog-header",
|
|
48
|
+
className: cn("flex flex-col gap-2 text-center sm:text-left", className),
|
|
49
|
+
...props
|
|
50
|
+
});
|
|
51
|
+
}
|
|
52
|
+
function AlertDialogFooter({ className,...props }) {
|
|
53
|
+
return /* @__PURE__ */ jsx("div", {
|
|
54
|
+
"data-slot": "alert-dialog-footer",
|
|
55
|
+
className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
|
|
56
|
+
...props
|
|
57
|
+
});
|
|
58
|
+
}
|
|
59
|
+
function AlertDialogTitle({ className,...props }) {
|
|
60
|
+
return /* @__PURE__ */ jsx(AlertDialogPrimitive.Title, {
|
|
61
|
+
"data-slot": "alert-dialog-title",
|
|
62
|
+
className: cn("text-lg font-semibold", className),
|
|
63
|
+
...props
|
|
64
|
+
});
|
|
65
|
+
}
|
|
66
|
+
function AlertDialogDescription({ className,...props }) {
|
|
67
|
+
return /* @__PURE__ */ jsx(AlertDialogPrimitive.Description, {
|
|
68
|
+
"data-slot": "alert-dialog-description",
|
|
69
|
+
className: cn("text-muted-foreground text-sm", className),
|
|
70
|
+
...props
|
|
71
|
+
});
|
|
72
|
+
}
|
|
73
|
+
function AlertDialogAction({ className,...props }) {
|
|
74
|
+
return /* @__PURE__ */ jsx(AlertDialogPrimitive.Action, {
|
|
75
|
+
className: cn(buttonVariants(), className),
|
|
76
|
+
...props
|
|
77
|
+
});
|
|
78
|
+
}
|
|
79
|
+
function AlertDialogCancel({ className,...props }) {
|
|
80
|
+
return /* @__PURE__ */ jsx(AlertDialogPrimitive.Cancel, {
|
|
81
|
+
className: cn(buttonVariants({ variant: "outline" }), className),
|
|
82
|
+
...props
|
|
83
|
+
});
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
//#endregion
|
|
87
|
+
export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };
|
|
@@ -1 +1,45 @@
|
|
|
1
|
-
const
|
|
1
|
+
const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
|
|
2
|
+
const require_utils = require('../../lib/utils.cjs');
|
|
3
|
+
require('../../lib/index.cjs');
|
|
4
|
+
let class_variance_authority = require("class-variance-authority");
|
|
5
|
+
class_variance_authority = require_rolldown_runtime.__toESM(class_variance_authority);
|
|
6
|
+
let react = require("react");
|
|
7
|
+
react = require_rolldown_runtime.__toESM(react);
|
|
8
|
+
let react_jsx_runtime = require("react/jsx-runtime");
|
|
9
|
+
react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
|
|
10
|
+
|
|
11
|
+
//#region src/components/ui/alert.tsx
|
|
12
|
+
const alertVariants = (0, class_variance_authority.cva)("relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current", {
|
|
13
|
+
variants: { variant: {
|
|
14
|
+
default: "bg-card text-card-foreground",
|
|
15
|
+
destructive: "text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90"
|
|
16
|
+
} },
|
|
17
|
+
defaultVariants: { variant: "default" }
|
|
18
|
+
});
|
|
19
|
+
function Alert({ className, variant,...props }) {
|
|
20
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
21
|
+
"data-slot": "alert",
|
|
22
|
+
role: "alert",
|
|
23
|
+
className: require_utils.cn(alertVariants({ variant }), className),
|
|
24
|
+
...props
|
|
25
|
+
});
|
|
26
|
+
}
|
|
27
|
+
function AlertTitle({ className,...props }) {
|
|
28
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
29
|
+
"data-slot": "alert-title",
|
|
30
|
+
className: require_utils.cn("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight", className),
|
|
31
|
+
...props
|
|
32
|
+
});
|
|
33
|
+
}
|
|
34
|
+
function AlertDescription({ className,...props }) {
|
|
35
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
36
|
+
"data-slot": "alert-description",
|
|
37
|
+
className: require_utils.cn("text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed", className),
|
|
38
|
+
...props
|
|
39
|
+
});
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
//#endregion
|
|
43
|
+
exports.Alert = Alert;
|
|
44
|
+
exports.AlertDescription = AlertDescription;
|
|
45
|
+
exports.AlertTitle = AlertTitle;
|
|
@@ -1 +1,39 @@
|
|
|
1
|
-
import{cn
|
|
1
|
+
import { cn } from "../../lib/utils.js";
|
|
2
|
+
import "../../lib/index.js";
|
|
3
|
+
import { cva } from "class-variance-authority";
|
|
4
|
+
import "react";
|
|
5
|
+
import { jsx } from "react/jsx-runtime";
|
|
6
|
+
|
|
7
|
+
//#region src/components/ui/alert.tsx
|
|
8
|
+
const alertVariants = cva("relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current", {
|
|
9
|
+
variants: { variant: {
|
|
10
|
+
default: "bg-card text-card-foreground",
|
|
11
|
+
destructive: "text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90"
|
|
12
|
+
} },
|
|
13
|
+
defaultVariants: { variant: "default" }
|
|
14
|
+
});
|
|
15
|
+
function Alert({ className, variant,...props }) {
|
|
16
|
+
return /* @__PURE__ */ jsx("div", {
|
|
17
|
+
"data-slot": "alert",
|
|
18
|
+
role: "alert",
|
|
19
|
+
className: cn(alertVariants({ variant }), className),
|
|
20
|
+
...props
|
|
21
|
+
});
|
|
22
|
+
}
|
|
23
|
+
function AlertTitle({ className,...props }) {
|
|
24
|
+
return /* @__PURE__ */ jsx("div", {
|
|
25
|
+
"data-slot": "alert-title",
|
|
26
|
+
className: cn("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight", className),
|
|
27
|
+
...props
|
|
28
|
+
});
|
|
29
|
+
}
|
|
30
|
+
function AlertDescription({ className,...props }) {
|
|
31
|
+
return /* @__PURE__ */ jsx("div", {
|
|
32
|
+
"data-slot": "alert-description",
|
|
33
|
+
className: cn("text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed", className),
|
|
34
|
+
...props
|
|
35
|
+
});
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
//#endregion
|
|
39
|
+
export { Alert, AlertDescription, AlertTitle };
|
|
@@ -1 +1,37 @@
|
|
|
1
|
-
const
|
|
1
|
+
const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
|
|
2
|
+
const require_utils = require('../../lib/utils.cjs');
|
|
3
|
+
require('../../lib/index.cjs');
|
|
4
|
+
let react = require("react");
|
|
5
|
+
react = require_rolldown_runtime.__toESM(react);
|
|
6
|
+
let react_jsx_runtime = require("react/jsx-runtime");
|
|
7
|
+
react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
|
|
8
|
+
let __radix_ui_react_avatar = require("@radix-ui/react-avatar");
|
|
9
|
+
__radix_ui_react_avatar = require_rolldown_runtime.__toESM(__radix_ui_react_avatar);
|
|
10
|
+
|
|
11
|
+
//#region src/components/ui/avatar.tsx
|
|
12
|
+
function Avatar({ className,...props }) {
|
|
13
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_avatar.Root, {
|
|
14
|
+
"data-slot": "avatar",
|
|
15
|
+
className: require_utils.cn("relative flex size-8 shrink-0 overflow-hidden rounded-full", className),
|
|
16
|
+
...props
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
function AvatarImage({ className,...props }) {
|
|
20
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_avatar.Image, {
|
|
21
|
+
"data-slot": "avatar-image",
|
|
22
|
+
className: require_utils.cn("aspect-square size-full", className),
|
|
23
|
+
...props
|
|
24
|
+
});
|
|
25
|
+
}
|
|
26
|
+
function AvatarFallback({ className,...props }) {
|
|
27
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_avatar.Fallback, {
|
|
28
|
+
"data-slot": "avatar-fallback",
|
|
29
|
+
className: require_utils.cn("bg-muted flex size-full items-center justify-center rounded-full", className),
|
|
30
|
+
...props
|
|
31
|
+
});
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
//#endregion
|
|
35
|
+
exports.Avatar = Avatar;
|
|
36
|
+
exports.AvatarFallback = AvatarFallback;
|
|
37
|
+
exports.AvatarImage = AvatarImage;
|
|
@@ -1 +1,31 @@
|
|
|
1
|
-
import{cn
|
|
1
|
+
import { cn } from "../../lib/utils.js";
|
|
2
|
+
import "../../lib/index.js";
|
|
3
|
+
import "react";
|
|
4
|
+
import { jsx } from "react/jsx-runtime";
|
|
5
|
+
import * as AvatarPrimitive from "@radix-ui/react-avatar";
|
|
6
|
+
|
|
7
|
+
//#region src/components/ui/avatar.tsx
|
|
8
|
+
function Avatar({ className,...props }) {
|
|
9
|
+
return /* @__PURE__ */ jsx(AvatarPrimitive.Root, {
|
|
10
|
+
"data-slot": "avatar",
|
|
11
|
+
className: cn("relative flex size-8 shrink-0 overflow-hidden rounded-full", className),
|
|
12
|
+
...props
|
|
13
|
+
});
|
|
14
|
+
}
|
|
15
|
+
function AvatarImage({ className,...props }) {
|
|
16
|
+
return /* @__PURE__ */ jsx(AvatarPrimitive.Image, {
|
|
17
|
+
"data-slot": "avatar-image",
|
|
18
|
+
className: cn("aspect-square size-full", className),
|
|
19
|
+
...props
|
|
20
|
+
});
|
|
21
|
+
}
|
|
22
|
+
function AvatarFallback({ className,...props }) {
|
|
23
|
+
return /* @__PURE__ */ jsx(AvatarPrimitive.Fallback, {
|
|
24
|
+
"data-slot": "avatar-fallback",
|
|
25
|
+
className: cn("bg-muted flex size-full items-center justify-center rounded-full", className),
|
|
26
|
+
...props
|
|
27
|
+
});
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
//#endregion
|
|
31
|
+
export { Avatar, AvatarFallback, AvatarImage };
|
|
@@ -1 +1,33 @@
|
|
|
1
|
-
const
|
|
1
|
+
const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
|
|
2
|
+
const require_utils = require('../../lib/utils.cjs');
|
|
3
|
+
require('../../lib/index.cjs');
|
|
4
|
+
let class_variance_authority = require("class-variance-authority");
|
|
5
|
+
class_variance_authority = require_rolldown_runtime.__toESM(class_variance_authority);
|
|
6
|
+
let react = require("react");
|
|
7
|
+
react = require_rolldown_runtime.__toESM(react);
|
|
8
|
+
let react_jsx_runtime = require("react/jsx-runtime");
|
|
9
|
+
react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
|
|
10
|
+
let __radix_ui_react_slot = require("@radix-ui/react-slot");
|
|
11
|
+
__radix_ui_react_slot = require_rolldown_runtime.__toESM(__radix_ui_react_slot);
|
|
12
|
+
|
|
13
|
+
//#region src/components/ui/badge.tsx
|
|
14
|
+
const badgeVariants = (0, class_variance_authority.cva)("inline-flex items-center justify-center rounded-full border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden", {
|
|
15
|
+
variants: { variant: {
|
|
16
|
+
default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
|
|
17
|
+
secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
|
|
18
|
+
destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
|
|
19
|
+
outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
|
|
20
|
+
} },
|
|
21
|
+
defaultVariants: { variant: "default" }
|
|
22
|
+
});
|
|
23
|
+
function Badge({ className, variant, asChild = false,...props }) {
|
|
24
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(asChild ? __radix_ui_react_slot.Slot : "span", {
|
|
25
|
+
"data-slot": "badge",
|
|
26
|
+
className: require_utils.cn(badgeVariants({ variant }), className),
|
|
27
|
+
...props
|
|
28
|
+
});
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
//#endregion
|
|
32
|
+
exports.Badge = Badge;
|
|
33
|
+
exports.badgeVariants = badgeVariants;
|
|
@@ -1 +1,27 @@
|
|
|
1
|
-
import{cn
|
|
1
|
+
import { cn } from "../../lib/utils.js";
|
|
2
|
+
import "../../lib/index.js";
|
|
3
|
+
import { cva } from "class-variance-authority";
|
|
4
|
+
import "react";
|
|
5
|
+
import { jsx } from "react/jsx-runtime";
|
|
6
|
+
import { Slot } from "@radix-ui/react-slot";
|
|
7
|
+
|
|
8
|
+
//#region src/components/ui/badge.tsx
|
|
9
|
+
const badgeVariants = cva("inline-flex items-center justify-center rounded-full border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden", {
|
|
10
|
+
variants: { variant: {
|
|
11
|
+
default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
|
|
12
|
+
secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
|
|
13
|
+
destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
|
|
14
|
+
outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
|
|
15
|
+
} },
|
|
16
|
+
defaultVariants: { variant: "default" }
|
|
17
|
+
});
|
|
18
|
+
function Badge({ className, variant, asChild = false,...props }) {
|
|
19
|
+
return /* @__PURE__ */ jsx(asChild ? Slot : "span", {
|
|
20
|
+
"data-slot": "badge",
|
|
21
|
+
className: cn(badgeVariants({ variant }), className),
|
|
22
|
+
...props
|
|
23
|
+
});
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
//#endregion
|
|
27
|
+
export { Badge, badgeVariants };
|