@appcorp/shadcn 1.2.0 → 2.0.0

package/components/nav-main.js

@@ -1,86 +1,40 @@
 "use client";
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NavMain = void 0;
-var react_1 = __importStar(require("react"));
-var lucide_react_1 = require("lucide-react");
-var collapsible_1 = require("./ui/collapsible");
-var sidebar_1 = require("./sidebar");
-var link_1 = __importDefault(require("next/link"));
-exports.NavMain = react_1.default.memo(function (_a) {
-    var items = _a.items;
-    var processedItems = (0, react_1.useMemo)(function () {
+import React, { useMemo } from "react";
+import { ChevronRight } from "lucide-react";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from "./ui/collapsible";
+import { SidebarGroup, SidebarGroupLabel, SidebarMenu, SidebarMenuButton, SidebarMenuItem, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, } from "./sidebar";
+import Link from "next/link";
+export const NavMain = React.memo(({ items }) => {
+    const processedItems = useMemo(() => {
         return items
-            .filter(function (_a) {
-            var enabled = _a.enabled;
-            return enabled;
-        })
-            .sort(function (a, b) { return a.order - b.order; });
+            .filter(({ enabled }) => enabled)
+            .sort((a, b) => a.order - b.order);
     }, [items]);
-    return (react_1.default.createElement(sidebar_1.SidebarGroup, null,
-        react_1.default.createElement(sidebar_1.SidebarGroupLabel, null, "Current App"),
-        react_1.default.createElement(sidebar_1.SidebarMenu, null, processedItems.map(function (item) {
+    return (React.createElement(SidebarGroup, null,
+        React.createElement(SidebarGroupLabel, null, "Current App"),
+        React.createElement(SidebarMenu, null, processedItems.map((item) => {
             var _a, _b;
             if (!((_a = item.subItems) === null || _a === void 0 ? void 0 : _a.length)) {
-                return (react_1.default.createElement(sidebar_1.SidebarMenuItem, { key: item.title },
-                    react_1.default.createElement(link_1.default, { href: item.url },
-                        react_1.default.createElement(sidebar_1.SidebarMenuButton, { className: "cursor-pointer" },
-                            item.icon && react_1.default.createElement(item.icon, null),
-                            react_1.default.createElement("span", null, item.title)))));
+                return (React.createElement(SidebarMenuItem, { key: item.title },
+                    React.createElement(Link, { href: item.url },
+                        React.createElement(SidebarMenuButton, { className: "cursor-pointer" },
+                            item.icon && React.createElement(item.icon, null),
+                            React.createElement("span", null, item.title)))));
             }
-            return (react_1.default.createElement(collapsible_1.Collapsible, { key: item.title, asChild: true, defaultOpen: item.isActive, className: "group/collapsible" },
-                react_1.default.createElement(sidebar_1.SidebarMenuItem, null,
-                    react_1.default.createElement(collapsible_1.CollapsibleTrigger, { asChild: true },
-                        react_1.default.createElement(sidebar_1.SidebarMenuButton, { tooltip: item.title, className: item.isActive ? "bg-gray-300" : "" },
-                            item.icon && react_1.default.createElement(item.icon, null),
-                            react_1.default.createElement("span", null, item.title),
-                            react_1.default.createElement(lucide_react_1.ChevronRight, { className: "ml-auto transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90" }))),
-                    ((_b = item.subItems) === null || _b === void 0 ? void 0 : _b.length) > 0 && (react_1.default.createElement(collapsible_1.CollapsibleContent, null,
-                        react_1.default.createElement(sidebar_1.SidebarMenuSub, null, item.subItems
-                            .filter(function (_a) {
-                            var enabled = _a.enabled;
-                            return enabled;
-                        })
-                            .sort(function (a, b) { return a.order - b.order; })
-                            .map(function (subItem) { return (react_1.default.createElement(sidebar_1.SidebarMenuSubItem, { key: subItem.title, className: "rounded-md ".concat(subItem.isActive ? "bg-gray-200" : "") },
-                            react_1.default.createElement(sidebar_1.SidebarMenuSubButton, { asChild: true },
-                                react_1.default.createElement(link_1.default, { href: subItem.url },
-                                    react_1.default.createElement("span", null, subItem.title))))); })))))));
+            return (React.createElement(Collapsible, { key: item.title, asChild: true, defaultOpen: item.isActive, className: "group/collapsible" },
+                React.createElement(SidebarMenuItem, null,
+                    React.createElement(CollapsibleTrigger, { asChild: true },
+                        React.createElement(SidebarMenuButton, { tooltip: item.title, className: item.isActive ? "bg-gray-300" : "" },
+                            item.icon && React.createElement(item.icon, null),
+                            React.createElement("span", null, item.title),
+                            React.createElement(ChevronRight, { className: "ml-auto transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90" }))),
+                    ((_b = item.subItems) === null || _b === void 0 ? void 0 : _b.length) > 0 && (React.createElement(CollapsibleContent, null,
+                        React.createElement(SidebarMenuSub, null, item.subItems
+                            .filter(({ enabled }) => enabled)
+                            .sort((a, b) => a.order - b.order)
+                            .map((subItem) => (React.createElement(SidebarMenuSubItem, { key: subItem.title, className: `rounded-md ${subItem.isActive ? "bg-gray-200" : ""}` },
+                            React.createElement(SidebarMenuSubButton, { asChild: true },
+                                React.createElement(Link, { href: subItem.url },
+                                    React.createElement("span", null, subItem.title))))))))))));
         }))));
 });

package/components/nav-projects.js

@@ -1,50 +1,39 @@
 "use client";
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+import { Folder, Forward, MoreHorizontal, Trash2 } from "lucide-react";
+import Link from "next/link";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, } from "./ui/dropdown-menu";
+import { SidebarGroup, SidebarGroupLabel, SidebarMenu, SidebarMenuAction, SidebarMenuButton, SidebarMenuItem, useSidebar, } from "./sidebar";
+import React from "react";
+export const NavProjects = ({ apps, offerUrl }) => {
+    var _a, _b;
+    const { isMobile } = useSidebar();
+    return (React.createElement(SidebarGroup, { className: "group-data-[collapsible=icon]:hidden" },
+        React.createElement(SidebarGroupLabel, null, "More Apps"),
+        React.createElement(SidebarMenu, null, (_b = (_a = apps === null || apps === void 0 ? void 0 : apps.filter(({ enabled }) => enabled)) === null || _a === void 0 ? void 0 : _a.sort((a, b) => a.order - b.order)) === null || _b === void 0 ? void 0 :
+            _b.map((item) => (React.createElement(SidebarMenuItem, { key: item.name },
+                React.createElement(SidebarMenuButton, { asChild: true },
+                    React.createElement(Link, { href: item.url },
+                        React.createElement(item.icon, null),
+                        React.createElement("span", null, item.name))),
+                React.createElement(DropdownMenu, null,
+                    React.createElement(DropdownMenuTrigger, { asChild: true },
+                        React.createElement(SidebarMenuAction, { showOnHover: true },
+                            React.createElement(MoreHorizontal, null),
+                            React.createElement("span", { className: "sr-only" }, "More"))),
+                    React.createElement(DropdownMenuContent, { className: "w-48 rounded-lg", side: isMobile ? "bottom" : "right", align: isMobile ? "end" : "start" },
+                        React.createElement(DropdownMenuItem, null,
+                            React.createElement(Folder, { className: "text-muted-foreground" }),
+                            React.createElement("span", null, "View Project")),
+                        React.createElement(DropdownMenuItem, null,
+                            React.createElement(Forward, { className: "text-muted-foreground" }),
+                            React.createElement("span", null, "Share Project")),
+                        React.createElement(DropdownMenuSeparator, null),
+                        React.createElement(DropdownMenuItem, null,
+                            React.createElement(Trash2, { className: "text-muted-foreground" }),
+                            React.createElement("span", null, "Delete Project"))))))),
+            offerUrl && (React.createElement(SidebarMenuItem, null,
+                React.createElement(Link, { href: offerUrl },
+                    React.createElement(SidebarMenuButton, { className: "text-sidebar-foreground/70" },
+                        React.createElement(MoreHorizontal, { className: "text-sidebar-foreground/70" }),
+                        React.createElement("span", null, "Offers"))))))));
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NavProjects = void 0;
-var lucide_react_1 = require("lucide-react");
-var link_1 = __importDefault(require("next/link"));
-var dropdown_menu_1 = require("./ui/dropdown-menu");
-var sidebar_1 = require("./sidebar");
-var react_1 = __importDefault(require("react"));
-var NavProjects = function (_a) {
-    var _b, _c;
-    var apps = _a.apps, offerUrl = _a.offerUrl;
-    var isMobile = (0, sidebar_1.useSidebar)().isMobile;
-    return (react_1.default.createElement(sidebar_1.SidebarGroup, { className: "group-data-[collapsible=icon]:hidden" },
-        react_1.default.createElement(sidebar_1.SidebarGroupLabel, null, "More Apps"),
-        react_1.default.createElement(sidebar_1.SidebarMenu, null, (_c = (_b = apps === null || apps === void 0 ? void 0 : apps.filter(function (_a) {
-            var enabled = _a.enabled;
-            return enabled;
-        })) === null || _b === void 0 ? void 0 : _b.sort(function (a, b) { return a.order - b.order; })) === null || _c === void 0 ? void 0 :
-            _c.map(function (item) { return (react_1.default.createElement(sidebar_1.SidebarMenuItem, { key: item.name },
-                react_1.default.createElement(sidebar_1.SidebarMenuButton, { asChild: true },
-                    react_1.default.createElement(link_1.default, { href: item.url },
-                        react_1.default.createElement(item.icon, null),
-                        react_1.default.createElement("span", null, item.name))),
-                react_1.default.createElement(dropdown_menu_1.DropdownMenu, null,
-                    react_1.default.createElement(dropdown_menu_1.DropdownMenuTrigger, { asChild: true },
-                        react_1.default.createElement(sidebar_1.SidebarMenuAction, { showOnHover: true },
-                            react_1.default.createElement(lucide_react_1.MoreHorizontal, null),
-                            react_1.default.createElement("span", { className: "sr-only" }, "More"))),
-                    react_1.default.createElement(dropdown_menu_1.DropdownMenuContent, { className: "w-48 rounded-lg", side: isMobile ? "bottom" : "right", align: isMobile ? "end" : "start" },
-                        react_1.default.createElement(dropdown_menu_1.DropdownMenuItem, null,
-                            react_1.default.createElement(lucide_react_1.Folder, { className: "text-muted-foreground" }),
-                            react_1.default.createElement("span", null, "View Project")),
-                        react_1.default.createElement(dropdown_menu_1.DropdownMenuItem, null,
-                            react_1.default.createElement(lucide_react_1.Forward, { className: "text-muted-foreground" }),
-                            react_1.default.createElement("span", null, "Share Project")),
-                        react_1.default.createElement(dropdown_menu_1.DropdownMenuSeparator, null),
-                        react_1.default.createElement(dropdown_menu_1.DropdownMenuItem, null,
-                            react_1.default.createElement(lucide_react_1.Trash2, { className: "text-muted-foreground" }),
-                            react_1.default.createElement("span", null, "Delete Project")))))); }),
-            offerUrl && (react_1.default.createElement(sidebar_1.SidebarMenuItem, null,
-                react_1.default.createElement(link_1.default, { href: offerUrl },
-                    react_1.default.createElement(sidebar_1.SidebarMenuButton, { className: "text-sidebar-foreground/70" },
-                        react_1.default.createElement(lucide_react_1.MoreHorizontal, { className: "text-sidebar-foreground/70" }),
-                        react_1.default.createElement("span", null, "Offers"))))))));
-};
-exports.NavProjects = NavProjects;

package/components/nav-user.js

@@ -1,62 +1,52 @@
 "use client";
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NavUser = NavUser;
-var react_1 = __importDefault(require("react"));
-var lucide_react_1 = require("lucide-react");
-var avatar_1 = require("./ui/avatar");
-var dropdown_menu_1 = require("./ui/dropdown-menu");
-var sidebar_1 = require("./sidebar");
-var link_1 = __importDefault(require("next/link"));
-function NavUser(_a) {
-    var user = _a.user, footerNavItems = _a.footerNavItems, handleSignOut = _a.handleSignOut;
-    var isMobile = (0, sidebar_1.useSidebar)().isMobile;
-    return (react_1.default.createElement(sidebar_1.SidebarMenu, null,
-        react_1.default.createElement(sidebar_1.SidebarMenuItem, null,
-            react_1.default.createElement(dropdown_menu_1.DropdownMenu, null,
-                react_1.default.createElement(dropdown_menu_1.DropdownMenuTrigger, { asChild: true },
-                    react_1.default.createElement(sidebar_1.SidebarMenuButton, { size: "lg", className: "data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground" },
-                        react_1.default.createElement(avatar_1.Avatar, { className: "h-8 w-8 rounded-lg" },
-                            react_1.default.createElement(avatar_1.AvatarImage, { src: user.avatar, alt: user.name }),
-                            react_1.default.createElement(avatar_1.AvatarFallback, { className: "rounded-lg" }, user.name
+import React from "react";
+import { ChevronsUpDown, LogOut } from "lucide-react";
+import { Avatar, AvatarFallback, AvatarImage } from "./ui/avatar";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from "./ui/dropdown-menu";
+import { SidebarMenu, SidebarMenuButton, SidebarMenuItem, useSidebar, } from "./sidebar";
+import Link from "next/link";
+export function NavUser({ user, footerNavItems, handleSignOut, }) {
+    const { isMobile } = useSidebar();
+    return (React.createElement(SidebarMenu, null,
+        React.createElement(SidebarMenuItem, null,
+            React.createElement(DropdownMenu, null,
+                React.createElement(DropdownMenuTrigger, { asChild: true },
+                    React.createElement(SidebarMenuButton, { size: "lg", className: "data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground" },
+                        React.createElement(Avatar, { className: "h-8 w-8 rounded-lg" },
+                            React.createElement(AvatarImage, { src: user.avatar, alt: user.name }),
+                            React.createElement(AvatarFallback, { className: "rounded-lg" }, user.name
                                 .split(" ")
-                                .map(function (n) { return n[0]; })
+                                .map((n) => n[0])
                                 .join("")
                                 .toUpperCase())),
-                        react_1.default.createElement("div", { className: "grid flex-1 text-left text-sm leading-tight" },
-                            react_1.default.createElement("span", { className: "truncate font-medium" }, user.name),
-                            react_1.default.createElement("span", { className: "truncate text-xs" }, user.email)),
-                        react_1.default.createElement(lucide_react_1.ChevronsUpDown, { className: "ml-auto size-4" }))),
-                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 },
-                    react_1.default.createElement(dropdown_menu_1.DropdownMenuLabel, { className: "p-0 font-normal" },
-                        react_1.default.createElement("div", { className: "flex items-center gap-2 px-1 py-1.5 text-left text-sm" },
-                            react_1.default.createElement(avatar_1.Avatar, { className: "h-8 w-8 rounded-lg" },
-                                react_1.default.createElement(avatar_1.AvatarImage, { src: user.avatar, alt: user.name }),
-                                react_1.default.createElement(avatar_1.AvatarFallback, { className: "rounded-lg" }, "CN")),
-                            react_1.default.createElement("div", { className: "grid flex-1 text-left text-sm leading-tight" },
-                                react_1.default.createElement("span", { className: "truncate font-medium" }, user.name),
-                                react_1.default.createElement("span", { className: "truncate text-xs" }, user.email)))),
-                    react_1.default.createElement(dropdown_menu_1.DropdownMenuSeparator, null),
+                        React.createElement("div", { className: "grid flex-1 text-left text-sm leading-tight" },
+                            React.createElement("span", { className: "truncate font-medium" }, user.name),
+                            React.createElement("span", { className: "truncate text-xs" }, user.email)),
+                        React.createElement(ChevronsUpDown, { className: "ml-auto size-4" }))),
+                React.createElement(DropdownMenuContent, { className: "w-(--radix-dropdown-menu-trigger-width) min-w-56 rounded-lg", side: isMobile ? "bottom" : "right", align: "end", sideOffset: 4 },
+                    React.createElement(DropdownMenuLabel, { className: "p-0 font-normal" },
+                        React.createElement("div", { className: "flex items-center gap-2 px-1 py-1.5 text-left text-sm" },
+                            React.createElement(Avatar, { className: "h-8 w-8 rounded-lg" },
+                                React.createElement(AvatarImage, { src: user.avatar, alt: user.name }),
+                                React.createElement(AvatarFallback, { className: "rounded-lg" }, "CN")),
+                            React.createElement("div", { className: "grid flex-1 text-left text-sm leading-tight" },
+                                React.createElement("span", { className: "truncate font-medium" }, user.name),
+                                React.createElement("span", { className: "truncate text-xs" }, user.email)))),
+                    React.createElement(DropdownMenuSeparator, null),
                     footerNavItems
-                        .filter(function (_a) {
-                        var enabled = _a.enabled;
-                        return enabled;
-                    })
-                        .sort(function (a, b) { return a.order - b.order; })
-                        .map(function (item) {
+                        .filter(({ enabled }) => enabled)
+                        .sort((a, b) => a.order - b.order)
+                        .map((item) => {
                         if (item.title === "Divider") {
-                            return react_1.default.createElement(dropdown_menu_1.DropdownMenuSeparator, { key: item.title });
+                            return React.createElement(DropdownMenuSeparator, { key: item.title });
                         }
-                        return (react_1.default.createElement(link_1.default, { href: item.url, key: item.title },
-                            react_1.default.createElement(dropdown_menu_1.DropdownMenuItem, null,
-                                item.icon && react_1.default.createElement(item.icon, null),
+                        return (React.createElement(Link, { href: item.url, key: item.title },
+                            React.createElement(DropdownMenuItem, null,
+                                item.icon && React.createElement(item.icon, null),
                                 item.title)));
                     }),
-                    react_1.default.createElement(dropdown_menu_1.DropdownMenuSeparator, null),
-                    react_1.default.createElement(dropdown_menu_1.DropdownMenuItem, { onClick: handleSignOut },
-                        react_1.default.createElement(lucide_react_1.LogOut, null),
+                    React.createElement(DropdownMenuSeparator, null),
+                    React.createElement(DropdownMenuItem, { onClick: handleSignOut },
+                        React.createElement(LogOut, null),
                         "Sign Out"))))));
 }

package/components/show-toast.js

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.showToast = void 0;
-var toast_utils_1 = require("../lib/toast-utils");
-var showToast = function (description, variant) {
-    (0, toast_utils_1.generateThemeToast)({
-        description: description,
-        variant: variant,
+import { generateThemeToast } from "../lib/toast-utils";
+export const showToast = (description, variant) => {
+    generateThemeToast({
+        description,
+        variant,
     });
 };
-exports.showToast = showToast;

package/components/sidebar.d.ts

@@ -45,7 +45,7 @@ declare function SidebarMenuItem({ className, ...props }: React.ComponentProps<"
 declare const sidebarMenuButtonVariants: (props?: ({
     variant?: "default" | "outline" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function SidebarMenuButton({ asChild, isActive, variant, size, tooltip, className, ...props }: React.ComponentProps<"button"> & {
     asChild?: boolean;
     isActive?: boolean;