@appcorp/shadcn 2.0.0 → 2.0.1

package/components/sidebar.js

@@ -1,257 +1 @@
-"use client";
-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;
-};
-import * as React from "react";
-import { Slot } from "@radix-ui/react-slot";
-import { cva } from "class-variance-authority";
-import { PanelLeftIcon } from "lucide-react";
-import { useIsMobile } from "../hooks/use-mobile";
-import { cn } from "../lib/utils";
-import { Button } from "./ui/button";
-import { Input } from "./ui/input";
-import { Separator } from "./ui/separator";
-import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle, } from "./ui/sheet";
-import { Skeleton } from "./ui/skeleton";
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "./tooltip";
-const SIDEBAR_COOKIE_NAME = "sidebar_state";
-const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
-const SIDEBAR_WIDTH = "16rem";
-const SIDEBAR_WIDTH_MOBILE = "18rem";
-const SIDEBAR_WIDTH_ICON = "3rem";
-const SIDEBAR_KEYBOARD_SHORTCUT = "b";
-const SidebarContext = React.createContext(null);
-function useSidebar() {
-    const context = React.useContext(SidebarContext);
-    if (!context) {
-        throw new Error("useSidebar must be used within a SidebarProvider.");
-    }
-    return context;
-}
-function SidebarProvider(_a) {
-    var { defaultOpen = true, open: openProp, onOpenChange: setOpenProp, className, style, children } = _a, props = __rest(_a, ["defaultOpen", "open", "onOpenChange", "className", "style", "children"]);
-    const isMobile = useIsMobile();
-    const [openMobile, setOpenMobile] = React.useState(false);
-    // This is the internal state of the sidebar.
-    // We use openProp and setOpenProp for control from outside the component.
-    const [_open, _setOpen] = React.useState(defaultOpen);
-    const open = openProp !== null && openProp !== void 0 ? openProp : _open;
-    const setOpen = React.useCallback((value) => {
-        const 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 = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;
-    }, [setOpenProp, open]);
-    // Helper to toggle the sidebar.
-    const toggleSidebar = React.useCallback(() => {
-        return isMobile ? setOpenMobile((open) => !open) : setOpen((open) => !open);
-    }, [isMobile, setOpen, setOpenMobile]);
-    // Adds a keyboard shortcut to toggle the sidebar.
-    React.useEffect(() => {
-        const handleKeyDown = (event) => {
-            if (event.key === SIDEBAR_KEYBOARD_SHORTCUT &&
-                (event.metaKey || event.ctrlKey)) {
-                event.preventDefault();
-                toggleSidebar();
-            }
-        };
-        window.addEventListener("keydown", handleKeyDown);
-        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.
-    const state = open ? "expanded" : "collapsed";
-    const contextValue = React.useMemo(() => ({
-        state,
-        open,
-        setOpen,
-        isMobile,
-        openMobile,
-        setOpenMobile,
-        toggleSidebar,
-    }), [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]);
-    return (React.createElement(SidebarContext.Provider, { value: contextValue },
-        React.createElement(TooltipProvider, { delayDuration: 0 },
-            React.createElement("div", Object.assign({ "data-slot": "sidebar-wrapper", style: Object.assign({ "--sidebar-width": SIDEBAR_WIDTH, "--sidebar-width-icon": SIDEBAR_WIDTH_ICON }, style), className: cn("group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full", className) }, props), children))));
-}
-function Sidebar(_a) {
-    var { side = "left", variant = "sidebar", collapsible = "offcanvas", className, children } = _a, props = __rest(_a, ["side", "variant", "collapsible", "className", "children"]);
-    const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
-    if (collapsible === "none") {
-        return (React.createElement("div", Object.assign({ "data-slot": "sidebar", className: cn("bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col", className) }, props), children));
-    }
-    if (isMobile) {
-        return (React.createElement(Sheet, Object.assign({ open: openMobile, onOpenChange: setOpenMobile }, props),
-            React.createElement(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(SheetHeader, { className: "sr-only" },
-                    React.createElement(SheetTitle, null, "Sidebar"),
-                    React.createElement(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: 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", Object.assign({ "data-slot": "sidebar-container", className: 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, onClick } = _a, props = __rest(_a, ["className", "onClick"]);
-    const { toggleSidebar } = useSidebar();
-    return (React.createElement(Button, Object.assign({ "data-sidebar": "trigger", "data-slot": "sidebar-trigger", variant: "ghost", size: "icon", className: cn("size-7", className), onClick: (event) => {
-            onClick === null || onClick === void 0 ? void 0 : onClick(event);
-            toggleSidebar();
-        } }, props),
-        React.createElement(PanelLeftIcon, null),
-        React.createElement("span", { className: "sr-only" }, "Toggle Sidebar")));
-}
-function SidebarRail(_a) {
-    var { className } = _a, props = __rest(_a, ["className"]);
-    const { toggleSidebar } = useSidebar();
-    return (React.createElement("button", Object.assign({ "data-sidebar": "rail", "data-slot": "sidebar-rail", "aria-label": "Toggle Sidebar", tabIndex: -1, onClick: toggleSidebar, title: "Toggle Sidebar", className: 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, props = __rest(_a, ["className"]);
-    return (React.createElement("main", Object.assign({ "data-slot": "sidebar-inset", className: 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, props = __rest(_a, ["className"]);
-    return (React.createElement(Input, Object.assign({ "data-slot": "sidebar-input", "data-sidebar": "input", className: cn("bg-background h-8 w-full shadow-none", className) }, props)));
-}
-function SidebarHeader(_a) {
-    var { className } = _a, props = __rest(_a, ["className"]);
-    return (React.createElement("div", Object.assign({ "data-slot": "sidebar-header", "data-sidebar": "header", className: cn("flex flex-col gap-2 p-2", className) }, props)));
-}
-function SidebarFooter(_a) {
-    var { className } = _a, props = __rest(_a, ["className"]);
-    return (React.createElement("div", Object.assign({ "data-slot": "sidebar-footer", "data-sidebar": "footer", className: cn("flex flex-col gap-2 p-2", className) }, props)));
-}
-function SidebarSeparator(_a) {
-    var { className } = _a, props = __rest(_a, ["className"]);
-    return (React.createElement(Separator, Object.assign({ "data-slot": "sidebar-separator", "data-sidebar": "separator", className: cn("bg-sidebar-border mx-2 w-auto", className) }, props)));
-}
-function SidebarContent(_a) {
-    var { className } = _a, props = __rest(_a, ["className"]);
-    return (React.createElement("div", Object.assign({ "data-slot": "sidebar-content", "data-sidebar": "content", className: 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, props = __rest(_a, ["className"]);
-    return (React.createElement("div", Object.assign({ "data-slot": "sidebar-group", "data-sidebar": "group", className: cn("relative flex w-full min-w-0 flex-col p-2", className) }, props)));
-}
-function SidebarGroupLabel(_a) {
-    var { className, asChild = false } = _a, props = __rest(_a, ["className", "asChild"]);
-    const Comp = asChild ? Slot : "div";
-    return (React.createElement(Comp, Object.assign({ "data-slot": "sidebar-group-label", "data-sidebar": "group-label", className: 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, asChild = false } = _a, props = __rest(_a, ["className", "asChild"]);
-    const Comp = asChild ? Slot : "button";
-    return (React.createElement(Comp, Object.assign({ "data-slot": "sidebar-group-action", "data-sidebar": "group-action", className: 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, props = __rest(_a, ["className"]);
-    return (React.createElement("div", Object.assign({ "data-slot": "sidebar-group-content", "data-sidebar": "group-content", className: cn("w-full text-sm", className) }, props)));
-}
-function SidebarMenu(_a) {
-    var { className } = _a, props = __rest(_a, ["className"]);
-    return (React.createElement("ul", Object.assign({ "data-slot": "sidebar-menu", "data-sidebar": "menu", className: cn("flex w-full min-w-0 flex-col gap-1", className) }, props)));
-}
-function SidebarMenuItem(_a) {
-    var { className } = _a, props = __rest(_a, ["className"]);
-    return (React.createElement("li", Object.assign({ "data-slot": "sidebar-menu-item", "data-sidebar": "menu-item", className: cn("group/menu-item relative", className) }, props)));
-}
-const sidebarMenuButtonVariants = 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 { asChild = false, isActive = false, variant = "default", size = "default", tooltip, className } = _a, props = __rest(_a, ["asChild", "isActive", "variant", "size", "tooltip", "className"]);
-    const Comp = asChild ? Slot : "button";
-    const { isMobile, state } = useSidebar();
-    const button = (React.createElement(Comp, Object.assign({ "data-slot": "sidebar-menu-button", "data-sidebar": "menu-button", "data-size": size, "data-active": isActive, className: cn(sidebarMenuButtonVariants({ variant, size }), className) }, props)));
-    if (!tooltip) {
-        return button;
-    }
-    if (typeof tooltip === "string") {
-        tooltip = {
-            children: tooltip,
-        };
-    }
-    return (React.createElement(Tooltip, null,
-        React.createElement(TooltipTrigger, { asChild: true }, button),
-        React.createElement(TooltipContent, Object.assign({ side: "right", align: "center", hidden: state !== "collapsed" || isMobile }, tooltip))));
-}
-function SidebarMenuAction(_a) {
-    var { className, asChild = false, showOnHover = false } = _a, props = __rest(_a, ["className", "asChild", "showOnHover"]);
-    const Comp = asChild ? Slot : "button";
-    return (React.createElement(Comp, Object.assign({ "data-slot": "sidebar-menu-action", "data-sidebar": "menu-action", className: 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, props = __rest(_a, ["className"]);
-    return (React.createElement("div", Object.assign({ "data-slot": "sidebar-menu-badge", "data-sidebar": "menu-badge", className: 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, showIcon = false } = _a, props = __rest(_a, ["className", "showIcon"]);
-    // Random width between 50 to 90%.
-    const width = React.useMemo(() => {
-        return `${Math.floor(Math.random() * 40) + 50}%`;
-    }, []);
-    return (React.createElement("div", Object.assign({ "data-slot": "sidebar-menu-skeleton", "data-sidebar": "menu-skeleton", className: cn("flex h-8 items-center gap-2 rounded-md px-2", className) }, props),
-        showIcon && (React.createElement(Skeleton, { className: "size-4 rounded-md", "data-sidebar": "menu-skeleton-icon" })),
-        React.createElement(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, props = __rest(_a, ["className"]);
-    return (React.createElement("ul", Object.assign({ "data-slot": "sidebar-menu-sub", "data-sidebar": "menu-sub", className: 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, props = __rest(_a, ["className"]);
-    return (React.createElement("li", Object.assign({ "data-slot": "sidebar-menu-sub-item", "data-sidebar": "menu-sub-item", className: cn("group/menu-sub-item relative", className) }, props)));
-}
-function SidebarMenuSubButton(_a) {
-    var { asChild = false, size = "md", isActive = false, className } = _a, props = __rest(_a, ["asChild", "size", "isActive", "className"]);
-    const Comp = asChild ? Slot : "a";
-    return (React.createElement(Comp, Object.assign({ "data-slot": "sidebar-menu-sub-button", "data-sidebar": "menu-sub-button", "data-size": size, "data-active": isActive, className: 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)));
-}
-export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar, };
+"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,42 +1 @@
-"use client";
-import React from "react";
-import { ChevronsUpDown, Plus } from "lucide-react";
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from "./ui/dropdown-menu";
-import { SidebarMenu, SidebarMenuButton, SidebarMenuItem, useSidebar, } from "./sidebar";
-import { Avatar, AvatarFallback, AvatarImage } from "./ui/avatar";
-export const TeamSwitcher = ({ profiles }) => {
-    const { isMobile } = useSidebar();
-    const [activeMember, setActiveMember] = React.useState(profiles[0]);
-    if (!activeMember) {
-        return null;
-    }
-    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("div", { className: "bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg" },
-                            React.createElement(Avatar, { className: "size-6" },
-                                React.createElement(AvatarImage, { src: activeMember.avatar, alt: activeMember.name }),
-                                React.createElement(AvatarFallback, { className: "text-primary" }, activeMember.name.charAt(0)))),
-                        React.createElement("div", { className: "grid flex-1 text-left text-sm leading-tight" },
-                            React.createElement("span", { className: "truncate font-medium" }, activeMember.name),
-                            React.createElement("span", { className: "truncate text-xs" }, activeMember.age)),
-                        React.createElement(ChevronsUpDown, { className: "ml-auto" }))),
-                React.createElement(DropdownMenuContent, { className: "w-(--radix-dropdown-menu-trigger-width) min-w-56 rounded-lg", align: "start", side: isMobile ? "bottom" : "right", sideOffset: 4 },
-                    React.createElement(DropdownMenuLabel, { className: "text-muted-foreground text-xs" }, "Profiles"),
-                    profiles
-                        .filter(({ enabled }) => enabled)
-                        .sort((a, b) => a.order - b.order)
-                        .map((profile) => (React.createElement(DropdownMenuItem, { key: profile.name, onClick: () => setActiveMember(profile), className: "gap-2 p-2" },
-                        React.createElement("div", { className: "flex size-6 items-center justify-center rounded-md border" },
-                            React.createElement(Avatar, { className: "size-6" },
-                                React.createElement(AvatarImage, { src: profile.avatar, alt: profile.name }),
-                                React.createElement(AvatarFallback, { className: "!focus:text-red-400" }, profile.name.charAt(0)))),
-                        profile.name))),
-                    React.createElement(DropdownMenuSeparator, null),
-                    React.createElement(DropdownMenuItem, { className: "gap-2 p-2" },
-                        React.createElement("div", { className: "flex size-6 items-center justify-center rounded-md border bg-transparent" },
-                            React.createElement(Plus, { className: "size-4" })),
-                        React.createElement("div", { className: "text-muted-foreground font-medium" }, "Add Profile")))))));
-};
+"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};

package/components/theme-provider.js

@@ -1,112 +1 @@
-"use client";
-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;
-};
-import React, { useEffect } from "react";
-import { ThemeProvider as NextThemesProvider, useTheme } from "next-themes";
-import { themes } from "../lib/themes";
-// Component that applies theme variables when theme changes
-function ThemeApplier({ children }) {
-    const { theme, resolvedTheme } = useTheme();
-    useEffect(() => {
-        // Manage CSS classes on the root element instead of setting inline styles.
-        // This allows the stylesheet (which defines .theme-<name> and .dark
-        // blocks) to control CSS variable values and ensures consistent
-        // application across the entire UI (sidebar and main body).
-        const root = document.documentElement;
-        // Prefer a persisted color theme stored in localStorage so user color
-        // preferences survive across sessions and apply before any JS-driven
-        // hydration updates. Fall back to the `theme` provided by next-themes.
-        const persistedColor = (() => {
-            try {
-                return window.localStorage.getItem("ui-theme-color");
-            }
-            catch (_a) {
-                return null;
-            }
-        })();
-        const colorTheme = persistedColor || theme || "light";
-        const mode = resolvedTheme || "light";
-        // Remove any existing theme-* classes
-        Array.from(root.classList)
-            .filter((c) => c.startsWith("theme-"))
-            .forEach((c) => root.classList.remove(c));
-        // Add theme class for the selected color theme (skip adding for "light")
-        if (colorTheme && colorTheme !== "light") {
-            root.classList.add(`theme-${colorTheme}`);
-        }
-        // Toggle `dark` class based on resolved mode so `.dark` and
-        // `.theme-<name>.dark` selectors take effect from the stylesheet.
-        if (mode === "dark") {
-            root.classList.add("dark");
-        }
-        else {
-            root.classList.remove("dark");
-        }
-        // Update data-theme attribute for components that rely on it.
-        root.setAttribute("data-theme", colorTheme);
-    }, [theme, resolvedTheme]);
-    // Apply default theme on mount
-    useEffect(() => {
-        // Ensure default classes/attributes are present on first mount.
-        const root = document.documentElement;
-        // Remove theme-* classes and add no extra class for default light theme.
-        Array.from(root.classList)
-            .filter((c) => c.startsWith("theme-"))
-            .forEach((c) => root.classList.remove(c));
-        root.classList.remove("dark");
-        root.setAttribute("data-theme", "light");
-    }, []); // Run only once on mount
-    return React.createElement(React.Fragment, null, children);
-}
-export function ThemeProvider(_a) {
-    var { children, defaultTheme = "light", storageKey = "ui-theme", enableSystem = false } = _a, props = __rest(_a, ["children", "defaultTheme", "storageKey", "enableSystem"]);
-    // Read persisted theme and color from localStorage synchronously so
-    // we can apply them as the initial values before children render.
-    let persistedTheme = null;
-    let persistedColor = null;
-    try {
-        persistedTheme = window.localStorage.getItem(storageKey);
-    }
-    catch (_b) {
-        persistedTheme = null;
-    }
-    try {
-        persistedColor = window.localStorage.getItem("ui-theme-color");
-    }
-    catch (_c) {
-        persistedColor = null;
-    }
-    const initialTheme = persistedTheme || defaultTheme;
-    // Apply persisted classes immediately to avoid flash of incorrect theme.
-    try {
-        const root = document.documentElement;
-        // Remove existing theme-* classes
-        Array.from(root.classList)
-            .filter((c) => c.startsWith("theme-"))
-            .forEach((c) => root.classList.remove(c));
-        if (persistedColor && persistedColor !== "default") {
-            root.classList.add(`theme-${persistedColor}`);
-        }
-        if (initialTheme === "dark") {
-            root.classList.add("dark");
-        }
-        else {
-            root.classList.remove("dark");
-        }
-        root.setAttribute("data-theme", initialTheme);
-    }
-    catch (_d) {
-        // ignore DOM errors
-    }
-    return (React.createElement(NextThemesProvider, Object.assign({ attribute: "data-theme", defaultTheme: initialTheme, storageKey: storageKey, enableSystem: enableSystem, themes: Object.keys(themes) }, props),
-        React.createElement(ThemeApplier, null, children)));
-}
+"use strict";"use client";var u=function(r,a){var l={};for(var e in r)Object.prototype.hasOwnProperty.call(r,e)&&a.indexOf(e)<0&&(l[e]=r[e]);if(r!=null&&typeof Object.getOwnPropertySymbols=="function")for(var t=0,e=Object.getOwnPropertySymbols(r);t<e.length;t++)a.indexOf(e[t])<0&&Object.prototype.propertyIsEnumerable.call(r,e[t])&&(l[e[t]]=r[e[t]]);return l};import i,{useEffect as d}from"react";import{ThemeProvider as f,useTheme as y}from"next-themes";import{themes as p}from"../lib/themes";function g({children:r}){const{theme:a,resolvedTheme:l}=y();return d(()=>{const e=document.documentElement,c=(()=>{try{return window.localStorage.getItem("ui-theme-color")}catch{return null}})()||a||"light",m=l||"light";Array.from(e.classList).filter(s=>s.startsWith("theme-")).forEach(s=>e.classList.remove(s)),c&&c!=="light"&&e.classList.add(`theme-${c}`),m==="dark"?e.classList.add("dark"):e.classList.remove("dark"),e.setAttribute("data-theme",c)},[a,l]),d(()=>{const e=document.documentElement;Array.from(e.classList).filter(t=>t.startsWith("theme-")).forEach(t=>e.classList.remove(t)),e.classList.remove("dark"),e.setAttribute("data-theme","light")},[]),i.createElement(i.Fragment,null,r)}export function ThemeProvider(r){var{children:a,defaultTheme:l="light",storageKey:e="ui-theme",enableSystem:t=!1}=r,c=u(r,["children","defaultTheme","storageKey","enableSystem"]);let m=null,s=null;try{m=window.localStorage.getItem(e)}catch{m=null}try{s=window.localStorage.getItem("ui-theme-color")}catch{s=null}const n=m||l;try{const o=document.documentElement;Array.from(o.classList).filter(h=>h.startsWith("theme-")).forEach(h=>o.classList.remove(h)),s&&s!=="default"&&o.classList.add(`theme-${s}`),n==="dark"?o.classList.add("dark"):o.classList.remove("dark"),o.setAttribute("data-theme",n)}catch{}return i.createElement(f,Object.assign({attribute:"data-theme",defaultTheme:n,storageKey:e,enableSystem:t,themes:Object.keys(p)},c),i.createElement(g,null,a))}

package/components/timeline.js

@@ -1,13 +1 @@
-import React from "react";
-export const Timeline = ({ heading, events }) => {
-    return (React.createElement("div", { className: "space-y-6" },
-        React.createElement("h2", { className: "text-foreground text-xl font-semibold" }, heading),
-        React.createElement("div", { className: "relative" },
-            React.createElement("div", { className: "bg-border absolute top-0 bottom-0 left-3 w-px" }),
-            React.createElement("div", { className: "space-y-4" }, events.map((event) => (React.createElement("div", { key: event.id, className: "relative flex items-start gap-4" },
-                React.createElement("div", { className: "relative z-10 flex h-6 w-6 items-center justify-center" },
-                    React.createElement("div", { className: "bg-muted-foreground h-3 w-3 rounded-full" })),
-                React.createElement("div", { className: "min-w-0 flex-1 pb-1" },
-                    React.createElement("div", { onClick: event.handleOnClick, className: `text-muted-foreground text-sm ${event.handleOnClick ? "underline cursor-pointer" : ""}` }, event.title),
-                    event.description && (React.createElement("div", { className: "text-foreground mt-1 text-sm" }, event.description))))))))));
-};
+"use strict";import e from"react";export const Timeline=({heading:a,events:l})=>e.createElement("div",{className:"space-y-6"},e.createElement("h2",{className:"text-foreground text-xl font-semibold"},a),e.createElement("div",{className:"relative"},e.createElement("div",{className:"bg-border absolute top-0 bottom-0 left-3 w-px"}),e.createElement("div",{className:"space-y-4"},l.map(t=>e.createElement("div",{key:t.id,className:"relative flex items-start gap-4"},e.createElement("div",{className:"relative z-10 flex h-6 w-6 items-center justify-center"},e.createElement("div",{className:"bg-muted-foreground h-3 w-3 rounded-full"})),e.createElement("div",{className:"min-w-0 flex-1 pb-1"},e.createElement("div",{onClick:t.handleOnClick,className:`text-muted-foreground text-sm ${t.handleOnClick?"underline cursor-pointer":""}`},t.title),t.description&&e.createElement("div",{className:"text-foreground mt-1 text-sm"},t.description)))))));

package/components/tooltip.js

@@ -1,36 +1 @@
-"use client";
-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;
-};
-import * as React from "react";
-import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { cn } from "../lib/utils";
-function TooltipProvider(_a) {
-    var { delayDuration = 0 } = _a, props = __rest(_a, ["delayDuration"]);
-    return (React.createElement(TooltipPrimitive.Provider, Object.assign({ "data-slot": "tooltip-provider", delayDuration: delayDuration }, props)));
-}
-function Tooltip(_a) {
-    var props = __rest(_a, []);
-    return (React.createElement(TooltipProvider, null,
-        React.createElement(TooltipPrimitive.Root, Object.assign({ "data-slot": "tooltip" }, props))));
-}
-function TooltipTrigger(_a) {
-    var props = __rest(_a, []);
-    return React.createElement(TooltipPrimitive.Trigger, Object.assign({ "data-slot": "tooltip-trigger" }, props));
-}
-function TooltipContent(_a) {
-    var { className, sideOffset = 0, children } = _a, props = __rest(_a, ["className", "sideOffset", "children"]);
-    return (React.createElement(TooltipPrimitive.Portal, null,
-        React.createElement(TooltipPrimitive.Content, Object.assign({ "data-slot": "tooltip-content", sideOffset: sideOffset, className: cn("bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance", className) }, props),
-            children,
-            React.createElement(TooltipPrimitive.Arrow, { className: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" }))));
-}
-export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
+"use strict";"use client";var l=function(t,o){var a={};for(var e in t)Object.prototype.hasOwnProperty.call(t,e)&&o.indexOf(e)<0&&(a[e]=t[e]);if(t!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,e=Object.getOwnPropertySymbols(t);r<e.length;r++)o.indexOf(e[r])<0&&Object.prototype.propertyIsEnumerable.call(t,e[r])&&(a[e[r]]=t[e[r]]);return a};import*as n from"react";import*as i from"@radix-ui/react-tooltip";import{cn as d}from"../lib/utils";function s(t){var{delayDuration:o=0}=t,a=l(t,["delayDuration"]);return n.createElement(i.Provider,Object.assign({"data-slot":"tooltip-provider",delayDuration:o},a))}function c(t){var o=l(t,[]);return n.createElement(s,null,n.createElement(i.Root,Object.assign({"data-slot":"tooltip"},o)))}function f(t){var o=l(t,[]);return n.createElement(i.Trigger,Object.assign({"data-slot":"tooltip-trigger"},o))}function p(t){var{className:o,sideOffset:a=0,children:e}=t,r=l(t,["className","sideOffset","children"]);return n.createElement(i.Portal,null,n.createElement(i.Content,Object.assign({"data-slot":"tooltip-content",sideOffset:a,className:d("bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",o)},r),e,n.createElement(i.Arrow,{className:"bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]"})))}export{c as Tooltip,f as TooltipTrigger,p as TooltipContent,s as TooltipProvider};

package/components/ui/accordion.js

@@ -1,37 +1 @@
-"use client";
-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;
-};
-import * as React from "react";
-import * as AccordionPrimitive from "@radix-ui/react-accordion";
-import { cn } from "../../lib/utils";
-import { ChevronDownIcon } from "@radix-ui/react-icons";
-const Accordion = AccordionPrimitive.Root;
-const AccordionItem = React.forwardRef((_a, ref) => {
-    var { className } = _a, props = __rest(_a, ["className"]);
-    return (React.createElement(AccordionPrimitive.Item, Object.assign({ ref: ref, className: cn("border-b", className) }, props)));
-});
-AccordionItem.displayName = "AccordionItem";
-const AccordionTrigger = React.forwardRef((_a, ref) => {
-    var { className, children } = _a, props = __rest(_a, ["className", "children"]);
-    return (React.createElement(AccordionPrimitive.Header, { className: "flex" },
-        React.createElement(AccordionPrimitive.Trigger, Object.assign({ ref: ref, className: cn("flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline text-left [&[data-state=open]>svg]:rotate-180", className) }, props),
-            children,
-            React.createElement(ChevronDownIcon, { className: "h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200" }))));
-});
-AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
-const AccordionContent = React.forwardRef((_a, ref) => {
-    var { className, children } = _a, props = __rest(_a, ["className", "children"]);
-    return (React.createElement(AccordionPrimitive.Content, Object.assign({ ref: ref, className: "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" }, props),
-        React.createElement("div", { className: cn("pb-4 pt-0", className) }, children)));
-});
-AccordionContent.displayName = AccordionPrimitive.Content.displayName;
-export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };
+"use strict";"use client";var c=function(e,n){var a={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&n.indexOf(t)<0&&(a[t]=e[t]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,t=Object.getOwnPropertySymbols(e);r<t.length;r++)n.indexOf(t[r])<0&&Object.prototype.propertyIsEnumerable.call(e,t[r])&&(a[t[r]]=e[t[r]]);return a};import*as o from"react";import*as s from"@radix-ui/react-accordion";import{cn as i}from"../../lib/utils";import{ChevronDownIcon as f}from"@radix-ui/react-icons";const p=s.Root,l=o.forwardRef((e,n)=>{var{className:a}=e,t=c(e,["className"]);return o.createElement(s.Item,Object.assign({ref:n,className:i("border-b",a)},t))});l.displayName="AccordionItem";const m=o.forwardRef((e,n)=>{var{className:a,children:t}=e,r=c(e,["className","children"]);return o.createElement(s.Header,{className:"flex"},o.createElement(s.Trigger,Object.assign({ref:n,className:i("flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline text-left [&[data-state=open]>svg]:rotate-180",a)},r),t,o.createElement(f,{className:"h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200"})))});m.displayName=s.Trigger.displayName;const d=o.forwardRef((e,n)=>{var{className:a,children:t}=e,r=c(e,["className","children"]);return o.createElement(s.Content,Object.assign({ref:n,className:"overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down"},r),o.createElement("div",{className:i("pb-4 pt-0",a)},t))});d.displayName=s.Content.displayName;export{p as Accordion,l as AccordionItem,m as AccordionTrigger,d as AccordionContent};