@appcorp/shadcn 1.2.0 → 2.0.1

package/components/nav-user.js

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

package/components/show-toast.js

@@ -1,11 +1 @@
-"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,
-    });
-};
-exports.showToast = showToast;
+"use strict";import{generateThemeToast as t}from"../lib/toast-utils";export const showToast=(o,e)=>{t({description:o,variant:e})};

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;

package/components/sidebar.js

@@ -1,326 +1 @@
-"use client";
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-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 __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Sidebar = Sidebar;
-exports.SidebarContent = SidebarContent;
-exports.SidebarFooter = SidebarFooter;
-exports.SidebarGroup = SidebarGroup;
-exports.SidebarGroupAction = SidebarGroupAction;
-exports.SidebarGroupContent = SidebarGroupContent;
-exports.SidebarGroupLabel = SidebarGroupLabel;
-exports.SidebarHeader = SidebarHeader;
-exports.SidebarInput = SidebarInput;
-exports.SidebarInset = SidebarInset;
-exports.SidebarMenu = SidebarMenu;
-exports.SidebarMenuAction = SidebarMenuAction;
-exports.SidebarMenuBadge = SidebarMenuBadge;
-exports.SidebarMenuButton = SidebarMenuButton;
-exports.SidebarMenuItem = SidebarMenuItem;
-exports.SidebarMenuSkeleton = SidebarMenuSkeleton;
-exports.SidebarMenuSub = SidebarMenuSub;
-exports.SidebarMenuSubButton = SidebarMenuSubButton;
-exports.SidebarMenuSubItem = SidebarMenuSubItem;
-exports.SidebarProvider = SidebarProvider;
-exports.SidebarRail = SidebarRail;
-exports.SidebarSeparator = SidebarSeparator;
-exports.SidebarTrigger = SidebarTrigger;
-exports.useSidebar = useSidebar;
-var React = __importStar(require("react"));
-var react_slot_1 = require("@radix-ui/react-slot");
-var class_variance_authority_1 = require("class-variance-authority");
-var lucide_react_1 = require("lucide-react");
-var use_mobile_1 = require("../hooks/use-mobile");
-var utils_1 = require("../lib/utils");
-var button_1 = require("./ui/button");
-var input_1 = require("./ui/input");
-var separator_1 = require("./ui/separator");
-var sheet_1 = require("./ui/sheet");
-var skeleton_1 = require("./ui/skeleton");
-var tooltip_1 = require("./tooltip");
-var SIDEBAR_COOKIE_NAME = "sidebar_state";
-var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
-var SIDEBAR_WIDTH = "16rem";
-var SIDEBAR_WIDTH_MOBILE = "18rem";
-var SIDEBAR_WIDTH_ICON = "3rem";
-var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarContext = React.createContext(null);
-function useSidebar() {
-    var context = React.useContext(SidebarContext);
-    if (!context) {
-        throw new Error("useSidebar must be used within a SidebarProvider.");
-    }
-    return context;
-}
-function SidebarProvider(_a) {
-    var _b = _a.defaultOpen, defaultOpen = _b === void 0 ? true : _b, openProp = _a.open, setOpenProp = _a.onOpenChange, className = _a.className, style = _a.style, children = _a.children, props = __rest(_a, ["defaultOpen", "open", "onOpenChange", "className", "style", "children"]);
-    var isMobile = (0, use_mobile_1.useIsMobile)();
-    var _c = React.useState(false), openMobile = _c[0], setOpenMobile = _c[1];
-    // This is the internal state of the sidebar.
-    // We use openProp and setOpenProp for control from outside the component.
-    var _d = React.useState(defaultOpen), _open = _d[0], _setOpen = _d[1];
-    var open = openProp !== null && openProp !== void 0 ? openProp : _open;
-    var setOpen = React.useCallback(function (value) {
-        var openState = typeof value === "function" ? value(open) : value;
-        if (setOpenProp) {
-            setOpenProp(openState);
-        }
-        else {
-            _setOpen(openState);
-        }
-        // This sets the cookie to keep the sidebar state.
-        document.cookie = "".concat(SIDEBAR_COOKIE_NAME, "=").concat(openState, "; path=/; max-age=").concat(SIDEBAR_COOKIE_MAX_AGE);
-    }, [setOpenProp, open]);
-    // Helper to toggle the sidebar.
-    var toggleSidebar = React.useCallback(function () {
-        return isMobile ? setOpenMobile(function (open) { return !open; }) : setOpen(function (open) { return !open; });
-    }, [isMobile, setOpen, setOpenMobile]);
-    // Adds a keyboard shortcut to toggle the sidebar.
-    React.useEffect(function () {
-        var handleKeyDown = function (event) {
-            if (event.key === SIDEBAR_KEYBOARD_SHORTCUT &&
-                (event.metaKey || event.ctrlKey)) {
-                event.preventDefault();
-                toggleSidebar();
-            }
-        };
-        window.addEventListener("keydown", handleKeyDown);
-        return function () { return window.removeEventListener("keydown", handleKeyDown); };
-    }, [toggleSidebar]);
-    // We add a state so that we can do data-state="expanded" or "collapsed".
-    // This makes it easier to style the sidebar with Tailwind classes.
-    var state = open ? "expanded" : "collapsed";
-    var contextValue = React.useMemo(function () { return ({
-        state: state,
-        open: open,
-        setOpen: setOpen,
-        isMobile: isMobile,
-        openMobile: openMobile,
-        setOpenMobile: setOpenMobile,
-        toggleSidebar: toggleSidebar,
-    }); }, [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]);
-    return (React.createElement(SidebarContext.Provider, { value: contextValue },
-        React.createElement(tooltip_1.TooltipProvider, { delayDuration: 0 },
-            React.createElement("div", __assign({ "data-slot": "sidebar-wrapper", style: __assign({ "--sidebar-width": SIDEBAR_WIDTH, "--sidebar-width-icon": SIDEBAR_WIDTH_ICON }, style), className: (0, utils_1.cn)("group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full", className) }, props), children))));
-}
-function Sidebar(_a) {
-    var _b = _a.side, side = _b === void 0 ? "left" : _b, _c = _a.variant, variant = _c === void 0 ? "sidebar" : _c, _d = _a.collapsible, collapsible = _d === void 0 ? "offcanvas" : _d, className = _a.className, children = _a.children, props = __rest(_a, ["side", "variant", "collapsible", "className", "children"]);
-    var _e = useSidebar(), isMobile = _e.isMobile, state = _e.state, openMobile = _e.openMobile, setOpenMobile = _e.setOpenMobile;
-    if (collapsible === "none") {
-        return (React.createElement("div", __assign({ "data-slot": "sidebar", className: (0, utils_1.cn)("bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col", className) }, props), children));
-    }
-    if (isMobile) {
-        return (React.createElement(sheet_1.Sheet, __assign({ open: openMobile, onOpenChange: setOpenMobile }, props),
-            React.createElement(sheet_1.SheetContent, { "data-sidebar": "sidebar", "data-slot": "sidebar", "data-mobile": "true", className: "bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden", style: {
-                    "--sidebar-width": SIDEBAR_WIDTH_MOBILE,
-                }, side: side },
-                React.createElement(sheet_1.SheetHeader, { className: "sr-only" },
-                    React.createElement(sheet_1.SheetTitle, null, "Sidebar"),
-                    React.createElement(sheet_1.SheetDescription, null, "Displays the mobile sidebar.")),
-                React.createElement("div", { className: "flex h-full w-full flex-col" }, children))));
-    }
-    return (React.createElement("div", { className: "group peer text-sidebar-foreground hidden md:block", "data-state": state, "data-collapsible": state === "collapsed" ? collapsible : "", "data-variant": variant, "data-side": side, "data-slot": "sidebar" },
-        React.createElement("div", { "data-slot": "sidebar-gap", className: (0, utils_1.cn)("relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear", "group-data-[collapsible=offcanvas]:w-0", "group-data-[side=right]:rotate-180", variant === "floating" || variant === "inset"
-                ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]"
-                : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)") }),
-        React.createElement("div", __assign({ "data-slot": "sidebar-container", className: (0, utils_1.cn)("fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex", side === "left"
-                ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]"
-                : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]", 
-            // Adjust the padding for floating and inset variants.
-            variant === "floating" || variant === "inset"
-                ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]"
-                : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l", className) }, props),
-            React.createElement("div", { "data-sidebar": "sidebar", "data-slot": "sidebar-inner", className: "bg-sidebar group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm" }, children))));
-}
-function SidebarTrigger(_a) {
-    var className = _a.className, onClick = _a.onClick, props = __rest(_a, ["className", "onClick"]);
-    var toggleSidebar = useSidebar().toggleSidebar;
-    return (React.createElement(button_1.Button, __assign({ "data-sidebar": "trigger", "data-slot": "sidebar-trigger", variant: "ghost", size: "icon", className: (0, utils_1.cn)("size-7", className), onClick: function (event) {
-            onClick === null || onClick === void 0 ? void 0 : onClick(event);
-            toggleSidebar();
-        } }, props),
-        React.createElement(lucide_react_1.PanelLeftIcon, null),
-        React.createElement("span", { className: "sr-only" }, "Toggle Sidebar")));
-}
-function SidebarRail(_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    var toggleSidebar = useSidebar().toggleSidebar;
-    return (React.createElement("button", __assign({ "data-sidebar": "rail", "data-slot": "sidebar-rail", "aria-label": "Toggle Sidebar", tabIndex: -1, onClick: toggleSidebar, title: "Toggle Sidebar", className: (0, utils_1.cn)("hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] sm:flex", "in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize", "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize", "hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full", "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2", "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2", className) }, props)));
-}
-function SidebarInset(_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (React.createElement("main", __assign({ "data-slot": "sidebar-inset", className: (0, utils_1.cn)("bg-background relative flex w-full flex-1 flex-col", "md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2", className) }, props)));
-}
-function SidebarInput(_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (React.createElement(input_1.Input, __assign({ "data-slot": "sidebar-input", "data-sidebar": "input", className: (0, utils_1.cn)("bg-background h-8 w-full shadow-none", className) }, props)));
-}
-function SidebarHeader(_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (React.createElement("div", __assign({ "data-slot": "sidebar-header", "data-sidebar": "header", className: (0, utils_1.cn)("flex flex-col gap-2 p-2", className) }, props)));
-}
-function SidebarFooter(_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (React.createElement("div", __assign({ "data-slot": "sidebar-footer", "data-sidebar": "footer", className: (0, utils_1.cn)("flex flex-col gap-2 p-2", className) }, props)));
-}
-function SidebarSeparator(_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (React.createElement(separator_1.Separator, __assign({ "data-slot": "sidebar-separator", "data-sidebar": "separator", className: (0, utils_1.cn)("bg-sidebar-border mx-2 w-auto", className) }, props)));
-}
-function SidebarContent(_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (React.createElement("div", __assign({ "data-slot": "sidebar-content", "data-sidebar": "content", className: (0, utils_1.cn)("flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden", className) }, props)));
-}
-function SidebarGroup(_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (React.createElement("div", __assign({ "data-slot": "sidebar-group", "data-sidebar": "group", className: (0, utils_1.cn)("relative flex w-full min-w-0 flex-col p-2", className) }, props)));
-}
-function SidebarGroupLabel(_a) {
-    var className = _a.className, _b = _a.asChild, asChild = _b === void 0 ? false : _b, props = __rest(_a, ["className", "asChild"]);
-    var Comp = asChild ? react_slot_1.Slot : "div";
-    return (React.createElement(Comp, __assign({ "data-slot": "sidebar-group-label", "data-sidebar": "group-label", className: (0, utils_1.cn)("text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0", className) }, props)));
-}
-function SidebarGroupAction(_a) {
-    var className = _a.className, _b = _a.asChild, asChild = _b === void 0 ? false : _b, props = __rest(_a, ["className", "asChild"]);
-    var Comp = asChild ? react_slot_1.Slot : "button";
-    return (React.createElement(Comp, __assign({ "data-slot": "sidebar-group-action", "data-sidebar": "group-action", className: (0, utils_1.cn)("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", 
-        // Increases the hit area of the button on mobile.
-        "after:absolute after:-inset-2 md:after:hidden", "group-data-[collapsible=icon]:hidden", className) }, props)));
-}
-function SidebarGroupContent(_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (React.createElement("div", __assign({ "data-slot": "sidebar-group-content", "data-sidebar": "group-content", className: (0, utils_1.cn)("w-full text-sm", className) }, props)));
-}
-function SidebarMenu(_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (React.createElement("ul", __assign({ "data-slot": "sidebar-menu", "data-sidebar": "menu", className: (0, utils_1.cn)("flex w-full min-w-0 flex-col gap-1", className) }, props)));
-}
-function SidebarMenuItem(_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (React.createElement("li", __assign({ "data-slot": "sidebar-menu-item", "data-sidebar": "menu-item", className: (0, utils_1.cn)("group/menu-item relative", className) }, props)));
-}
-var sidebarMenuButtonVariants = (0, class_variance_authority_1.cva)("peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0", {
-    variants: {
-        variant: {
-            default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
-            outline: "bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]",
-        },
-        size: {
-            default: "h-8 text-sm",
-            sm: "h-7 text-xs",
-            lg: "h-12 text-sm group-data-[collapsible=icon]:p-0!",
-        },
-    },
-    defaultVariants: {
-        variant: "default",
-        size: "default",
-    },
-});
-function SidebarMenuButton(_a) {
-    var _b = _a.asChild, asChild = _b === void 0 ? false : _b, _c = _a.isActive, isActive = _c === void 0 ? false : _c, _d = _a.variant, variant = _d === void 0 ? "default" : _d, _e = _a.size, size = _e === void 0 ? "default" : _e, tooltip = _a.tooltip, className = _a.className, props = __rest(_a, ["asChild", "isActive", "variant", "size", "tooltip", "className"]);
-    var Comp = asChild ? react_slot_1.Slot : "button";
-    var _f = useSidebar(), isMobile = _f.isMobile, state = _f.state;
-    var button = (React.createElement(Comp, __assign({ "data-slot": "sidebar-menu-button", "data-sidebar": "menu-button", "data-size": size, "data-active": isActive, className: (0, utils_1.cn)(sidebarMenuButtonVariants({ variant: variant, size: size }), className) }, props)));
-    if (!tooltip) {
-        return button;
-    }
-    if (typeof tooltip === "string") {
-        tooltip = {
-            children: tooltip,
-        };
-    }
-    return (React.createElement(tooltip_1.Tooltip, null,
-        React.createElement(tooltip_1.TooltipTrigger, { asChild: true }, button),
-        React.createElement(tooltip_1.TooltipContent, __assign({ side: "right", align: "center", hidden: state !== "collapsed" || isMobile }, tooltip))));
-}
-function SidebarMenuAction(_a) {
-    var className = _a.className, _b = _a.asChild, asChild = _b === void 0 ? false : _b, _c = _a.showOnHover, showOnHover = _c === void 0 ? false : _c, props = __rest(_a, ["className", "asChild", "showOnHover"]);
-    var Comp = asChild ? react_slot_1.Slot : "button";
-    return (React.createElement(Comp, __assign({ "data-slot": "sidebar-menu-action", "data-sidebar": "menu-action", className: (0, utils_1.cn)("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", 
-        // Increases the hit area of the button on mobile.
-        "after:absolute after:-inset-2 md:after:hidden", "peer-data-[size=sm]/menu-button:top-1", "peer-data-[size=default]/menu-button:top-1.5", "peer-data-[size=lg]/menu-button:top-2.5", "group-data-[collapsible=icon]:hidden", showOnHover &&
-            "peer-data-[active=true]/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 md:opacity-0", className) }, props)));
-}
-function SidebarMenuBadge(_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (React.createElement("div", __assign({ "data-slot": "sidebar-menu-badge", "data-sidebar": "menu-badge", className: (0, utils_1.cn)("text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none", "peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground", "peer-data-[size=sm]/menu-button:top-1", "peer-data-[size=default]/menu-button:top-1.5", "peer-data-[size=lg]/menu-button:top-2.5", "group-data-[collapsible=icon]:hidden", className) }, props)));
-}
-function SidebarMenuSkeleton(_a) {
-    var className = _a.className, _b = _a.showIcon, showIcon = _b === void 0 ? false : _b, props = __rest(_a, ["className", "showIcon"]);
-    // Random width between 50 to 90%.
-    var width = React.useMemo(function () {
-        return "".concat(Math.floor(Math.random() * 40) + 50, "%");
-    }, []);
-    return (React.createElement("div", __assign({ "data-slot": "sidebar-menu-skeleton", "data-sidebar": "menu-skeleton", className: (0, utils_1.cn)("flex h-8 items-center gap-2 rounded-md px-2", className) }, props),
-        showIcon && (React.createElement(skeleton_1.Skeleton, { className: "size-4 rounded-md", "data-sidebar": "menu-skeleton-icon" })),
-        React.createElement(skeleton_1.Skeleton, { className: "h-4 max-w-(--skeleton-width) flex-1", "data-sidebar": "menu-skeleton-text", style: {
-                "--skeleton-width": width,
-            } })));
-}
-function SidebarMenuSub(_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (React.createElement("ul", __assign({ "data-slot": "sidebar-menu-sub", "data-sidebar": "menu-sub", className: (0, utils_1.cn)("border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5", "group-data-[collapsible=icon]:hidden", className) }, props)));
-}
-function SidebarMenuSubItem(_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (React.createElement("li", __assign({ "data-slot": "sidebar-menu-sub-item", "data-sidebar": "menu-sub-item", className: (0, utils_1.cn)("group/menu-sub-item relative", className) }, props)));
-}
-function SidebarMenuSubButton(_a) {
-    var _b = _a.asChild, asChild = _b === void 0 ? false : _b, _c = _a.size, size = _c === void 0 ? "md" : _c, _d = _a.isActive, isActive = _d === void 0 ? false : _d, className = _a.className, props = __rest(_a, ["asChild", "size", "isActive", "className"]);
-    var Comp = asChild ? react_slot_1.Slot : "a";
-    return (React.createElement(Comp, __assign({ "data-slot": "sidebar-menu-sub-button", "data-sidebar": "menu-sub-button", "data-size": size, "data-active": isActive, className: (0, utils_1.cn)("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0", "data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground", size === "sm" && "text-xs", size === "md" && "text-sm", "group-data-[collapsible=icon]:hidden", className) }, props)));
-}
+"use strict";"use client";var o=function(e,r){var a={};for(var s in e)Object.prototype.hasOwnProperty.call(e,s)&&r.indexOf(s)<0&&(a[s]=e[s]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,s=Object.getOwnPropertySymbols(e);i<s.length;i++)r.indexOf(s[i])<0&&Object.prototype.propertyIsEnumerable.call(e,s[i])&&(a[s[i]]=e[s[i]]);return a};import*as t from"react";import{Slot as v}from"@radix-ui/react-slot";import{cva as j}from"class-variance-authority";import{PanelLeftIcon as z}from"lucide-react";import{useIsMobile as k}from"../hooks/use-mobile";import{cn as n}from"../lib/utils";import{Button as M}from"./ui/button";import{Input as I}from"./ui/input";import{Separator as A}from"./ui/separator";import{Sheet as D,SheetContent as T,SheetDescription as B,SheetHeader as P,SheetTitle as R}from"./ui/sheet";import{Skeleton as S}from"./ui/skeleton";import{Tooltip as H,TooltipContent as _,TooltipProvider as K,TooltipTrigger as G}from"./tooltip";const L="sidebar_state",$=3600*24*7,V="16rem",W="18rem",q="3rem",F="b",O=t.createContext(null);function h(){const e=t.useContext(O);if(!e)throw new Error("useSidebar must be used within a SidebarProvider.");return e}function U(e){var{defaultOpen:r=!0,open:a,onOpenChange:s,className:i,style:d,children:c}=e,f=o(e,["defaultOpen","open","onOpenChange","className","style","children"]);const u=k(),[m,b]=t.useState(!1),[x,y]=t.useState(r),g=a??x,N=t.useCallback(l=>{const p=typeof l=="function"?l(g):l;s?s(p):y(p),document.cookie=`${L}=${p}; path=/; max-age=${$}`},[s,g]),w=t.useCallback(()=>u?b(l=>!l):N(l=>!l),[u,N,b]);t.useEffect(()=>{const l=p=>{p.key===F&&(p.metaKey||p.ctrlKey)&&(p.preventDefault(),w())};return window.addEventListener("keydown",l),()=>window.removeEventListener("keydown",l)},[w]);const E=g?"expanded":"collapsed",C=t.useMemo(()=>({state:E,open:g,setOpen:N,isMobile:u,openMobile:m,setOpenMobile:b,toggleSidebar:w}),[E,g,N,u,m,b,w]);return t.createElement(O.Provider,{value:C},t.createElement(K,{delayDuration:0},t.createElement("div",Object.assign({"data-slot":"sidebar-wrapper",style:Object.assign({"--sidebar-width":V,"--sidebar-width-icon":q},d),className:n("group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full",i)},f),c)))}function X(e){var{side:r="left",variant:a="sidebar",collapsible:s="offcanvas",className:i,children:d}=e,c=o(e,["side","variant","collapsible","className","children"]);const{isMobile:f,state:u,openMobile:m,setOpenMobile:b}=h();return s==="none"?t.createElement("div",Object.assign({"data-slot":"sidebar",className:n("bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col",i)},c),d):f?t.createElement(D,Object.assign({open:m,onOpenChange:b},c),t.createElement(T,{"data-sidebar":"sidebar","data-slot":"sidebar","data-mobile":"true",className:"bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden",style:{"--sidebar-width":W},side:r},t.createElement(P,{className:"sr-only"},t.createElement(R,null,"Sidebar"),t.createElement(B,null,"Displays the mobile sidebar.")),t.createElement("div",{className:"flex h-full w-full flex-col"},d))):t.createElement("div",{className:"group peer text-sidebar-foreground hidden md:block","data-state":u,"data-collapsible":u==="collapsed"?s:"","data-variant":a,"data-side":r,"data-slot":"sidebar"},t.createElement("div",{"data-slot":"sidebar-gap",className:n("relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear","group-data-[collapsible=offcanvas]:w-0","group-data-[side=right]:rotate-180",a==="floating"||a==="inset"?"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]":"group-data-[collapsible=icon]:w-(--sidebar-width-icon)")}),t.createElement("div",Object.assign({"data-slot":"sidebar-container",className:n("fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex",r==="left"?"left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]":"right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",a==="floating"||a==="inset"?"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]":"group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l",i)},c),t.createElement("div",{"data-sidebar":"sidebar","data-slot":"sidebar-inner",className:"bg-sidebar group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm"},d)))}function Y(e){var{className:r,onClick:a}=e,s=o(e,["className","onClick"]);const{toggleSidebar:i}=h();return t.createElement(M,Object.assign({"data-sidebar":"trigger","data-slot":"sidebar-trigger",variant:"ghost",size:"icon",className:n("size-7",r),onClick:d=>{a?.(d),i()}},s),t.createElement(z,null),t.createElement("span",{className:"sr-only"},"Toggle Sidebar"))}function J(e){var{className:r}=e,a=o(e,["className"]);const{toggleSidebar:s}=h();return t.createElement("button",Object.assign({"data-sidebar":"rail","data-slot":"sidebar-rail","aria-label":"Toggle Sidebar",tabIndex:-1,onClick:s,title:"Toggle Sidebar",className:n("hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] sm:flex","in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize","[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize","hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full","[[data-side=left][data-collapsible=offcanvas]_&]:-right-2","[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",r)},a))}function Q(e){var{className:r}=e,a=o(e,["className"]);return t.createElement("main",Object.assign({"data-slot":"sidebar-inset",className:n("bg-background relative flex w-full flex-1 flex-col","md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2",r)},a))}function Z(e){var{className:r}=e,a=o(e,["className"]);return t.createElement(I,Object.assign({"data-slot":"sidebar-input","data-sidebar":"input",className:n("bg-background h-8 w-full shadow-none",r)},a))}function ee(e){var{className:r}=e,a=o(e,["className"]);return t.createElement("div",Object.assign({"data-slot":"sidebar-header","data-sidebar":"header",className:n("flex flex-col gap-2 p-2",r)},a))}function ae(e){var{className:r}=e,a=o(e,["className"]);return t.createElement("div",Object.assign({"data-slot":"sidebar-footer","data-sidebar":"footer",className:n("flex flex-col gap-2 p-2",r)},a))}function te(e){var{className:r}=e,a=o(e,["className"]);return t.createElement(A,Object.assign({"data-slot":"sidebar-separator","data-sidebar":"separator",className:n("bg-sidebar-border mx-2 w-auto",r)},a))}function re(e){var{className:r}=e,a=o(e,["className"]);return t.createElement("div",Object.assign({"data-slot":"sidebar-content","data-sidebar":"content",className:n("flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden",r)},a))}function se(e){var{className:r}=e,a=o(e,["className"]);return t.createElement("div",Object.assign({"data-slot":"sidebar-group","data-sidebar":"group",className:n("relative flex w-full min-w-0 flex-col p-2",r)},a))}function ie(e){var{className:r,asChild:a=!1}=e,s=o(e,["className","asChild"]);const i=a?v:"div";return t.createElement(i,Object.assign({"data-slot":"sidebar-group-label","data-sidebar":"group-label",className:n("text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0","group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",r)},s))}function ne(e){var{className:r,asChild:a=!1}=e,s=o(e,["className","asChild"]);const i=a?v:"button";return t.createElement(i,Object.assign({"data-slot":"sidebar-group-action","data-sidebar":"group-action",className:n("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0","after:absolute after:-inset-2 md:after:hidden","group-data-[collapsible=icon]:hidden",r)},s))}function oe(e){var{className:r}=e,a=o(e,["className"]);return t.createElement("div",Object.assign({"data-slot":"sidebar-group-content","data-sidebar":"group-content",className:n("w-full text-sm",r)},a))}function de(e){var{className:r}=e,a=o(e,["className"]);return t.createElement("ul",Object.assign({"data-slot":"sidebar-menu","data-sidebar":"menu",className:n("flex w-full min-w-0 flex-col gap-1",r)},a))}function le(e){var{className:r}=e,a=o(e,["className"]);return t.createElement("li",Object.assign({"data-slot":"sidebar-menu-item","data-sidebar":"menu-item",className:n("group/menu-item relative",r)},a))}const ce=j("peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",{variants:{variant:{default:"hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",outline:"bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]"},size:{default:"h-8 text-sm",sm:"h-7 text-xs",lg:"h-12 text-sm group-data-[collapsible=icon]:p-0!"}},defaultVariants:{variant:"default",size:"default"}});function ue(e){var{asChild:r=!1,isActive:a=!1,variant:s="default",size:i="default",tooltip:d,className:c}=e,f=o(e,["asChild","isActive","variant","size","tooltip","className"]);const u=r?v:"button",{isMobile:m,state:b}=h(),x=t.createElement(u,Object.assign({"data-slot":"sidebar-menu-button","data-sidebar":"menu-button","data-size":i,"data-active":a,className:n(ce({variant:s,size:i}),c)},f));return d?(typeof d=="string"&&(d={children:d}),t.createElement(H,null,t.createElement(G,{asChild:!0},x),t.createElement(_,Object.assign({side:"right",align:"center",hidden:b!=="collapsed"||m},d)))):x}function be(e){var{className:r,asChild:a=!1,showOnHover:s=!1}=e,i=o(e,["className","asChild","showOnHover"]);const d=a?v:"button";return t.createElement(d,Object.assign({"data-slot":"sidebar-menu-action","data-sidebar":"menu-action",className:n("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0","after:absolute after:-inset-2 md:after:hidden","peer-data-[size=sm]/menu-button:top-1","peer-data-[size=default]/menu-button:top-1.5","peer-data-[size=lg]/menu-button:top-2.5","group-data-[collapsible=icon]:hidden",s&&"peer-data-[active=true]/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 md:opacity-0",r)},i))}function pe(e){var{className:r}=e,a=o(e,["className"]);return t.createElement("div",Object.assign({"data-slot":"sidebar-menu-badge","data-sidebar":"menu-badge",className:n("text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none","peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground","peer-data-[size=sm]/menu-button:top-1","peer-data-[size=default]/menu-button:top-1.5","peer-data-[size=lg]/menu-button:top-2.5","group-data-[collapsible=icon]:hidden",r)},a))}function me(e){var{className:r,showIcon:a=!1}=e,s=o(e,["className","showIcon"]);const i=t.useMemo(()=>`${Math.floor(Math.random()*40)+50}%`,[]);return t.createElement("div",Object.assign({"data-slot":"sidebar-menu-skeleton","data-sidebar":"menu-skeleton",className:n("flex h-8 items-center gap-2 rounded-md px-2",r)},s),a&&t.createElement(S,{className:"size-4 rounded-md","data-sidebar":"menu-skeleton-icon"}),t.createElement(S,{className:"h-4 max-w-(--skeleton-width) flex-1","data-sidebar":"menu-skeleton-text",style:{"--skeleton-width":i}}))}function fe(e){var{className:r}=e,a=o(e,["className"]);return t.createElement("ul",Object.assign({"data-slot":"sidebar-menu-sub","data-sidebar":"menu-sub",className:n("border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5","group-data-[collapsible=icon]:hidden",r)},a))}function ge(e){var{className:r}=e,a=o(e,["className"]);return t.createElement("li",Object.assign({"data-slot":"sidebar-menu-sub-item","data-sidebar":"menu-sub-item",className:n("group/menu-sub-item relative",r)},a))}function ve(e){var{asChild:r=!1,size:a="md",isActive:s=!1,className:i}=e,d=o(e,["asChild","size","isActive","className"]);const c=r?v:"a";return t.createElement(c,Object.assign({"data-slot":"sidebar-menu-sub-button","data-sidebar":"menu-sub-button","data-size":a,"data-active":s,className:n("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0","data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground",a==="sm"&&"text-xs",a==="md"&&"text-sm","group-data-[collapsible=icon]:hidden",i)},d))}export{X as Sidebar,re as SidebarContent,ae as SidebarFooter,se as SidebarGroup,ne as SidebarGroupAction,oe as SidebarGroupContent,ie as SidebarGroupLabel,ee as SidebarHeader,Z as SidebarInput,Q as SidebarInset,de as SidebarMenu,be as SidebarMenuAction,pe as SidebarMenuBadge,ue as SidebarMenuButton,le as SidebarMenuItem,me as SidebarMenuSkeleton,fe as SidebarMenuSub,ve as SidebarMenuSubButton,ge as SidebarMenuSubItem,U as SidebarProvider,J as SidebarRail,te as SidebarSeparator,Y as SidebarTrigger,h as useSidebar};

package/components/team-switcher.js

@@ -1,53 +1 @@
-"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.TeamSwitcher = void 0;
-var react_1 = __importDefault(require("react"));
-var lucide_react_1 = require("lucide-react");
-var dropdown_menu_1 = require("./ui/dropdown-menu");
-var sidebar_1 = require("./sidebar");
-var avatar_1 = require("./ui/avatar");
-var TeamSwitcher = function (_a) {
-    var profiles = _a.profiles;
-    var isMobile = (0, sidebar_1.useSidebar)().isMobile;
-    var _b = react_1.default.useState(profiles[0]), activeMember = _b[0], setActiveMember = _b[1];
-    if (!activeMember) {
-        return null;
-    }
-    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("div", { className: "bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg" },
-                            react_1.default.createElement(avatar_1.Avatar, { className: "size-6" },
-                                react_1.default.createElement(avatar_1.AvatarImage, { src: activeMember.avatar, alt: activeMember.name }),
-                                react_1.default.createElement(avatar_1.AvatarFallback, { className: "text-primary" }, activeMember.name.charAt(0)))),
-                        react_1.default.createElement("div", { className: "grid flex-1 text-left text-sm leading-tight" },
-                            react_1.default.createElement("span", { className: "truncate font-medium" }, activeMember.name),
-                            react_1.default.createElement("span", { className: "truncate text-xs" }, activeMember.age)),
-                        react_1.default.createElement(lucide_react_1.ChevronsUpDown, { className: "ml-auto" }))),
-                react_1.default.createElement(dropdown_menu_1.DropdownMenuContent, { className: "w-(--radix-dropdown-menu-trigger-width) min-w-56 rounded-lg", align: "start", side: isMobile ? "bottom" : "right", sideOffset: 4 },
-                    react_1.default.createElement(dropdown_menu_1.DropdownMenuLabel, { className: "text-muted-foreground text-xs" }, "Profiles"),
-                    profiles
-                        .filter(function (_a) {
-                        var enabled = _a.enabled;
-                        return enabled;
-                    })
-                        .sort(function (a, b) { return a.order - b.order; })
-                        .map(function (profile) { return (react_1.default.createElement(dropdown_menu_1.DropdownMenuItem, { key: profile.name, onClick: function () { return setActiveMember(profile); }, className: "gap-2 p-2" },
-                        react_1.default.createElement("div", { className: "flex size-6 items-center justify-center rounded-md border" },
-                            react_1.default.createElement(avatar_1.Avatar, { className: "size-6" },
-                                react_1.default.createElement(avatar_1.AvatarImage, { src: profile.avatar, alt: profile.name }),
-                                react_1.default.createElement(avatar_1.AvatarFallback, { className: "!focus:text-red-400" }, profile.name.charAt(0)))),
-                        profile.name)); }),
-                    react_1.default.createElement(dropdown_menu_1.DropdownMenuSeparator, null),
-                    react_1.default.createElement(dropdown_menu_1.DropdownMenuItem, { className: "gap-2 p-2" },
-                        react_1.default.createElement("div", { className: "flex size-6 items-center justify-center rounded-md border bg-transparent" },
-                            react_1.default.createElement(lucide_react_1.Plus, { className: "size-4" })),
-                        react_1.default.createElement("div", { className: "text-muted-foreground font-medium" }, "Add Profile")))))));
-};
-exports.TeamSwitcher = TeamSwitcher;
+"use strict";"use client";import e from"react";import{ChevronsUpDown as i,Plus as u}from"lucide-react";import{DropdownMenu as E,DropdownMenuContent as g,DropdownMenuItem as n,DropdownMenuLabel as p,DropdownMenuSeparator as f,DropdownMenuTrigger as b}from"./ui/dropdown-menu";import{SidebarMenu as x,SidebarMenuButton as N,SidebarMenuItem as v,useSidebar as w}from"./sidebar";import{Avatar as m,AvatarFallback as s,AvatarImage as c}from"./ui/avatar";export const TeamSwitcher=({profiles:r})=>{const{isMobile:l}=w(),[a,o]=e.useState(r[0]);return a?e.createElement(x,null,e.createElement(v,null,e.createElement(E,null,e.createElement(b,{asChild:!0},e.createElement(N,{size:"lg",className:"data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground"},e.createElement("div",{className:"bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg"},e.createElement(m,{className:"size-6"},e.createElement(c,{src:a.avatar,alt:a.name}),e.createElement(s,{className:"text-primary"},a.name.charAt(0)))),e.createElement("div",{className:"grid flex-1 text-left text-sm leading-tight"},e.createElement("span",{className:"truncate font-medium"},a.name),e.createElement("span",{className:"truncate text-xs"},a.age)),e.createElement(i,{className:"ml-auto"}))),e.createElement(g,{className:"w-(--radix-dropdown-menu-trigger-width) min-w-56 rounded-lg",align:"start",side:l?"bottom":"right",sideOffset:4},e.createElement(p,{className:"text-muted-foreground text-xs"},"Profiles"),r.filter(({enabled:t})=>t).sort((t,d)=>t.order-d.order).map(t=>e.createElement(n,{key:t.name,onClick:()=>o(t),className:"gap-2 p-2"},e.createElement("div",{className:"flex size-6 items-center justify-center rounded-md border"},e.createElement(m,{className:"size-6"},e.createElement(c,{src:t.avatar,alt:t.name}),e.createElement(s,{className:"!focus:text-red-400"},t.name.charAt(0)))),t.name)),e.createElement(f,null),e.createElement(n,{className:"gap-2 p-2"},e.createElement("div",{className:"flex size-6 items-center justify-center rounded-md border bg-transparent"},e.createElement(u,{className:"size-4"})),e.createElement("div",{className:"text-muted-foreground font-medium"},"Add Profile")))))):null};