@appcorp/shadcn 1.0.12 → 1.0.14
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/components/app-sidebar.d.ts +7 -0
- package/components/app-sidebar.js +41 -0
- package/components/avatar.d.ts +6 -0
- package/components/avatar.js +80 -0
- package/components/badge.d.ts +1 -1
- package/components/breadcrumb.d.ts +11 -0
- package/components/breadcrumb.js +99 -0
- package/components/button.d.ts +1 -1
- package/components/collapsible.d.ts +6 -0
- package/components/collapsible.js +78 -0
- package/components/dashboard.d.ts +3 -0
- package/components/dashboard.js +58 -0
- package/components/enhanced-table.js +1 -1
- package/components/nav-main.d.ts +14 -0
- package/components/nav-main.js +31 -0
- package/components/nav-projects.d.ts +5 -0
- package/components/nav-projects.js +44 -0
- package/components/nav-user.d.ts +8 -0
- package/components/nav-user.js +57 -0
- package/components/shadcn-io/copy-button/index.d.ts +1 -1
- package/components/sheet.d.ts +13 -0
- package/components/sheet.js +120 -0
- package/components/sidebar.d.ts +69 -0
- package/components/sidebar.js +326 -0
- package/components/skeleton.d.ts +3 -0
- package/components/skeleton.js +34 -0
- package/components/team-switcher.d.ts +7 -0
- package/components/team-switcher.js +47 -0
- package/components/tooltip.d.ts +7 -0
- package/components/tooltip.js +85 -0
- package/data/admin-dashboard.d.ts +37 -0
- package/data/admin-dashboard.js +166 -0
- package/hooks/use-mobile.d.ts +1 -0
- package/hooks/use-mobile.js +51 -0
- package/package.json +1 -1
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
"use strict";
|
|
3
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
4
|
+
var t = {};
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
8
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
9
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
10
|
+
t[p[i]] = s[p[i]];
|
|
11
|
+
}
|
|
12
|
+
return t;
|
|
13
|
+
};
|
|
14
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
15
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
16
|
+
};
|
|
17
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
|
+
exports.AppSidebar = void 0;
|
|
19
|
+
var react_1 = __importDefault(require("react"));
|
|
20
|
+
var nav_main_1 = require("./nav-main");
|
|
21
|
+
var nav_projects_1 = require("./nav-projects");
|
|
22
|
+
var nav_user_1 = require("./nav-user");
|
|
23
|
+
var team_switcher_1 = require("./team-switcher");
|
|
24
|
+
var sidebar_1 = require("./sidebar");
|
|
25
|
+
var AppSidebar = function (_a) {
|
|
26
|
+
var props = __rest(_a, []);
|
|
27
|
+
return (react_1.default.createElement(sidebar_1.Sidebar, { collapsible: "icon" },
|
|
28
|
+
react_1.default.createElement(sidebar_1.SidebarHeader, null,
|
|
29
|
+
react_1.default.createElement(team_switcher_1.TeamSwitcher, { members: props.members })),
|
|
30
|
+
react_1.default.createElement(sidebar_1.SidebarContent, null,
|
|
31
|
+
react_1.default.createElement(nav_main_1.NavMain, { items: props.navItems }),
|
|
32
|
+
react_1.default.createElement(nav_projects_1.NavProjects, { apps: props.apps })),
|
|
33
|
+
react_1.default.createElement(sidebar_1.SidebarFooter, null,
|
|
34
|
+
react_1.default.createElement(nav_user_1.NavUser, { user: {
|
|
35
|
+
email: props.email,
|
|
36
|
+
name: props.username,
|
|
37
|
+
avatar: props.avatar,
|
|
38
|
+
} })),
|
|
39
|
+
react_1.default.createElement(sidebar_1.SidebarRail, null)));
|
|
40
|
+
};
|
|
41
|
+
exports.AppSidebar = AppSidebar;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as AvatarPrimitive from "@radix-ui/react-avatar";
|
|
3
|
+
declare function Avatar({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Root>): React.JSX.Element;
|
|
4
|
+
declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>): React.JSX.Element;
|
|
5
|
+
declare function AvatarFallback({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>): React.JSX.Element;
|
|
6
|
+
export { Avatar, AvatarImage, AvatarFallback };
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
"use strict";
|
|
3
|
+
var __assign = (this && this.__assign) || function () {
|
|
4
|
+
__assign = Object.assign || function(t) {
|
|
5
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
6
|
+
s = arguments[i];
|
|
7
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
8
|
+
t[p] = s[p];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
12
|
+
return __assign.apply(this, arguments);
|
|
13
|
+
};
|
|
14
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
15
|
+
if (k2 === undefined) k2 = k;
|
|
16
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
17
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
18
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
19
|
+
}
|
|
20
|
+
Object.defineProperty(o, k2, desc);
|
|
21
|
+
}) : (function(o, m, k, k2) {
|
|
22
|
+
if (k2 === undefined) k2 = k;
|
|
23
|
+
o[k2] = m[k];
|
|
24
|
+
}));
|
|
25
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
26
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
27
|
+
}) : function(o, v) {
|
|
28
|
+
o["default"] = v;
|
|
29
|
+
});
|
|
30
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
31
|
+
var ownKeys = function(o) {
|
|
32
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
33
|
+
var ar = [];
|
|
34
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
35
|
+
return ar;
|
|
36
|
+
};
|
|
37
|
+
return ownKeys(o);
|
|
38
|
+
};
|
|
39
|
+
return function (mod) {
|
|
40
|
+
if (mod && mod.__esModule) return mod;
|
|
41
|
+
var result = {};
|
|
42
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
43
|
+
__setModuleDefault(result, mod);
|
|
44
|
+
return result;
|
|
45
|
+
};
|
|
46
|
+
})();
|
|
47
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
48
|
+
var t = {};
|
|
49
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
50
|
+
t[p] = s[p];
|
|
51
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
52
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
53
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
54
|
+
t[p[i]] = s[p[i]];
|
|
55
|
+
}
|
|
56
|
+
return t;
|
|
57
|
+
};
|
|
58
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
59
|
+
exports.Avatar = Avatar;
|
|
60
|
+
exports.AvatarImage = AvatarImage;
|
|
61
|
+
exports.AvatarFallback = AvatarFallback;
|
|
62
|
+
var React = __importStar(require("react"));
|
|
63
|
+
var AvatarPrimitive = __importStar(require("@radix-ui/react-avatar"));
|
|
64
|
+
var utils_1 = require("../lib/utils");
|
|
65
|
+
function Avatar(_a) {
|
|
66
|
+
var className = _a.className, props = __rest(_a, ["className"]);
|
|
67
|
+
return (React.createElement(AvatarPrimitive.Root, __assign({ "data-slot": "avatar", className: (0, utils_1.cn)("relative flex size-8 shrink-0 overflow-hidden rounded-full", className) }, props)));
|
|
68
|
+
}
|
|
69
|
+
function AvatarImage(_a) {
|
|
70
|
+
var className = _a.className, props = __rest(_a, ["className"]);
|
|
71
|
+
return (React.createElement(AvatarPrimitive.Image, __assign({ "data-slot": "avatar-image", className: (0, utils_1.cn)("aspect-square size-full", className) }, props)));
|
|
72
|
+
}
|
|
73
|
+
function AvatarFallback(_a) {
|
|
74
|
+
var className = _a.className, props = __rest(_a, ["className"]);
|
|
75
|
+
return (React.createElement(AvatarPrimitive.Fallback, __assign({ "data-slot": "avatar-fallback",
|
|
76
|
+
// Provide an explicit fallback foreground so parent hover styles don't
|
|
77
|
+
// unintentionally change the initials' color. Callers can still override
|
|
78
|
+
// by passing a className (e.g. using ! to force override).
|
|
79
|
+
className: (0, utils_1.cn)("bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full", className) }, props)));
|
|
80
|
+
}
|
package/components/badge.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { type VariantProps } from "class-variance-authority";
|
|
3
3
|
declare const badgeVariants: (props?: ({
|
|
4
|
-
variant?: "default" | "
|
|
4
|
+
variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
|
|
5
5
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
6
6
|
declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
|
|
7
7
|
asChild?: boolean;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
declare function Breadcrumb({ ...props }: React.ComponentProps<"nav">): React.JSX.Element;
|
|
3
|
+
declare function BreadcrumbList({ className, ...props }: React.ComponentProps<"ol">): React.JSX.Element;
|
|
4
|
+
declare function BreadcrumbItem({ className, ...props }: React.ComponentProps<"li">): React.JSX.Element;
|
|
5
|
+
declare function BreadcrumbLink({ asChild, className, ...props }: React.ComponentProps<"a"> & {
|
|
6
|
+
asChild?: boolean;
|
|
7
|
+
}): React.JSX.Element;
|
|
8
|
+
declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
|
|
9
|
+
declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<"li">): React.JSX.Element;
|
|
10
|
+
declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
|
|
11
|
+
export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };
|
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
+
if (k2 === undefined) k2 = k;
|
|
15
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
+
}
|
|
19
|
+
Object.defineProperty(o, k2, desc);
|
|
20
|
+
}) : (function(o, m, k, k2) {
|
|
21
|
+
if (k2 === undefined) k2 = k;
|
|
22
|
+
o[k2] = m[k];
|
|
23
|
+
}));
|
|
24
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
+
}) : function(o, v) {
|
|
27
|
+
o["default"] = v;
|
|
28
|
+
});
|
|
29
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
30
|
+
var ownKeys = function(o) {
|
|
31
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
32
|
+
var ar = [];
|
|
33
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
34
|
+
return ar;
|
|
35
|
+
};
|
|
36
|
+
return ownKeys(o);
|
|
37
|
+
};
|
|
38
|
+
return function (mod) {
|
|
39
|
+
if (mod && mod.__esModule) return mod;
|
|
40
|
+
var result = {};
|
|
41
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
42
|
+
__setModuleDefault(result, mod);
|
|
43
|
+
return result;
|
|
44
|
+
};
|
|
45
|
+
})();
|
|
46
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
47
|
+
var t = {};
|
|
48
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
49
|
+
t[p] = s[p];
|
|
50
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
51
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
52
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
53
|
+
t[p[i]] = s[p[i]];
|
|
54
|
+
}
|
|
55
|
+
return t;
|
|
56
|
+
};
|
|
57
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
58
|
+
exports.Breadcrumb = Breadcrumb;
|
|
59
|
+
exports.BreadcrumbList = BreadcrumbList;
|
|
60
|
+
exports.BreadcrumbItem = BreadcrumbItem;
|
|
61
|
+
exports.BreadcrumbLink = BreadcrumbLink;
|
|
62
|
+
exports.BreadcrumbPage = BreadcrumbPage;
|
|
63
|
+
exports.BreadcrumbSeparator = BreadcrumbSeparator;
|
|
64
|
+
exports.BreadcrumbEllipsis = BreadcrumbEllipsis;
|
|
65
|
+
var React = __importStar(require("react"));
|
|
66
|
+
var react_slot_1 = require("@radix-ui/react-slot");
|
|
67
|
+
var lucide_react_1 = require("lucide-react");
|
|
68
|
+
var utils_1 = require("../lib/utils");
|
|
69
|
+
function Breadcrumb(_a) {
|
|
70
|
+
var props = __rest(_a, []);
|
|
71
|
+
return React.createElement("nav", __assign({ "aria-label": "breadcrumb", "data-slot": "breadcrumb" }, props));
|
|
72
|
+
}
|
|
73
|
+
function BreadcrumbList(_a) {
|
|
74
|
+
var className = _a.className, props = __rest(_a, ["className"]);
|
|
75
|
+
return (React.createElement("ol", __assign({ "data-slot": "breadcrumb-list", className: (0, utils_1.cn)("text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5", className) }, props)));
|
|
76
|
+
}
|
|
77
|
+
function BreadcrumbItem(_a) {
|
|
78
|
+
var className = _a.className, props = __rest(_a, ["className"]);
|
|
79
|
+
return (React.createElement("li", __assign({ "data-slot": "breadcrumb-item", className: (0, utils_1.cn)("inline-flex items-center gap-1.5", className) }, props)));
|
|
80
|
+
}
|
|
81
|
+
function BreadcrumbLink(_a) {
|
|
82
|
+
var asChild = _a.asChild, className = _a.className, props = __rest(_a, ["asChild", "className"]);
|
|
83
|
+
var Comp = asChild ? react_slot_1.Slot : "a";
|
|
84
|
+
return (React.createElement(Comp, __assign({ "data-slot": "breadcrumb-link", className: (0, utils_1.cn)("hover:text-foreground transition-colors", className) }, props)));
|
|
85
|
+
}
|
|
86
|
+
function BreadcrumbPage(_a) {
|
|
87
|
+
var className = _a.className, props = __rest(_a, ["className"]);
|
|
88
|
+
return (React.createElement("span", __assign({ "data-slot": "breadcrumb-page", role: "link", "aria-disabled": "true", "aria-current": "page", className: (0, utils_1.cn)("text-foreground font-normal", className) }, props)));
|
|
89
|
+
}
|
|
90
|
+
function BreadcrumbSeparator(_a) {
|
|
91
|
+
var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
|
|
92
|
+
return (React.createElement("li", __assign({ "data-slot": "breadcrumb-separator", role: "presentation", "aria-hidden": "true", className: (0, utils_1.cn)("[&>svg]:size-3.5", className) }, props), children !== null && children !== void 0 ? children : React.createElement(lucide_react_1.ChevronRight, null)));
|
|
93
|
+
}
|
|
94
|
+
function BreadcrumbEllipsis(_a) {
|
|
95
|
+
var className = _a.className, props = __rest(_a, ["className"]);
|
|
96
|
+
return (React.createElement("span", __assign({ "data-slot": "breadcrumb-ellipsis", role: "presentation", "aria-hidden": "true", className: (0, utils_1.cn)("flex size-9 items-center justify-center", className) }, props),
|
|
97
|
+
React.createElement(lucide_react_1.MoreHorizontal, { className: "size-4" }),
|
|
98
|
+
React.createElement("span", { className: "sr-only" }, "More")));
|
|
99
|
+
}
|
package/components/button.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { type VariantProps } from "class-variance-authority";
|
|
3
3
|
declare const buttonVariants: (props?: ({
|
|
4
|
-
variant?: "link" | "default" | "
|
|
4
|
+
variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
|
|
5
5
|
size?: "icon" | "default" | "sm" | "lg" | null | undefined;
|
|
6
6
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
7
7
|
declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
|
|
3
|
+
declare function Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>): React.JSX.Element;
|
|
4
|
+
declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): React.JSX.Element;
|
|
5
|
+
declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): React.JSX.Element;
|
|
6
|
+
export { Collapsible, CollapsibleTrigger, CollapsibleContent };
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
"use strict";
|
|
3
|
+
var __assign = (this && this.__assign) || function () {
|
|
4
|
+
__assign = Object.assign || function(t) {
|
|
5
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
6
|
+
s = arguments[i];
|
|
7
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
8
|
+
t[p] = s[p];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
12
|
+
return __assign.apply(this, arguments);
|
|
13
|
+
};
|
|
14
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
15
|
+
if (k2 === undefined) k2 = k;
|
|
16
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
17
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
18
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
19
|
+
}
|
|
20
|
+
Object.defineProperty(o, k2, desc);
|
|
21
|
+
}) : (function(o, m, k, k2) {
|
|
22
|
+
if (k2 === undefined) k2 = k;
|
|
23
|
+
o[k2] = m[k];
|
|
24
|
+
}));
|
|
25
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
26
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
27
|
+
}) : function(o, v) {
|
|
28
|
+
o["default"] = v;
|
|
29
|
+
});
|
|
30
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
31
|
+
var ownKeys = function(o) {
|
|
32
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
33
|
+
var ar = [];
|
|
34
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
35
|
+
return ar;
|
|
36
|
+
};
|
|
37
|
+
return ownKeys(o);
|
|
38
|
+
};
|
|
39
|
+
return function (mod) {
|
|
40
|
+
if (mod && mod.__esModule) return mod;
|
|
41
|
+
var result = {};
|
|
42
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
43
|
+
__setModuleDefault(result, mod);
|
|
44
|
+
return result;
|
|
45
|
+
};
|
|
46
|
+
})();
|
|
47
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
48
|
+
var t = {};
|
|
49
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
50
|
+
t[p] = s[p];
|
|
51
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
52
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
53
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
54
|
+
t[p[i]] = s[p[i]];
|
|
55
|
+
}
|
|
56
|
+
return t;
|
|
57
|
+
};
|
|
58
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
59
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
60
|
+
};
|
|
61
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
62
|
+
exports.Collapsible = Collapsible;
|
|
63
|
+
exports.CollapsibleTrigger = CollapsibleTrigger;
|
|
64
|
+
exports.CollapsibleContent = CollapsibleContent;
|
|
65
|
+
var react_1 = __importDefault(require("react"));
|
|
66
|
+
var CollapsiblePrimitive = __importStar(require("@radix-ui/react-collapsible"));
|
|
67
|
+
function Collapsible(_a) {
|
|
68
|
+
var props = __rest(_a, []);
|
|
69
|
+
return react_1.default.createElement(CollapsiblePrimitive.Root, __assign({ "data-slot": "collapsible" }, props));
|
|
70
|
+
}
|
|
71
|
+
function CollapsibleTrigger(_a) {
|
|
72
|
+
var props = __rest(_a, []);
|
|
73
|
+
return (react_1.default.createElement(CollapsiblePrimitive.CollapsibleTrigger, __assign({ "data-slot": "collapsible-trigger" }, props)));
|
|
74
|
+
}
|
|
75
|
+
function CollapsibleContent(_a) {
|
|
76
|
+
var props = __rest(_a, []);
|
|
77
|
+
return (react_1.default.createElement(CollapsiblePrimitive.CollapsibleContent, __assign({ "data-slot": "collapsible-content" }, props)));
|
|
78
|
+
}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
+
var ownKeys = function(o) {
|
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
+
var ar = [];
|
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
+
return ar;
|
|
24
|
+
};
|
|
25
|
+
return ownKeys(o);
|
|
26
|
+
};
|
|
27
|
+
return function (mod) {
|
|
28
|
+
if (mod && mod.__esModule) return mod;
|
|
29
|
+
var result = {};
|
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
+
__setModuleDefault(result, mod);
|
|
32
|
+
return result;
|
|
33
|
+
};
|
|
34
|
+
})();
|
|
35
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
|
+
exports.Dashboard = void 0;
|
|
37
|
+
var react_1 = __importStar(require("react"));
|
|
38
|
+
var app_sidebar_1 = require("./app-sidebar");
|
|
39
|
+
var breadcrumb_1 = require("./breadcrumb");
|
|
40
|
+
var separator_1 = require("./separator");
|
|
41
|
+
var sidebar_1 = require("./sidebar");
|
|
42
|
+
var Dashboard = function (_a) {
|
|
43
|
+
var apps = _a.apps, avatar = _a.avatar, breadcrumbs = _a.breadcrumbs, children = _a.children, email = _a.email, members = _a.members, navItems = _a.navItems, username = _a.username;
|
|
44
|
+
return (react_1.default.createElement(sidebar_1.SidebarProvider, null,
|
|
45
|
+
react_1.default.createElement(app_sidebar_1.AppSidebar, { username: username, email: email, members: members, avatar: avatar, navItems: navItems, apps: apps }),
|
|
46
|
+
react_1.default.createElement(sidebar_1.SidebarInset, null,
|
|
47
|
+
react_1.default.createElement("header", { className: "flex h-16 shrink-0 items-center gap-2 transition-[width,height] ease-linear group-has-data-[collapsible=icon]/sidebar-wrapper:h-12" },
|
|
48
|
+
react_1.default.createElement("div", { className: "flex items-center gap-2 px-4" },
|
|
49
|
+
react_1.default.createElement(sidebar_1.SidebarTrigger, { className: "-ml-1" }),
|
|
50
|
+
react_1.default.createElement(separator_1.Separator, { orientation: "vertical", className: "mr-2 data-[orientation=vertical]:h-4" }),
|
|
51
|
+
react_1.default.createElement(breadcrumb_1.Breadcrumb, null,
|
|
52
|
+
react_1.default.createElement(breadcrumb_1.BreadcrumbList, { className: "[&>*:last-child]:hidden" }, breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.map(function (breadcrumb) { return (react_1.default.createElement(react_1.Fragment, { key: breadcrumb.label },
|
|
53
|
+
react_1.default.createElement(breadcrumb_1.BreadcrumbItem, { className: "hidden md:block" },
|
|
54
|
+
react_1.default.createElement(breadcrumb_1.BreadcrumbLink, { href: breadcrumb.href }, breadcrumb.label)),
|
|
55
|
+
react_1.default.createElement(breadcrumb_1.BreadcrumbSeparator, { className: "hidden md:block" }))); }))))),
|
|
56
|
+
children)));
|
|
57
|
+
};
|
|
58
|
+
exports.Dashboard = Dashboard;
|
|
@@ -112,7 +112,7 @@ var EnhancedTable = function (_a) {
|
|
|
112
112
|
return (_a = MAP[String(c)]) !== null && _a !== void 0 ? _a : COMPONENT_TYPE.TEXT;
|
|
113
113
|
};
|
|
114
114
|
var normalizedType = normalizeComponentType(col.componentType);
|
|
115
|
-
if (
|
|
115
|
+
if (normalizedType === COMPONENT_TYPE.ACTIONS) {
|
|
116
116
|
return (react_1.default.createElement(dropdown_menu_1.DropdownMenu, null,
|
|
117
117
|
react_1.default.createElement(dropdown_menu_1.DropdownMenuTrigger, { asChild: true },
|
|
118
118
|
react_1.default.createElement(button_1.Button, { variant: "ghost", size: "icon" },
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { type LucideIcon } from "lucide-react";
|
|
3
|
+
export declare function NavMain({ items, }: {
|
|
4
|
+
items: {
|
|
5
|
+
title: string;
|
|
6
|
+
url: string;
|
|
7
|
+
icon?: LucideIcon;
|
|
8
|
+
isActive?: boolean;
|
|
9
|
+
subItems?: {
|
|
10
|
+
title: string;
|
|
11
|
+
url: string;
|
|
12
|
+
}[];
|
|
13
|
+
}[];
|
|
14
|
+
}): React.JSX.Element;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
"use strict";
|
|
3
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
4
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
5
|
+
};
|
|
6
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
+
exports.NavMain = NavMain;
|
|
8
|
+
var react_1 = __importDefault(require("react"));
|
|
9
|
+
var lucide_react_1 = require("lucide-react");
|
|
10
|
+
var collapsible_1 = require("./collapsible");
|
|
11
|
+
var sidebar_1 = require("./sidebar");
|
|
12
|
+
function NavMain(_a) {
|
|
13
|
+
var items = _a.items;
|
|
14
|
+
return (react_1.default.createElement(sidebar_1.SidebarGroup, null,
|
|
15
|
+
react_1.default.createElement(sidebar_1.SidebarGroupLabel, null, "Current App"),
|
|
16
|
+
react_1.default.createElement(sidebar_1.SidebarMenu, null, items.map(function (item) {
|
|
17
|
+
var _a, _b, _c;
|
|
18
|
+
return (react_1.default.createElement(collapsible_1.Collapsible, { key: item.title, asChild: true, defaultOpen: item.isActive, className: "group/collapsible" },
|
|
19
|
+
react_1.default.createElement(sidebar_1.SidebarMenuItem, null,
|
|
20
|
+
react_1.default.createElement(collapsible_1.CollapsibleTrigger, { asChild: true },
|
|
21
|
+
react_1.default.createElement(sidebar_1.SidebarMenuButton, { tooltip: item.title, className: item.isActive ? "bg-gray-200" : "" },
|
|
22
|
+
item.icon && react_1.default.createElement(item.icon, null),
|
|
23
|
+
react_1.default.createElement("span", null, item.title),
|
|
24
|
+
(item === null || item === void 0 ? void 0 : item.subItems) && ((_a = item === null || item === void 0 ? void 0 : item.subItems) === null || _a === void 0 ? void 0 : _a.length) > 0 && (react_1.default.createElement(lucide_react_1.ChevronRight, { className: "ml-auto transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90" })))),
|
|
25
|
+
(item === null || item === void 0 ? void 0 : item.subItems) && ((_b = item === null || item === void 0 ? void 0 : item.subItems) === null || _b === void 0 ? void 0 : _b.length) > 0 && (react_1.default.createElement(collapsible_1.CollapsibleContent, null,
|
|
26
|
+
react_1.default.createElement(sidebar_1.SidebarMenuSub, null, (_c = item.subItems) === null || _c === void 0 ? void 0 : _c.map(function (subItem) { return (react_1.default.createElement(sidebar_1.SidebarMenuSubItem, { key: subItem.title },
|
|
27
|
+
react_1.default.createElement(sidebar_1.SidebarMenuSubButton, { asChild: true },
|
|
28
|
+
react_1.default.createElement("a", { href: subItem.url },
|
|
29
|
+
react_1.default.createElement("span", null, subItem.title))))); })))))));
|
|
30
|
+
}))));
|
|
31
|
+
}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
"use strict";
|
|
3
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
4
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
5
|
+
};
|
|
6
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
+
exports.NavProjects = void 0;
|
|
8
|
+
var lucide_react_1 = require("lucide-react");
|
|
9
|
+
var dropdown_menu_1 = require("./dropdown-menu");
|
|
10
|
+
var sidebar_1 = require("./sidebar");
|
|
11
|
+
var react_1 = __importDefault(require("react"));
|
|
12
|
+
var NavProjects = function (_a) {
|
|
13
|
+
var apps = _a.apps;
|
|
14
|
+
var isMobile = (0, sidebar_1.useSidebar)().isMobile;
|
|
15
|
+
return (react_1.default.createElement(sidebar_1.SidebarGroup, { className: "group-data-[collapsible=icon]:hidden" },
|
|
16
|
+
react_1.default.createElement(sidebar_1.SidebarGroupLabel, null, "More Apps"),
|
|
17
|
+
react_1.default.createElement(sidebar_1.SidebarMenu, null, apps === null || apps === void 0 ? void 0 :
|
|
18
|
+
apps.map(function (item) { return (react_1.default.createElement(sidebar_1.SidebarMenuItem, { key: item.name },
|
|
19
|
+
react_1.default.createElement(sidebar_1.SidebarMenuButton, { asChild: true },
|
|
20
|
+
react_1.default.createElement("a", { href: item.url },
|
|
21
|
+
react_1.default.createElement(item.icon, null),
|
|
22
|
+
react_1.default.createElement("span", null, item.name))),
|
|
23
|
+
react_1.default.createElement(dropdown_menu_1.DropdownMenu, null,
|
|
24
|
+
react_1.default.createElement(dropdown_menu_1.DropdownMenuTrigger, { asChild: true },
|
|
25
|
+
react_1.default.createElement(sidebar_1.SidebarMenuAction, { showOnHover: true },
|
|
26
|
+
react_1.default.createElement(lucide_react_1.MoreHorizontal, null),
|
|
27
|
+
react_1.default.createElement("span", { className: "sr-only" }, "More"))),
|
|
28
|
+
react_1.default.createElement(dropdown_menu_1.DropdownMenuContent, { className: "w-48 rounded-lg", side: isMobile ? "bottom" : "right", align: isMobile ? "end" : "start" },
|
|
29
|
+
react_1.default.createElement(dropdown_menu_1.DropdownMenuItem, null,
|
|
30
|
+
react_1.default.createElement(lucide_react_1.Folder, { className: "text-muted-foreground" }),
|
|
31
|
+
react_1.default.createElement("span", null, "View Project")),
|
|
32
|
+
react_1.default.createElement(dropdown_menu_1.DropdownMenuItem, null,
|
|
33
|
+
react_1.default.createElement(lucide_react_1.Forward, { className: "text-muted-foreground" }),
|
|
34
|
+
react_1.default.createElement("span", null, "Share Project")),
|
|
35
|
+
react_1.default.createElement(dropdown_menu_1.DropdownMenuSeparator, null),
|
|
36
|
+
react_1.default.createElement(dropdown_menu_1.DropdownMenuItem, null,
|
|
37
|
+
react_1.default.createElement(lucide_react_1.Trash2, { className: "text-muted-foreground" }),
|
|
38
|
+
react_1.default.createElement("span", null, "Delete Project")))))); }),
|
|
39
|
+
react_1.default.createElement(sidebar_1.SidebarMenuItem, null,
|
|
40
|
+
react_1.default.createElement(sidebar_1.SidebarMenuButton, { className: "text-sidebar-foreground/70" },
|
|
41
|
+
react_1.default.createElement(lucide_react_1.MoreHorizontal, { className: "text-sidebar-foreground/70" }),
|
|
42
|
+
react_1.default.createElement("span", null, "Offers"))))));
|
|
43
|
+
};
|
|
44
|
+
exports.NavProjects = NavProjects;
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
"use strict";
|
|
3
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
4
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
5
|
+
};
|
|
6
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
+
exports.NavUser = NavUser;
|
|
8
|
+
var react_1 = __importDefault(require("react"));
|
|
9
|
+
var lucide_react_1 = require("lucide-react");
|
|
10
|
+
var avatar_1 = require("./avatar");
|
|
11
|
+
var dropdown_menu_1 = require("./dropdown-menu");
|
|
12
|
+
var sidebar_1 = require("./sidebar");
|
|
13
|
+
function NavUser(_a) {
|
|
14
|
+
var user = _a.user;
|
|
15
|
+
var isMobile = (0, sidebar_1.useSidebar)().isMobile;
|
|
16
|
+
return (react_1.default.createElement(sidebar_1.SidebarMenu, null,
|
|
17
|
+
react_1.default.createElement(sidebar_1.SidebarMenuItem, null,
|
|
18
|
+
react_1.default.createElement(dropdown_menu_1.DropdownMenu, null,
|
|
19
|
+
react_1.default.createElement(dropdown_menu_1.DropdownMenuTrigger, { asChild: true },
|
|
20
|
+
react_1.default.createElement(sidebar_1.SidebarMenuButton, { size: "lg", className: "data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground" },
|
|
21
|
+
react_1.default.createElement(avatar_1.Avatar, { className: "h-8 w-8 rounded-lg" },
|
|
22
|
+
react_1.default.createElement(avatar_1.AvatarImage, { src: user.avatar, alt: user.name }),
|
|
23
|
+
react_1.default.createElement(avatar_1.AvatarFallback, { className: "rounded-lg" }, "CN")),
|
|
24
|
+
react_1.default.createElement("div", { className: "grid flex-1 text-left text-sm leading-tight" },
|
|
25
|
+
react_1.default.createElement("span", { className: "truncate font-medium" }, user.name),
|
|
26
|
+
react_1.default.createElement("span", { className: "truncate text-xs" }, user.email)),
|
|
27
|
+
react_1.default.createElement(lucide_react_1.ChevronsUpDown, { className: "ml-auto size-4" }))),
|
|
28
|
+
react_1.default.createElement(dropdown_menu_1.DropdownMenuContent, { className: "w-(--radix-dropdown-menu-trigger-width) min-w-56 rounded-lg", side: isMobile ? "bottom" : "right", align: "end", sideOffset: 4 },
|
|
29
|
+
react_1.default.createElement(dropdown_menu_1.DropdownMenuLabel, { className: "p-0 font-normal" },
|
|
30
|
+
react_1.default.createElement("div", { className: "flex items-center gap-2 px-1 py-1.5 text-left text-sm" },
|
|
31
|
+
react_1.default.createElement(avatar_1.Avatar, { className: "h-8 w-8 rounded-lg" },
|
|
32
|
+
react_1.default.createElement(avatar_1.AvatarImage, { src: user.avatar, alt: user.name }),
|
|
33
|
+
react_1.default.createElement(avatar_1.AvatarFallback, { className: "rounded-lg" }, "CN")),
|
|
34
|
+
react_1.default.createElement("div", { className: "grid flex-1 text-left text-sm leading-tight" },
|
|
35
|
+
react_1.default.createElement("span", { className: "truncate font-medium" }, user.name),
|
|
36
|
+
react_1.default.createElement("span", { className: "truncate text-xs" }, user.email)))),
|
|
37
|
+
react_1.default.createElement(dropdown_menu_1.DropdownMenuSeparator, null),
|
|
38
|
+
react_1.default.createElement(dropdown_menu_1.DropdownMenuGroup, null,
|
|
39
|
+
react_1.default.createElement(dropdown_menu_1.DropdownMenuItem, null,
|
|
40
|
+
react_1.default.createElement(lucide_react_1.Sparkles, null),
|
|
41
|
+
"Upgrade to Pro")),
|
|
42
|
+
react_1.default.createElement(dropdown_menu_1.DropdownMenuSeparator, null),
|
|
43
|
+
react_1.default.createElement(dropdown_menu_1.DropdownMenuGroup, null,
|
|
44
|
+
react_1.default.createElement(dropdown_menu_1.DropdownMenuItem, null,
|
|
45
|
+
react_1.default.createElement(lucide_react_1.BadgeCheck, null),
|
|
46
|
+
"Account"),
|
|
47
|
+
react_1.default.createElement(dropdown_menu_1.DropdownMenuItem, null,
|
|
48
|
+
react_1.default.createElement(lucide_react_1.CreditCard, null),
|
|
49
|
+
"Billing"),
|
|
50
|
+
react_1.default.createElement(dropdown_menu_1.DropdownMenuItem, null,
|
|
51
|
+
react_1.default.createElement(lucide_react_1.Bell, null),
|
|
52
|
+
"Notifications")),
|
|
53
|
+
react_1.default.createElement(dropdown_menu_1.DropdownMenuSeparator, null),
|
|
54
|
+
react_1.default.createElement(dropdown_menu_1.DropdownMenuItem, null,
|
|
55
|
+
react_1.default.createElement(lucide_react_1.LogOut, null),
|
|
56
|
+
"Log out"))))));
|
|
57
|
+
}
|
|
@@ -2,7 +2,7 @@ import * as React from "react";
|
|
|
2
2
|
import { HTMLMotionProps } from "motion/react";
|
|
3
3
|
import { type VariantProps } from "class-variance-authority";
|
|
4
4
|
declare const buttonVariants: (props?: ({
|
|
5
|
-
variant?: "default" | "
|
|
5
|
+
variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "muted" | null | undefined;
|
|
6
6
|
size?: "default" | "sm" | "lg" | "md" | null | undefined;
|
|
7
7
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
8
8
|
type CopyButtonProps = Omit<HTMLMotionProps<"button">, "children" | "onCopy"> & VariantProps<typeof buttonVariants> & {
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as SheetPrimitive from "@radix-ui/react-dialog";
|
|
3
|
+
declare function Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>): React.JSX.Element;
|
|
4
|
+
declare function SheetTrigger({ ...props }: React.ComponentProps<typeof SheetPrimitive.Trigger>): React.JSX.Element;
|
|
5
|
+
declare function SheetClose({ ...props }: React.ComponentProps<typeof SheetPrimitive.Close>): React.JSX.Element;
|
|
6
|
+
declare function SheetContent({ className, children, side, ...props }: React.ComponentProps<typeof SheetPrimitive.Content> & {
|
|
7
|
+
side?: "top" | "right" | "bottom" | "left";
|
|
8
|
+
}): React.JSX.Element;
|
|
9
|
+
declare function SheetHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
10
|
+
declare function SheetFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
11
|
+
declare function SheetTitle({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Title>): React.JSX.Element;
|
|
12
|
+
declare function SheetDescription({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Description>): React.JSX.Element;
|
|
13
|
+
export { Sheet, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, };
|