@c-rex/ui 0.0.8 → 0.0.10

package/dist/sidebar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/sidebar.tsx","../../utils/src/classMerge.ts","../src/hooks/use-mobile.tsx","../src/button.tsx","../src/input.tsx","../src/separator.tsx","../src/sheet.tsx","../src/skeleton.tsx","../src/tooltip.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { VariantProps, cva } from \"class-variance-authority\";\nimport { PanelLeft } from \"lucide-react\";\nimport { cn } from \"@c-rex/utils\";\nimport { useIsMobile } from \"./hooks/use-mobile\";\nimport { Button } from \"./button\";\nimport { Input } from \"./input\";\nimport { Separator } from \"./separator\";\nimport {\n    Sheet,\n    SheetContent,\n    SheetDescription,\n    SheetHeader,\n    SheetTitle,\n} from \"./sheet\";\nimport { Skeleton } from \"./skeleton\";\nimport {\n    Tooltip,\n    TooltipContent,\n    TooltipProvider,\n    TooltipTrigger,\n} from \"./tooltip\";\n\nconst SIDEBAR_COOKIE_NAME = \"sidebar_state\";\nconst SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;\nconst SIDEBAR_WIDTH = \"16rem\";\nconst SIDEBAR_WIDTH_MOBILE = \"18rem\";\nconst SIDEBAR_WIDTH_ICON = \"3rem\";\nconst SIDEBAR_KEYBOARD_SHORTCUT = \"b\";\n\ntype SidebarContext = {\n    state: \"expanded\" | \"collapsed\";\n    open: boolean;\n    setOpen: (open: boolean) => void;\n    openMobile: boolean;\n    setOpenMobile: (open: boolean) => void;\n    isMobile: boolean;\n    toggleSidebar: () => void;\n};\n\nconst SidebarContext = React.createContext<SidebarContext | null>(null);\n\nfunction useSidebar() {\n    const context = React.useContext(SidebarContext);\n    if (!context) {\n        throw new Error(\"useSidebar must be used within a SidebarProvider.\");\n    }\n\n    return context;\n}\n\nconst SidebarProvider = React.forwardRef<\n    HTMLDivElement,\n    React.ComponentProps<\"div\"> & {\n        defaultOpen?: boolean;\n        open?: boolean;\n        onOpenChange?: (open: boolean) => void;\n    }\n>(\n    (\n        {\n            defaultOpen = true,\n            open: openProp,\n            onOpenChange: setOpenProp,\n            className,\n            style,\n            children,\n            ...props\n        },\n        ref,\n    ) => {\n        const isMobile = useIsMobile();\n        const [openMobile, setOpenMobile] = React.useState(false);\n\n        // This is the internal state of the sidebar.\n        // We use openProp and setOpenProp for control from outside the component.\n        const [_open, _setOpen] = React.useState(defaultOpen);\n        const open = openProp ?? _open;\n        const setOpen = React.useCallback(\n            (value: boolean | ((value: boolean) => boolean)) => {\n                const openState = typeof value === \"function\" ? value(open) : value;\n                if (setOpenProp) {\n                    setOpenProp(openState);\n                } else {\n                    _setOpen(openState);\n                }\n\n                // This sets the cookie to keep the sidebar state.\n                document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;\n            },\n            [setOpenProp, open],\n        );\n\n        // Helper to toggle the sidebar.\n        const toggleSidebar = React.useCallback(() => {\n            return isMobile\n                ? setOpenMobile((open) => !open)\n                : setOpen((open) => !open);\n        }, [isMobile, setOpen, setOpenMobile]);\n\n        // Adds a keyboard shortcut to toggle the sidebar.\n        React.useEffect(() => {\n            const handleKeyDown = (event: KeyboardEvent) => {\n                if (\n                    event.key === SIDEBAR_KEYBOARD_SHORTCUT &&\n                    (event.metaKey || event.ctrlKey)\n                ) {\n                    event.preventDefault();\n                    toggleSidebar();\n                }\n            };\n\n            window.addEventListener(\"keydown\", handleKeyDown);\n            return () => window.removeEventListener(\"keydown\", handleKeyDown);\n        }, [toggleSidebar]);\n\n        // We add a state so that we can do data-state=\"expanded\" or \"collapsed\".\n        // This makes it easier to style the sidebar with Tailwind classes.\n        const state = open ? \"expanded\" : \"collapsed\";\n\n        const contextValue = React.useMemo<SidebarContext>(\n            () => ({\n                state,\n                open,\n                setOpen,\n                isMobile,\n                openMobile,\n                setOpenMobile,\n                toggleSidebar,\n            }),\n            [\n                state,\n                open,\n                setOpen,\n                isMobile,\n                openMobile,\n                setOpenMobile,\n                toggleSidebar,\n            ],\n        );\n\n        return (\n            <SidebarContext.Provider value={contextValue}>\n                <TooltipProvider delayDuration={0}>\n                    <div\n                        style={\n                            {\n                                \"--sidebar-width\": SIDEBAR_WIDTH,\n                                \"--sidebar-width-icon\": SIDEBAR_WIDTH_ICON,\n                                ...style,\n                            } as React.CSSProperties\n                        }\n                        className={cn(\n                            \"group/sidebar-wrapper flex min-h-svh w-full has-[[data-variant=inset]]:bg-sidebar\",\n                            className,\n                        )}\n                        ref={ref}\n                        {...props}\n                    >\n                        {children}\n                    </div>\n                </TooltipProvider>\n            </SidebarContext.Provider>\n        );\n    },\n);\nSidebarProvider.displayName = \"SidebarProvider\";\n\nconst Sidebar = React.forwardRef<\n    HTMLDivElement,\n    React.ComponentProps<\"div\"> & {\n        side?: \"left\" | \"right\";\n        variant?: \"sidebar\" | \"floating\" | \"inset\";\n        collapsible?: \"offcanvas\" | \"icon\" | \"none\";\n    }\n>(\n    (\n        {\n            side = \"left\",\n            variant = \"sidebar\",\n            collapsible = \"offcanvas\",\n            className,\n            children,\n            ...props\n        },\n        ref,\n    ) => {\n        const { isMobile, state, openMobile, setOpenMobile } = useSidebar();\n\n        if (collapsible === \"none\") {\n            return (\n                <div\n                    className={cn(\n                        \"flex h-full w-[--sidebar-width] flex-col bg-sidebar text-sidebar-foreground\",\n                        className,\n                    )}\n                    ref={ref}\n                    {...props}\n                >\n                    {children}\n                </div>\n            );\n        }\n\n        if (isMobile) {\n            return (\n                <Sheet open={openMobile} onOpenChange={setOpenMobile} {...props}>\n                    <SheetContent\n                        data-sidebar=\"sidebar\"\n                        data-mobile=\"true\"\n                        className=\"w-[--sidebar-width] bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden\"\n                        style={\n                            {\n                                \"--sidebar-width\": SIDEBAR_WIDTH_MOBILE,\n                            } as React.CSSProperties\n                        }\n                        side={side}\n                    >\n                        <SheetHeader className=\"sr-only\">\n                            <SheetTitle>Sidebar</SheetTitle>\n                            <SheetDescription>Displays the mobile sidebar.</SheetDescription>\n                        </SheetHeader>\n                        <div className=\"flex h-full w-full flex-col\">{children}</div>\n                    </SheetContent>\n                </Sheet>\n            );\n        }\n\n        return (\n            <div\n                ref={ref}\n                className=\"group peer hidden text-sidebar-foreground md:block\"\n                data-state={state}\n                data-collapsible={state === \"collapsed\" ? collapsible : \"\"}\n                data-variant={variant}\n                data-side={side}\n            >\n                {/* This is what handles the sidebar gap on desktop */}\n                <div\n                    className={cn(\n                        \"relative w-[--sidebar-width] bg-transparent transition-[width] duration-200 ease-linear\",\n                        \"group-data-[collapsible=offcanvas]:w-0\",\n                        \"group-data-[side=right]:rotate-180\",\n                        variant === \"floating\" || variant === \"inset\"\n                            ? \"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]\"\n                            : \"group-data-[collapsible=icon]:w-[--sidebar-width-icon]\",\n                    )}\n                />\n                <div\n                    className={cn(\n                        \"fixed inset-y-0 z-10 hidden h-svh w-[--sidebar-width] transition-[left,right,width] duration-200 ease-linear md:flex\",\n                        side === \"left\"\n                            ? \"left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]\"\n                            : \"right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]\",\n                        // Adjust the padding for floating and inset variants.\n                        variant === \"floating\" || variant === \"inset\"\n                            ? \"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]\"\n                            : \"group-data-[collapsible=icon]:w-[--sidebar-width-icon] group-data-[side=left]:border-r group-data-[side=right]:border-l\",\n                        className,\n                    )}\n                    {...props}\n                >\n                    <div\n                        data-sidebar=\"sidebar\"\n                        className=\"flex h-full w-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow\"\n                    >\n                        {children}\n                    </div>\n                </div>\n            </div>\n        );\n    },\n);\nSidebar.displayName = \"Sidebar\";\n\nconst SidebarTrigger = React.forwardRef<\n    React.ElementRef<typeof Button>,\n    React.ComponentProps<typeof Button>\n>(({ className, onClick, ...props }, ref) => {\n    const { toggleSidebar } = useSidebar();\n\n    return (\n        <Button\n            ref={ref}\n            data-sidebar=\"trigger\"\n            variant=\"ghost\"\n            size=\"icon\"\n            className={cn(\"h-7 w-7\", className)}\n            onClick={(event) => {\n                onClick?.(event);\n                toggleSidebar();\n            }}\n            {...props}\n        >\n            <PanelLeft />\n            <span className=\"sr-only\">Toggle Sidebar</span>\n        </Button>\n    );\n});\nSidebarTrigger.displayName = \"SidebarTrigger\";\n\nconst SidebarRail = React.forwardRef<\n    HTMLButtonElement,\n    React.ComponentProps<\"button\">\n>(({ className, ...props }, ref) => {\n    const { toggleSidebar } = useSidebar();\n\n    return (\n        <button\n            ref={ref}\n            data-sidebar=\"rail\"\n            aria-label=\"Toggle Sidebar\"\n            tabIndex={-1}\n            onClick={toggleSidebar}\n            title=\"Toggle Sidebar\"\n            className={cn(\n                \"absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-sidebar-border group-data-[side=left]:-right-4 group-data-[side=right]:left-0 sm:flex\",\n                \"[[data-side=left]_&]:cursor-w-resize [[data-side=right]_&]:cursor-e-resize\",\n                \"[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize\",\n                \"group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full group-data-[collapsible=offcanvas]:hover:bg-sidebar\",\n                \"[[data-side=left][data-collapsible=offcanvas]_&]:-right-2\",\n                \"[[data-side=right][data-collapsible=offcanvas]_&]:-left-2\",\n                className,\n            )}\n            {...props}\n        />\n    );\n});\nSidebarRail.displayName = \"SidebarRail\";\n\nconst SidebarInset = React.forwardRef<\n    HTMLDivElement,\n    React.ComponentProps<\"main\">\n>(({ className, ...props }, ref) => {\n    return (\n        <main\n            ref={ref}\n            className={cn(\n                \"relative flex w-full flex-1 flex-col bg-background\",\n                \"md:peer-data-[variant=inset]:m-2 md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow\",\n                className,\n            )}\n            {...props}\n        />\n    );\n});\nSidebarInset.displayName = \"SidebarInset\";\n\nconst SidebarInput = React.forwardRef<\n    React.ElementRef<typeof Input>,\n    React.ComponentProps<typeof Input>\n>(({ className, ...props }, ref) => {\n    return (\n        <Input\n            ref={ref}\n            data-sidebar=\"input\"\n            className={cn(\n                \"h-8 w-full bg-background shadow-none focus-visible:ring-2 focus-visible:ring-sidebar-ring\",\n                className,\n            )}\n            {...props}\n        />\n    );\n});\nSidebarInput.displayName = \"SidebarInput\";\n\nconst SidebarHeader = React.forwardRef<\n    HTMLDivElement,\n    React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => {\n    return (\n        <div\n            ref={ref}\n            data-sidebar=\"header\"\n            className={cn(\"flex flex-col gap-2 p-2\", className)}\n            {...props}\n        />\n    );\n});\nSidebarHeader.displayName = \"SidebarHeader\";\n\nconst SidebarFooter = React.forwardRef<\n    HTMLDivElement,\n    React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => {\n    return (\n        <div\n            ref={ref}\n            data-sidebar=\"footer\"\n            className={cn(\"flex flex-col gap-2 p-2\", className)}\n            {...props}\n        />\n    );\n});\nSidebarFooter.displayName = \"SidebarFooter\";\n\nconst SidebarSeparator = React.forwardRef<\n    React.ElementRef<typeof Separator>,\n    React.ComponentProps<typeof Separator>\n>(({ className, ...props }, ref) => {\n    return (\n        <Separator\n            ref={ref}\n            data-sidebar=\"separator\"\n            className={cn(\"mx-2 w-auto bg-sidebar-border\", className)}\n            {...props}\n        />\n    );\n});\nSidebarSeparator.displayName = \"SidebarSeparator\";\n\nconst SidebarContent = React.forwardRef<\n    HTMLDivElement,\n    React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => {\n    return (\n        <div\n            ref={ref}\n            data-sidebar=\"content\"\n            className={cn(\n                \"flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden\",\n                className,\n            )}\n            {...props}\n        />\n    );\n});\nSidebarContent.displayName = \"SidebarContent\";\n\nconst SidebarGroup = React.forwardRef<\n    HTMLDivElement,\n    React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => {\n    return (\n        <div\n            ref={ref}\n            data-sidebar=\"group\"\n            className={cn(\"relative flex w-full min-w-0 flex-col p-2\", className)}\n            {...props}\n        />\n    );\n});\nSidebarGroup.displayName = \"SidebarGroup\";\n\nconst SidebarGroupLabel = React.forwardRef<\n    HTMLDivElement,\n    React.ComponentProps<\"div\"> & { asChild?: boolean }\n>(({ className, asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"div\";\n\n    return (\n        <Comp\n            ref={ref}\n            data-sidebar=\"group-label\"\n            className={cn(\n                \"flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 outline-none ring-sidebar-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0\",\n                \"group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0\",\n                className,\n            )}\n            {...props}\n        />\n    );\n});\nSidebarGroupLabel.displayName = \"SidebarGroupLabel\";\n\nconst SidebarGroupAction = React.forwardRef<\n    HTMLButtonElement,\n    React.ComponentProps<\"button\"> & { asChild?: boolean }\n>(({ className, asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"button\";\n\n    return (\n        <Comp\n            ref={ref}\n            data-sidebar=\"group-action\"\n            className={cn(\n                \"absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0\",\n                // Increases the hit area of the button on mobile.\n                \"after:absolute after:-inset-2 after:md:hidden\",\n                \"group-data-[collapsible=icon]:hidden\",\n                className,\n            )}\n            {...props}\n        />\n    );\n});\nSidebarGroupAction.displayName = \"SidebarGroupAction\";\n\nconst SidebarGroupContent = React.forwardRef<\n    HTMLDivElement,\n    React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => (\n    <div\n        ref={ref}\n        data-sidebar=\"group-content\"\n        className={cn(\"w-full text-sm\", className)}\n        {...props}\n    />\n));\nSidebarGroupContent.displayName = \"SidebarGroupContent\";\n\nconst SidebarMenu = React.forwardRef<\n    HTMLUListElement,\n    React.ComponentProps<\"ul\">\n>(({ className, ...props }, ref) => (\n    <ul\n        ref={ref}\n        data-sidebar=\"menu\"\n        className={cn(\"flex w-full min-w-0 flex-col gap-1\", className)}\n        {...props}\n    />\n));\nSidebarMenu.displayName = \"SidebarMenu\";\n\nconst SidebarMenuItem = React.forwardRef<\n    HTMLLIElement,\n    React.ComponentProps<\"li\">\n>(({ className, ...props }, ref) => (\n    <li\n        ref={ref}\n        data-sidebar=\"menu-item\"\n        className={cn(\"group/menu-item relative\", className)}\n        {...props}\n    />\n));\nSidebarMenuItem.displayName = \"SidebarMenuItem\";\n\nconst sidebarMenuButtonVariants = cva(\n    \"peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none 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]: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\",\n    {\n        variants: {\n            variant: {\n                default: \"hover:bg-sidebar-accent hover:text-sidebar-accent-foreground\",\n                outline:\n                    \"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))]\",\n            },\n            size: {\n                default: \"text-sm\",\n                sm: \"text-xs\",\n                lg: \"text-sm group-data-[collapsible=icon]:!p-0\",\n            },\n        },\n        defaultVariants: {\n            variant: \"default\",\n            size: \"default\",\n        },\n    },\n);\n\nconst SidebarMenuButton = React.forwardRef<\n    HTMLButtonElement,\n    React.ComponentProps<\"button\"> & {\n        asChild?: boolean;\n        isActive?: boolean;\n        tooltip?: string | React.ComponentProps<typeof TooltipContent>;\n    } & VariantProps<typeof sidebarMenuButtonVariants>\n>(\n    (\n        {\n            asChild = false,\n            isActive = false,\n            variant = \"default\",\n            size = \"default\",\n            tooltip,\n            className,\n            ...props\n        },\n        ref,\n    ) => {\n        const Comp = asChild ? Slot : \"button\";\n        const { isMobile, state } = useSidebar();\n\n        const button = (\n            <Comp\n                ref={ref}\n                data-sidebar=\"menu-button\"\n                data-size={size}\n                data-active={isActive}\n                className={cn(\n                    isActive && \"font-bold\",\n                    sidebarMenuButtonVariants({ variant, size }),\n                    className,\n                )}\n                {...props}\n            />\n        );\n\n        if (!tooltip) {\n            return button;\n        }\n\n        if (typeof tooltip === \"string\") {\n            tooltip = {\n                children: tooltip,\n            };\n        }\n\n        return (\n            <Tooltip>\n                <TooltipTrigger asChild>{button}</TooltipTrigger>\n                <TooltipContent\n                    side=\"right\"\n                    align=\"center\"\n                    hidden={state !== \"collapsed\" || isMobile}\n                    {...tooltip}\n                />\n            </Tooltip>\n        );\n    },\n);\nSidebarMenuButton.displayName = \"SidebarMenuButton\";\n\nconst SidebarMenuAction = React.forwardRef<\n    HTMLButtonElement,\n    React.ComponentProps<\"button\"> & {\n        asChild?: boolean;\n        showOnHover?: boolean;\n    }\n>(({ className, asChild = false, showOnHover = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"button\";\n\n    return (\n        <Comp\n            ref={ref}\n            data-sidebar=\"menu-action\"\n            className={cn(\n                \"absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 peer-hover/menu-button:text-sidebar-accent-foreground [&>svg]:size-4 [&>svg]:shrink-0\",\n                // Increases the hit area of the button on mobile.\n                \"after:absolute after:-inset-2 after:md:hidden\",\n                \"peer-data-[size=sm]/menu-button:top-1\",\n                \"peer-data-[size=default]/menu-button:top-1.5\",\n                \"peer-data-[size=lg]/menu-button:top-2.5\",\n                \"group-data-[collapsible=icon]:hidden\",\n                showOnHover &&\n                \"group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 peer-data-[active=true]/menu-button:text-sidebar-accent-foreground md:opacity-0\",\n                className,\n            )}\n            {...props}\n        />\n    );\n});\nSidebarMenuAction.displayName = \"SidebarMenuAction\";\n\nconst SidebarMenuBadge = React.forwardRef<\n    HTMLDivElement,\n    React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => (\n    <div\n        ref={ref}\n        data-sidebar=\"menu-badge\"\n        className={cn(\n            \"pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground\",\n            \"peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground\",\n            \"peer-data-[size=sm]/menu-button:top-1\",\n            \"peer-data-[size=default]/menu-button:top-1.5\",\n            \"peer-data-[size=lg]/menu-button:top-2.5\",\n            \"group-data-[collapsible=icon]:hidden\",\n            className,\n        )}\n        {...props}\n    />\n));\nSidebarMenuBadge.displayName = \"SidebarMenuBadge\";\n\nconst SidebarMenuSkeleton = React.forwardRef<\n    HTMLDivElement,\n    React.ComponentProps<\"div\"> & {\n        showIcon?: boolean;\n    }\n>(({ className, showIcon = false, ...props }, ref) => {\n    // Random width between 50 to 90%.\n    const width = React.useMemo(() => {\n        return `${Math.floor(Math.random() * 40) + 50}%`;\n    }, []);\n\n    return (\n        <div\n            ref={ref}\n            data-sidebar=\"menu-skeleton\"\n            className={cn(\"flex h-8 items-center gap-2 rounded-md px-2\", className)}\n            {...props}\n        >\n            {showIcon && (\n                <Skeleton\n                    className=\"size-4 rounded-md\"\n                    data-sidebar=\"menu-skeleton-icon\"\n                />\n            )}\n            <Skeleton\n                className=\"h-4 max-w-[--skeleton-width] flex-1\"\n                data-sidebar=\"menu-skeleton-text\"\n                style={\n                    {\n                        \"--skeleton-width\": width,\n                    } as React.CSSProperties\n                }\n            />\n        </div>\n    );\n});\nSidebarMenuSkeleton.displayName = \"SidebarMenuSkeleton\";\n\nconst SidebarMenuSub = React.forwardRef<\n    HTMLUListElement,\n    React.ComponentProps<\"ul\">\n>(({ className, ...props }, ref) => (\n    <ul\n        ref={ref}\n        data-sidebar=\"menu-sub\"\n        className={cn(\n            \"mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5\",\n            \"group-data-[collapsible=icon]:hidden\",\n            className,\n        )}\n        {...props}\n    />\n));\nSidebarMenuSub.displayName = \"SidebarMenuSub\";\n\nconst SidebarMenuSubItem = React.forwardRef<\n    HTMLLIElement,\n    React.ComponentProps<\"li\">\n>(({ ...props }, ref) => <li ref={ref} {...props} />);\nSidebarMenuSubItem.displayName = \"SidebarMenuSubItem\";\n\nconst SidebarMenuSubButton = React.forwardRef<\n    HTMLAnchorElement,\n    React.ComponentProps<\"a\"> & {\n        asChild?: boolean;\n        size?: \"sm\" | \"md\";\n        isActive?: boolean;\n    }\n>(({ asChild = false, size = \"md\", isActive, className, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"a\";\n\n    return (\n        <Comp\n            ref={ref}\n            data-sidebar=\"menu-sub-button\"\n            data-size={size}\n            data-active={isActive}\n            className={cn(\n                \"flex min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md p-2 text-sidebar-foreground outline-none ring-sidebar-ring 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 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground\",\n                \"data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground\",\n                size === \"sm\" && \"text-xs\",\n                size === \"md\" && \"text-sm\",\n                isActive && \"font-bold\",\n                \"group-data-[collapsible=icon]:hidden\",\n                className,\n            )}\n            {...props}\n        />\n    );\n});\nSidebarMenuSubButton.displayName = \"SidebarMenuSubButton\";\n\nexport {\n    Sidebar,\n    SidebarContent,\n    SidebarFooter,\n    SidebarGroup,\n    SidebarGroupAction,\n    SidebarGroupContent,\n    SidebarGroupLabel,\n    SidebarHeader,\n    SidebarInput,\n    SidebarInset,\n    SidebarMenu,\n    SidebarMenuAction,\n    SidebarMenuBadge,\n    SidebarMenuButton,\n    SidebarMenuItem,\n    SidebarMenuSkeleton,\n    SidebarMenuSub,\n    SidebarMenuSubButton,\n    SidebarMenuSubItem,\n    SidebarProvider,\n    SidebarRail,\n    SidebarSeparator,\n    SidebarTrigger,\n    useSidebar,\n};\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n    return twMerge(clsx(inputs));\n}\n","import { useEffect, useState } from \"react\";\n\nconst MOBILE_BREAKPOINT = 768;\n\nexport function useIsMobile() {\n  const [isMobile, setIsMobile] = useState<boolean | undefined>(undefined);\n\n  useEffect(() => {\n    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);\n    const onChange = () => {\n      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n    };\n    mql.addEventListener(\"change\", onChange);\n    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n    return () => mql.removeEventListener(\"change\", onChange);\n  }, []);\n\n  return !!isMobile;\n}\n","import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"@c-rex/utils\";\n\nconst buttonVariants = cva(\n    \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\n    {\n        variants: {\n            variant: {\n                default:\n                    \"bg-primary text-primary-foreground shadow hover:bg-primary/90\",\n                destructive:\n                    \"bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90\",\n                outline:\n                    \"border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground\",\n                secondary:\n                    \"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80\",\n                ghost: \"hover:bg-accent hover:text-accent-foreground\",\n                link: \"text-primary underline-offset-4 hover:underline\",\n            },\n            size: {\n                default: \"h-9 px-4 py-2\",\n                sm: \"h-8 rounded-md px-3 text-xs\",\n                lg: \"h-10 rounded-md px-8\",\n                icon: \"h-9 w-9\",\n            },\n            rounded: {\n                default: \"rounded-md\",\n                sm: \"rounded-sm\",\n                lg: \"rounded-lg\",\n                xl: \"rounded-xl\",\n                \"2xl\": \"rounded-2xl\",\n                full: \"rounded-full\",\n            },\n        },\n        defaultVariants: {\n            variant: \"default\",\n            size: \"default\",\n            rounded: \"default\",\n        },\n    },\n);\n\nexport interface ButtonProps\n    extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n    asChild?: boolean;\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n    ({ className, variant, size, rounded, asChild = false, ...props }, ref) => {\n        const Comp = asChild ? Slot : \"button\";\n        return (\n            <Comp\n                className={cn(buttonVariants({ variant, size, rounded, className }))}\n                ref={ref}\n                {...props}\n            />\n        );\n    },\n);\nButton.displayName = \"Button\";\n\nexport { Button, buttonVariants };\n","import * as React from \"react\";\n\nimport { cn } from \"@c-rex/utils\";\n\nconst Input = React.forwardRef<HTMLInputElement, React.ComponentProps<\"input\">>(\n    ({ className, type, ...props }, ref) => {\n        return (\n            <input\n                type={type}\n                className={cn(\n                    \"flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\n                    className,\n                )}\n                ref={ref}\n                {...props}\n            />\n        );\n    },\n);\nInput.displayName = \"Input\";\n\nexport { Input };\n","import * as React from \"react\";\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\";\n\nimport { cn } from \"@c-rex/utils\";\n\nconst Separator = React.forwardRef<\n    React.ElementRef<typeof SeparatorPrimitive.Root>,\n    React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>\n>(\n    (\n        { className, orientation = \"horizontal\", decorative = true, ...props },\n        ref,\n    ) => (\n        <SeparatorPrimitive.Root\n            ref={ref}\n            decorative={decorative}\n            orientation={orientation}\n            className={cn(\n                \"shrink-0 bg-border\",\n                orientation === \"horizontal\" ? \"h-[1px] w-full\" : \"h-full w-[1px]\",\n                className,\n            )}\n            {...props}\n        />\n    ),\n);\nSeparator.displayName = SeparatorPrimitive.Root.displayName;\n\nexport { Separator };\n","\"use client\";\n\nimport * as React from \"react\";\nimport * as SheetPrimitive from \"@radix-ui/react-dialog\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { X } from \"lucide-react\";\n\nimport { cn } from \"@c-rex/utils\";\n\nconst Sheet = SheetPrimitive.Root;\n\nconst SheetTrigger = SheetPrimitive.Trigger;\n\nconst SheetClose = SheetPrimitive.Close;\n\nconst SheetPortal = SheetPrimitive.Portal;\n\nconst SheetOverlay = React.forwardRef<\n    React.ElementRef<typeof SheetPrimitive.Overlay>,\n    React.ComponentPropsWithoutRef<typeof SheetPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n    <SheetPrimitive.Overlay\n        className={cn(\n            \"fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n            className,\n        )}\n        {...props}\n        ref={ref}\n    />\n));\nSheetOverlay.displayName = SheetPrimitive.Overlay.displayName;\n\nconst sheetVariants = cva(\n    \"fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out\",\n    {\n        variants: {\n            side: {\n                top: \"inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top\",\n                bottom:\n                    \"inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom\",\n                left: \"inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm\",\n                right:\n                    \"inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm\",\n            },\n        },\n        defaultVariants: {\n            side: \"right\",\n        },\n    },\n);\n\ninterface SheetContentProps\n    extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>,\n    VariantProps<typeof sheetVariants> { }\n\nconst SheetContent = React.forwardRef<\n    React.ElementRef<typeof SheetPrimitive.Content>,\n    SheetContentProps\n>(({ side = \"right\", className, children, ...props }, ref) => (\n    <SheetPortal>\n        <SheetOverlay />\n        <SheetPrimitive.Content\n            ref={ref}\n            className={cn(sheetVariants({ side }), className)}\n            {...props}\n        >\n            <SheetPrimitive.Close className=\"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary\">\n                <X className=\"h-4 w-4\" />\n                <span className=\"sr-only\">Close</span>\n            </SheetPrimitive.Close>\n            {children}\n        </SheetPrimitive.Content>\n    </SheetPortal>\n));\nSheetContent.displayName = SheetPrimitive.Content.displayName;\n\nconst SheetHeader = ({\n    className,\n    ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n    <div\n        className={cn(\n            \"flex flex-col space-y-2 text-center sm:text-left\",\n            className,\n        )}\n        {...props}\n    />\n);\nSheetHeader.displayName = \"SheetHeader\";\n\nconst SheetFooter = ({\n    className,\n    ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n    <div\n        className={cn(\n            \"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\",\n            className,\n        )}\n        {...props}\n    />\n);\nSheetFooter.displayName = \"SheetFooter\";\n\nconst SheetTitle = React.forwardRef<\n    React.ElementRef<typeof SheetPrimitive.Title>,\n    React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>\n>(({ className, ...props }, ref) => (\n    <SheetPrimitive.Title\n        ref={ref}\n        className={cn(\"text-lg font-semibold text-foreground\", className)}\n        {...props}\n    />\n));\nSheetTitle.displayName = SheetPrimitive.Title.displayName;\n\nconst SheetDescription = React.forwardRef<\n    React.ElementRef<typeof SheetPrimitive.Description>,\n    React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>\n>(({ className, ...props }, ref) => (\n    <SheetPrimitive.Description\n        ref={ref}\n        className={cn(\"text-sm text-muted-foreground\", className)}\n        {...props}\n    />\n));\nSheetDescription.displayName = SheetPrimitive.Description.displayName;\n\nexport {\n    Sheet,\n    SheetPortal,\n    SheetOverlay,\n    SheetTrigger,\n    SheetClose,\n    SheetContent,\n    SheetHeader,\n    SheetFooter,\n    SheetTitle,\n    SheetDescription,\n};\n","import { cn } from \"@c-rex/utils\";\n\nfunction Skeleton({\n    className,\n    ...props\n}: React.HTMLAttributes<HTMLDivElement>) {\n    return (\n        <div\n            className={cn(\"animate-pulse rounded-md bg-primary/10\", className)}\n            {...props}\n        />\n    );\n}\n\nexport { Skeleton };\n","import * as React from \"react\";\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\n\nimport { cn } from \"@c-rex/utils\";\n\nconst TooltipProvider = TooltipPrimitive.Provider;\n\nconst Tooltip = TooltipPrimitive.Root;\n\nconst TooltipTrigger = TooltipPrimitive.Trigger;\n\nconst TooltipContent = React.forwardRef<\n    React.ElementRef<typeof TooltipPrimitive.Content>,\n    React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n    <TooltipPrimitive.Portal>\n        <TooltipPrimitive.Content\n            ref={ref}\n            sideOffset={sideOffset}\n            className={cn(\n                \"z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground 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\",\n                className,\n            )}\n            {...props}\n        />\n    </TooltipPrimitive.Portal>\n));\nTooltipContent.displayName = TooltipPrimitive.Content.displayName;\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };\n"],"mappings":"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","names":["sidebar_exports","__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","__toCommonJS","React","import_react_slot","import_class_variance_authority","import_lucide_react","import_clsx","import_tailwind_merge","cn","inputs","import_react","MOBILE_BREAKPOINT","useIsMobile","isMobile","setIsMobile","mql","onChange","React","import_react_slot","import_class_variance_authority","import_jsx_runtime","buttonVariants","Button","className","variant","size","rounded","asChild","props","ref","cn","React","import_jsx_runtime","Input","className","type","props","ref","cn","React","SeparatorPrimitive","import_jsx_runtime","Separator","className","orientation","decorative","props","ref","cn","React","SheetPrimitive","import_class_variance_authority","import_lucide_react","import_jsx_runtime","Sheet","SheetPortal","SheetOverlay","className","props","ref","cn","sheetVariants","SheetContent","side","children","SheetHeader","SheetFooter","SheetTitle","SheetDescription","import_jsx_runtime","Skeleton","className","props","cn","React","TooltipPrimitive","import_jsx_runtime","TooltipProvider","Tooltip","TooltipTrigger","TooltipContent","className","sideOffset","props","ref","cn","import_jsx_runtime","SIDEBAR_COOKIE_NAME","SIDEBAR_COOKIE_MAX_AGE","SIDEBAR_WIDTH","SIDEBAR_WIDTH_MOBILE","SIDEBAR_WIDTH_ICON","SIDEBAR_KEYBOARD_SHORTCUT","SidebarContext","useSidebar","context","SidebarProvider","defaultOpen","openProp","setOpenProp","className","style","children","props","ref","isMobile","useIsMobile","openMobile","setOpenMobile","_open","_setOpen","open","setOpen","value","openState","toggleSidebar","handleKeyDown","event","state","contextValue","TooltipProvider","cn","Sidebar","side","variant","collapsible","Sheet","SheetContent","SheetHeader","SheetTitle","SheetDescription","SidebarTrigger","onClick","Button","SidebarRail","SidebarInset","SidebarInput","Input","SidebarHeader","SidebarFooter","SidebarSeparator","Separator","SidebarContent","SidebarGroup","SidebarGroupLabel","asChild","SidebarGroupAction","SidebarGroupContent","SidebarMenu","SidebarMenuItem","sidebarMenuButtonVariants","SidebarMenuButton","isActive","size","tooltip","Comp","button","Tooltip","TooltipTrigger","TooltipContent","SidebarMenuAction","showOnHover","SidebarMenuBadge","SidebarMenuSkeleton","showIcon","width","Skeleton","SidebarMenuSub","SidebarMenuSubItem","SidebarMenuSubButton"]}

package/dist/sidebar.d.cts

@@ -0,0 +1,72 @@
+import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import { ButtonProps } from './button.cjs';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { TooltipContent } from './tooltip.cjs';
+import '@radix-ui/react-tooltip';
+
+type SidebarContext = {
+    state: "expanded" | "collapsed";
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    openMobile: boolean;
+    setOpenMobile: (open: boolean) => void;
+    isMobile: boolean;
+    toggleSidebar: () => void;
+};
+declare const SidebarContext: React.Context<SidebarContext | null>;
+declare function useSidebar(): SidebarContext;
+declare const SidebarProvider: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const Sidebar: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    side?: "left" | "right";
+    variant?: "sidebar" | "floating" | "inset";
+    collapsible?: "offcanvas" | "icon" | "none";
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarTrigger: React.ForwardRefExoticComponent<Omit<ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SidebarRail: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SidebarInset: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarInput: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const SidebarHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarFooter: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarSeparator: React.ForwardRefExoticComponent<Omit<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarGroup: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarGroupLabel: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    asChild?: boolean;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarGroupAction: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    asChild?: boolean;
+}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SidebarGroupContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarMenu: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
+declare const SidebarMenuItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
+declare const SidebarMenuButton: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    asChild?: boolean;
+    isActive?: boolean;
+    tooltip?: string | React.ComponentProps<typeof TooltipContent>;
+} & VariantProps<(props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SidebarMenuAction: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    asChild?: boolean;
+    showOnHover?: boolean;
+}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SidebarMenuBadge: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarMenuSkeleton: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    showIcon?: boolean;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarMenuSub: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
+declare const SidebarMenuSubItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
+declare const SidebarMenuSubButton: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLAnchorElement> & React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+    asChild?: boolean;
+    size?: "sm" | "md";
+    isActive?: boolean;
+}, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+
+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 };

package/dist/sidebar.d.ts

@@ -0,0 +1,72 @@
+import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import { ButtonProps } from './button.js';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { TooltipContent } from './tooltip.js';
+import '@radix-ui/react-tooltip';
+
+type SidebarContext = {
+    state: "expanded" | "collapsed";
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    openMobile: boolean;
+    setOpenMobile: (open: boolean) => void;
+    isMobile: boolean;
+    toggleSidebar: () => void;
+};
+declare const SidebarContext: React.Context<SidebarContext | null>;
+declare function useSidebar(): SidebarContext;
+declare const SidebarProvider: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const Sidebar: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    side?: "left" | "right";
+    variant?: "sidebar" | "floating" | "inset";
+    collapsible?: "offcanvas" | "icon" | "none";
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarTrigger: React.ForwardRefExoticComponent<Omit<ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SidebarRail: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SidebarInset: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarInput: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const SidebarHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarFooter: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarSeparator: React.ForwardRefExoticComponent<Omit<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarGroup: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarGroupLabel: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    asChild?: boolean;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarGroupAction: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    asChild?: boolean;
+}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SidebarGroupContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarMenu: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
+declare const SidebarMenuItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
+declare const SidebarMenuButton: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    asChild?: boolean;
+    isActive?: boolean;
+    tooltip?: string | React.ComponentProps<typeof TooltipContent>;
+} & VariantProps<(props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SidebarMenuAction: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    asChild?: boolean;
+    showOnHover?: boolean;
+}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SidebarMenuBadge: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarMenuSkeleton: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    showIcon?: boolean;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarMenuSub: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
+declare const SidebarMenuSubItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
+declare const SidebarMenuSubButton: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLAnchorElement> & React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+    asChild?: boolean;
+    size?: "sm" | "md";
+    isActive?: boolean;
+}, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+
+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 };

package/dist/sidebar.js

@@ -0,0 +1,2 @@
+"use client";import*as r from"react";import{Slot as y}from"@radix-ui/react-slot";import{cva as ge}from"class-variance-authority";import{PanelLeft as he}from"lucide-react";import{clsx as ee}from"clsx";import{twMerge as te}from"tailwind-merge";function o(...t){return te(ee(t))}import{useEffect as ae,useState as oe}from"react";var T=768;function V(){let[t,e]=oe(void 0);return ae(()=>{let a=window.matchMedia(`(max-width: ${T-1}px)`),n=()=>{e(window.innerWidth<T)};return a.addEventListener("change",n),e(window.innerWidth<T),()=>a.removeEventListener("change",n)},[]),!!t}import*as W from"react";import{Slot as re}from"@radix-ui/react-slot";import{cva as ie}from"class-variance-authority";import{jsx as se}from"react/jsx-runtime";var ne=ie("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",{variants:{variant:{default:"bg-primary text-primary-foreground shadow hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",outline:"border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2",sm:"h-8 rounded-md px-3 text-xs",lg:"h-10 rounded-md px-8",icon:"h-9 w-9"},rounded:{default:"rounded-md",sm:"rounded-sm",lg:"rounded-lg",xl:"rounded-xl","2xl":"rounded-2xl",full:"rounded-full"}},defaultVariants:{variant:"default",size:"default",rounded:"default"}}),M=W.forwardRef(({className:t,variant:e,size:a,rounded:n,asChild:s=!1,...l},m)=>se(s?re:"button",{className:o(ne({variant:e,size:a,rounded:n,className:t})),ref:m,...l}));M.displayName="Button";import*as G from"react";import{jsx as de}from"react/jsx-runtime";var E=G.forwardRef(({className:t,type:e,...a},n)=>de("input",{type:e,className:o("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",t),ref:n,...a}));E.displayName="Input";import*as $ from"react";import*as L from"@radix-ui/react-separator";import{jsx as le}from"react/jsx-runtime";var H=$.forwardRef(({className:t,orientation:e="horizontal",decorative:a=!0,...n},s)=>le(L.Root,{ref:s,decorative:a,orientation:e,className:o("shrink-0 bg-border",e==="horizontal"?"h-[1px] w-full":"h-full w-[1px]",t),...n}));H.displayName=L.Root.displayName;import*as S from"react";import*as d from"@radix-ui/react-dialog";import{cva as ce}from"class-variance-authority";import{X as pe}from"lucide-react";import{jsx as g,jsxs as I}from"react/jsx-runtime";var K=d.Root;var me=d.Portal,U=S.forwardRef(({className:t,...e},a)=>g(d.Overlay,{className:o("fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",t),...e,ref:a}));U.displayName=d.Overlay.displayName;var fe=ce("fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out",{variants:{side:{top:"inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",bottom:"inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",left:"inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",right:"inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"}},defaultVariants:{side:"right"}}),_=S.forwardRef(({side:t="right",className:e,children:a,...n},s)=>I(me,{children:[g(U,{}),I(d.Content,{ref:s,className:o(fe({side:t}),e),...n,children:[I(d.Close,{className:"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary",children:[g(pe,{className:"h-4 w-4"}),g("span",{className:"sr-only",children:"Close"})]}),a]})]}));_.displayName=d.Content.displayName;var k=({className:t,...e})=>g("div",{className:o("flex flex-col space-y-2 text-center sm:text-left",t),...e});k.displayName="SheetHeader";var ue=({className:t,...e})=>g("div",{className:o("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",t),...e});ue.displayName="SheetFooter";var D=S.forwardRef(({className:t,...e},a)=>g(d.Title,{ref:a,className:o("text-lg font-semibold text-foreground",t),...e}));D.displayName=d.Title.displayName;var B=S.forwardRef(({className:t,...e},a)=>g(d.Description,{ref:a,className:o("text-sm text-muted-foreground",t),...e}));B.displayName=d.Description.displayName;import{jsx as be}from"react/jsx-runtime";function z({className:t,...e}){return be("div",{className:o("animate-pulse rounded-md bg-primary/10",t),...e})}import*as F from"react";import*as c from"@radix-ui/react-tooltip";import{jsx as q}from"react/jsx-runtime";var Q=c.Provider,X=c.Root,Y=c.Trigger,O=F.forwardRef(({className:t,sideOffset:e=4,...a},n)=>q(c.Portal,{children:q(c.Content,{ref:n,sideOffset:e,className:o("z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground 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",t),...a})}));O.displayName=c.Content.displayName;import{jsx as i,jsxs as x}from"react/jsx-runtime";var ve="sidebar_state",xe=60*60*24*7,Re="16rem",Se="18rem",ye="3rem",we="b",J=r.createContext(null);function N(){let t=r.useContext(J);if(!t)throw new Error("useSidebar must be used within a SidebarProvider.");return t}var Pe=r.forwardRef(({defaultOpen:t=!0,open:e,onOpenChange:a,className:n,style:s,children:l,...m},h)=>{let f=V(),[v,u]=r.useState(!1),[w,Z]=r.useState(t),R=e??w,P=r.useCallback(p=>{let b=typeof p=="function"?p(R):p;a?a(b):Z(b),document.cookie=`${ve}=${b}; path=/; max-age=${xe}`},[a,R]),C=r.useCallback(()=>f?u(p=>!p):P(p=>!p),[f,P,u]);r.useEffect(()=>{let p=b=>{b.key===we&&(b.metaKey||b.ctrlKey)&&(b.preventDefault(),C())};return window.addEventListener("keydown",p),()=>window.removeEventListener("keydown",p)},[C]);let A=R?"expanded":"collapsed",j=r.useMemo(()=>({state:A,open:R,setOpen:P,isMobile:f,openMobile:v,setOpenMobile:u,toggleSidebar:C}),[A,R,P,f,v,u,C]);return i(J.Provider,{value:j,children:i(Q,{delayDuration:0,children:i("div",{style:{"--sidebar-width":Re,"--sidebar-width-icon":ye,...s},className:o("group/sidebar-wrapper flex min-h-svh w-full has-[[data-variant=inset]]:bg-sidebar",n),ref:h,...m,children:l})})})});Pe.displayName="SidebarProvider";var Ce=r.forwardRef(({side:t="left",variant:e="sidebar",collapsible:a="offcanvas",className:n,children:s,...l},m)=>{let{isMobile:h,state:f,openMobile:v,setOpenMobile:u}=N();return a==="none"?i("div",{className:o("flex h-full w-[--sidebar-width] flex-col bg-sidebar text-sidebar-foreground",n),ref:m,...l,children:s}):h?i(K,{open:v,onOpenChange:u,...l,children:x(_,{"data-sidebar":"sidebar","data-mobile":"true",className:"w-[--sidebar-width] bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden",style:{"--sidebar-width":Se},side:t,children:[x(k,{className:"sr-only",children:[i(D,{children:"Sidebar"}),i(B,{children:"Displays the mobile sidebar."})]}),i("div",{className:"flex h-full w-full flex-col",children:s})]})}):x("div",{ref:m,className:"group peer hidden text-sidebar-foreground md:block","data-state":f,"data-collapsible":f==="collapsed"?a:"","data-variant":e,"data-side":t,children:[i("div",{className:o("relative w-[--sidebar-width] bg-transparent transition-[width] duration-200 ease-linear","group-data-[collapsible=offcanvas]:w-0","group-data-[side=right]:rotate-180",e==="floating"||e==="inset"?"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]":"group-data-[collapsible=icon]:w-[--sidebar-width-icon]")}),i("div",{className:o("fixed inset-y-0 z-10 hidden h-svh w-[--sidebar-width] transition-[left,right,width] duration-200 ease-linear md:flex",t==="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)]",e==="floating"||e==="inset"?"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]":"group-data-[collapsible=icon]:w-[--sidebar-width-icon] group-data-[side=left]:border-r group-data-[side=right]:border-l",n),...l,children:i("div",{"data-sidebar":"sidebar",className:"flex h-full w-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow",children:s})})]})});Ce.displayName="Sidebar";var Ne=r.forwardRef(({className:t,onClick:e,...a},n)=>{let{toggleSidebar:s}=N();return x(M,{ref:n,"data-sidebar":"trigger",variant:"ghost",size:"icon",className:o("h-7 w-7",t),onClick:l=>{e?.(l),s()},...a,children:[i(he,{}),i("span",{className:"sr-only",children:"Toggle Sidebar"})]})});Ne.displayName="SidebarTrigger";var Te=r.forwardRef(({className:t,...e},a)=>{let{toggleSidebar:n}=N();return i("button",{ref:a,"data-sidebar":"rail","aria-label":"Toggle Sidebar",tabIndex:-1,onClick:n,title:"Toggle Sidebar",className:o("absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-sidebar-border group-data-[side=left]:-right-4 group-data-[side=right]:left-0 sm:flex","[[data-side=left]_&]:cursor-w-resize [[data-side=right]_&]:cursor-e-resize","[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize","group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full group-data-[collapsible=offcanvas]:hover:bg-sidebar","[[data-side=left][data-collapsible=offcanvas]_&]:-right-2","[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",t),...e})});Te.displayName="SidebarRail";var Me=r.forwardRef(({className:t,...e},a)=>i("main",{ref:a,className:o("relative flex w-full flex-1 flex-col bg-background","md:peer-data-[variant=inset]:m-2 md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow",t),...e}));Me.displayName="SidebarInset";var Ee=r.forwardRef(({className:t,...e},a)=>i(E,{ref:a,"data-sidebar":"input",className:o("h-8 w-full bg-background shadow-none focus-visible:ring-2 focus-visible:ring-sidebar-ring",t),...e}));Ee.displayName="SidebarInput";var Le=r.forwardRef(({className:t,...e},a)=>i("div",{ref:a,"data-sidebar":"header",className:o("flex flex-col gap-2 p-2",t),...e}));Le.displayName="SidebarHeader";var He=r.forwardRef(({className:t,...e},a)=>i("div",{ref:a,"data-sidebar":"footer",className:o("flex flex-col gap-2 p-2",t),...e}));He.displayName="SidebarFooter";var Ie=r.forwardRef(({className:t,...e},a)=>i(H,{ref:a,"data-sidebar":"separator",className:o("mx-2 w-auto bg-sidebar-border",t),...e}));Ie.displayName="SidebarSeparator";var _e=r.forwardRef(({className:t,...e},a)=>i("div",{ref:a,"data-sidebar":"content",className:o("flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden",t),...e}));_e.displayName="SidebarContent";var ke=r.forwardRef(({className:t,...e},a)=>i("div",{ref:a,"data-sidebar":"group",className:o("relative flex w-full min-w-0 flex-col p-2",t),...e}));ke.displayName="SidebarGroup";var De=r.forwardRef(({className:t,asChild:e=!1,...a},n)=>i(e?y:"div",{ref:n,"data-sidebar":"group-label",className:o("flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 outline-none ring-sidebar-ring 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",t),...a}));De.displayName="SidebarGroupLabel";var Be=r.forwardRef(({className:t,asChild:e=!1,...a},n)=>i(e?y:"button",{ref:n,"data-sidebar":"group-action",className:o("absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0","after:absolute after:-inset-2 after:md:hidden","group-data-[collapsible=icon]:hidden",t),...a}));Be.displayName="SidebarGroupAction";var ze=r.forwardRef(({className:t,...e},a)=>i("div",{ref:a,"data-sidebar":"group-content",className:o("w-full text-sm",t),...e}));ze.displayName="SidebarGroupContent";var Oe=r.forwardRef(({className:t,...e},a)=>i("ul",{ref:a,"data-sidebar":"menu",className:o("flex w-full min-w-0 flex-col gap-1",t),...e}));Oe.displayName="SidebarMenu";var Ae=r.forwardRef(({className:t,...e},a)=>i("li",{ref:a,"data-sidebar":"menu-item",className:o("group/menu-item relative",t),...e}));Ae.displayName="SidebarMenuItem";var Ve=ge("peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none 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]: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:"text-sm",sm:"text-xs",lg:"text-sm group-data-[collapsible=icon]:!p-0"}},defaultVariants:{variant:"default",size:"default"}}),We=r.forwardRef(({asChild:t=!1,isActive:e=!1,variant:a="default",size:n="default",tooltip:s,className:l,...m},h)=>{let f=t?y:"button",{isMobile:v,state:u}=N(),w=i(f,{ref:h,"data-sidebar":"menu-button","data-size":n,"data-active":e,className:o(e&&"font-bold",Ve({variant:a,size:n}),l),...m});return s?(typeof s=="string"&&(s={children:s}),x(X,{children:[i(Y,{asChild:!0,children:w}),i(O,{side:"right",align:"center",hidden:u!=="collapsed"||v,...s})]})):w});We.displayName="SidebarMenuButton";var Ge=r.forwardRef(({className:t,asChild:e=!1,showOnHover:a=!1,...n},s)=>i(e?y:"button",{ref:s,"data-sidebar":"menu-action",className:o("absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 peer-hover/menu-button:text-sidebar-accent-foreground [&>svg]:size-4 [&>svg]:shrink-0","after:absolute after:-inset-2 after:md: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",a&&"group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 peer-data-[active=true]/menu-button:text-sidebar-accent-foreground md:opacity-0",t),...n}));Ge.displayName="SidebarMenuAction";var $e=r.forwardRef(({className:t,...e},a)=>i("div",{ref:a,"data-sidebar":"menu-badge",className:o("pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground","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",t),...e}));$e.displayName="SidebarMenuBadge";var Ke=r.forwardRef(({className:t,showIcon:e=!1,...a},n)=>{let s=r.useMemo(()=>`${Math.floor(Math.random()*40)+50}%`,[]);return x("div",{ref:n,"data-sidebar":"menu-skeleton",className:o("flex h-8 items-center gap-2 rounded-md px-2",t),...a,children:[e&&i(z,{className:"size-4 rounded-md","data-sidebar":"menu-skeleton-icon"}),i(z,{className:"h-4 max-w-[--skeleton-width] flex-1","data-sidebar":"menu-skeleton-text",style:{"--skeleton-width":s}})]})});Ke.displayName="SidebarMenuSkeleton";var Ue=r.forwardRef(({className:t,...e},a)=>i("ul",{ref:a,"data-sidebar":"menu-sub",className:o("mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5","group-data-[collapsible=icon]:hidden",t),...e}));Ue.displayName="SidebarMenuSub";var qe=r.forwardRef(({...t},e)=>i("li",{ref:e,...t}));qe.displayName="SidebarMenuSubItem";var Fe=r.forwardRef(({asChild:t=!1,size:e="md",isActive:a,className:n,...s},l)=>i(t?y:"a",{ref:l,"data-sidebar":"menu-sub-button","data-size":e,"data-active":a,className:o("flex min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md p-2 text-sidebar-foreground outline-none ring-sidebar-ring 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 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground","data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground",e==="sm"&&"text-xs",e==="md"&&"text-sm",a&&"font-bold","group-data-[collapsible=icon]:hidden",n),...s}));Fe.displayName="SidebarMenuSubButton";export{Ce as Sidebar,_e as SidebarContent,He as SidebarFooter,ke as SidebarGroup,Be as SidebarGroupAction,ze as SidebarGroupContent,De as SidebarGroupLabel,Le as SidebarHeader,Ee as SidebarInput,Me as SidebarInset,Oe as SidebarMenu,Ge as SidebarMenuAction,$e as SidebarMenuBadge,We as SidebarMenuButton,Ae as SidebarMenuItem,Ke as SidebarMenuSkeleton,Ue as SidebarMenuSub,Fe as SidebarMenuSubButton,qe as SidebarMenuSubItem,Pe as SidebarProvider,Te as SidebarRail,Ie as SidebarSeparator,Ne as SidebarTrigger,N as useSidebar};
+//# sourceMappingURL=sidebar.js.map

package/dist/sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/sidebar.tsx","../../utils/src/classMerge.ts","../src/hooks/use-mobile.tsx","../src/button.tsx","../src/input.tsx","../src/separator.tsx","../src/sheet.tsx","../src/skeleton.tsx","../src/tooltip.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { VariantProps, cva } from \"class-variance-authority\";\nimport { PanelLeft } from \"lucide-react\";\nimport { cn } from \"@c-rex/utils\";\nimport { useIsMobile } from \"./hooks/use-mobile\";\nimport { Button } from \"./button\";\nimport { Input } from \"./input\";\nimport { Separator } from \"./separator\";\nimport {\n    Sheet,\n    SheetContent,\n    SheetDescription,\n    SheetHeader,\n    SheetTitle,\n} from \"./sheet\";\nimport { Skeleton } from \"./skeleton\";\nimport {\n    Tooltip,\n    TooltipContent,\n    TooltipProvider,\n    TooltipTrigger,\n} from \"./tooltip\";\n\nconst SIDEBAR_COOKIE_NAME = \"sidebar_state\";\nconst SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;\nconst SIDEBAR_WIDTH = \"16rem\";\nconst SIDEBAR_WIDTH_MOBILE = \"18rem\";\nconst SIDEBAR_WIDTH_ICON = \"3rem\";\nconst SIDEBAR_KEYBOARD_SHORTCUT = \"b\";\n\ntype SidebarContext = {\n    state: \"expanded\" | \"collapsed\";\n    open: boolean;\n    setOpen: (open: boolean) => void;\n    openMobile: boolean;\n    setOpenMobile: (open: boolean) => void;\n    isMobile: boolean;\n    toggleSidebar: () => void;\n};\n\nconst SidebarContext = React.createContext<SidebarContext | null>(null);\n\nfunction useSidebar() {\n    const context = React.useContext(SidebarContext);\n    if (!context) {\n        throw new Error(\"useSidebar must be used within a SidebarProvider.\");\n    }\n\n    return context;\n}\n\nconst SidebarProvider = React.forwardRef<\n    HTMLDivElement,\n    React.ComponentProps<\"div\"> & {\n        defaultOpen?: boolean;\n        open?: boolean;\n        onOpenChange?: (open: boolean) => void;\n    }\n>(\n    (\n        {\n            defaultOpen = true,\n            open: openProp,\n            onOpenChange: setOpenProp,\n            className,\n            style,\n            children,\n            ...props\n        },\n        ref,\n    ) => {\n        const isMobile = useIsMobile();\n        const [openMobile, setOpenMobile] = React.useState(false);\n\n        // This is the internal state of the sidebar.\n        // We use openProp and setOpenProp for control from outside the component.\n        const [_open, _setOpen] = React.useState(defaultOpen);\n        const open = openProp ?? _open;\n        const setOpen = React.useCallback(\n            (value: boolean | ((value: boolean) => boolean)) => {\n                const openState = typeof value === \"function\" ? value(open) : value;\n                if (setOpenProp) {\n                    setOpenProp(openState);\n                } else {\n                    _setOpen(openState);\n                }\n\n                // This sets the cookie to keep the sidebar state.\n                document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;\n            },\n            [setOpenProp, open],\n        );\n\n        // Helper to toggle the sidebar.\n        const toggleSidebar = React.useCallback(() => {\n            return isMobile\n                ? setOpenMobile((open) => !open)\n                : setOpen((open) => !open);\n        }, [isMobile, setOpen, setOpenMobile]);\n\n        // Adds a keyboard shortcut to toggle the sidebar.\n        React.useEffect(() => {\n            const handleKeyDown = (event: KeyboardEvent) => {\n                if (\n                    event.key === SIDEBAR_KEYBOARD_SHORTCUT &&\n                    (event.metaKey || event.ctrlKey)\n                ) {\n                    event.preventDefault();\n                    toggleSidebar();\n                }\n            };\n\n            window.addEventListener(\"keydown\", handleKeyDown);\n            return () => window.removeEventListener(\"keydown\", handleKeyDown);\n        }, [toggleSidebar]);\n\n        // We add a state so that we can do data-state=\"expanded\" or \"collapsed\".\n        // This makes it easier to style the sidebar with Tailwind classes.\n        const state = open ? \"expanded\" : \"collapsed\";\n\n        const contextValue = React.useMemo<SidebarContext>(\n            () => ({\n                state,\n                open,\n                setOpen,\n                isMobile,\n                openMobile,\n                setOpenMobile,\n                toggleSidebar,\n            }),\n            [\n                state,\n                open,\n                setOpen,\n                isMobile,\n                openMobile,\n                setOpenMobile,\n                toggleSidebar,\n            ],\n        );\n\n        return (\n            <SidebarContext.Provider value={contextValue}>\n                <TooltipProvider delayDuration={0}>\n                    <div\n                        style={\n                            {\n                                \"--sidebar-width\": SIDEBAR_WIDTH,\n                                \"--sidebar-width-icon\": SIDEBAR_WIDTH_ICON,\n                                ...style,\n                            } as React.CSSProperties\n                        }\n                        className={cn(\n                            \"group/sidebar-wrapper flex min-h-svh w-full has-[[data-variant=inset]]:bg-sidebar\",\n                            className,\n                        )}\n                        ref={ref}\n                        {...props}\n                    >\n                        {children}\n                    </div>\n                </TooltipProvider>\n            </SidebarContext.Provider>\n        );\n    },\n);\nSidebarProvider.displayName = \"SidebarProvider\";\n\nconst Sidebar = React.forwardRef<\n    HTMLDivElement,\n    React.ComponentProps<\"div\"> & {\n        side?: \"left\" | \"right\";\n        variant?: \"sidebar\" | \"floating\" | \"inset\";\n        collapsible?: \"offcanvas\" | \"icon\" | \"none\";\n    }\n>(\n    (\n        {\n            side = \"left\",\n            variant = \"sidebar\",\n            collapsible = \"offcanvas\",\n            className,\n            children,\n            ...props\n        },\n        ref,\n    ) => {\n        const { isMobile, state, openMobile, setOpenMobile } = useSidebar();\n\n        if (collapsible === \"none\") {\n            return (\n                <div\n                    className={cn(\n                        \"flex h-full w-[--sidebar-width] flex-col bg-sidebar text-sidebar-foreground\",\n                        className,\n                    )}\n                    ref={ref}\n                    {...props}\n                >\n                    {children}\n                </div>\n            );\n        }\n\n        if (isMobile) {\n            return (\n                <Sheet open={openMobile} onOpenChange={setOpenMobile} {...props}>\n                    <SheetContent\n                        data-sidebar=\"sidebar\"\n                        data-mobile=\"true\"\n                        className=\"w-[--sidebar-width] bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden\"\n                        style={\n                            {\n                                \"--sidebar-width\": SIDEBAR_WIDTH_MOBILE,\n                            } as React.CSSProperties\n                        }\n                        side={side}\n                    >\n                        <SheetHeader className=\"sr-only\">\n                            <SheetTitle>Sidebar</SheetTitle>\n                            <SheetDescription>Displays the mobile sidebar.</SheetDescription>\n                        </SheetHeader>\n                        <div className=\"flex h-full w-full flex-col\">{children}</div>\n                    </SheetContent>\n                </Sheet>\n            );\n        }\n\n        return (\n            <div\n                ref={ref}\n                className=\"group peer hidden text-sidebar-foreground md:block\"\n                data-state={state}\n                data-collapsible={state === \"collapsed\" ? collapsible : \"\"}\n                data-variant={variant}\n                data-side={side}\n            >\n                {/* This is what handles the sidebar gap on desktop */}\n                <div\n                    className={cn(\n                        \"relative w-[--sidebar-width] bg-transparent transition-[width] duration-200 ease-linear\",\n                        \"group-data-[collapsible=offcanvas]:w-0\",\n                        \"group-data-[side=right]:rotate-180\",\n                        variant === \"floating\" || variant === \"inset\"\n                            ? \"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]\"\n                            : \"group-data-[collapsible=icon]:w-[--sidebar-width-icon]\",\n                    )}\n                />\n                <div\n                    className={cn(\n                        \"fixed inset-y-0 z-10 hidden h-svh w-[--sidebar-width] transition-[left,right,width] duration-200 ease-linear md:flex\",\n                        side === \"left\"\n                            ? \"left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]\"\n                            : \"right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]\",\n                        // Adjust the padding for floating and inset variants.\n                        variant === \"floating\" || variant === \"inset\"\n                            ? \"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]\"\n                            : \"group-data-[collapsible=icon]:w-[--sidebar-width-icon] group-data-[side=left]:border-r group-data-[side=right]:border-l\",\n                        className,\n                    )}\n                    {...props}\n                >\n                    <div\n                        data-sidebar=\"sidebar\"\n                        className=\"flex h-full w-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow\"\n                    >\n                        {children}\n                    </div>\n                </div>\n            </div>\n        );\n    },\n);\nSidebar.displayName = \"Sidebar\";\n\nconst SidebarTrigger = React.forwardRef<\n    React.ElementRef<typeof Button>,\n    React.ComponentProps<typeof Button>\n>(({ className, onClick, ...props }, ref) => {\n    const { toggleSidebar } = useSidebar();\n\n    return (\n        <Button\n            ref={ref}\n            data-sidebar=\"trigger\"\n            variant=\"ghost\"\n            size=\"icon\"\n            className={cn(\"h-7 w-7\", className)}\n            onClick={(event) => {\n                onClick?.(event);\n                toggleSidebar();\n            }}\n            {...props}\n        >\n            <PanelLeft />\n            <span className=\"sr-only\">Toggle Sidebar</span>\n        </Button>\n    );\n});\nSidebarTrigger.displayName = \"SidebarTrigger\";\n\nconst SidebarRail = React.forwardRef<\n    HTMLButtonElement,\n    React.ComponentProps<\"button\">\n>(({ className, ...props }, ref) => {\n    const { toggleSidebar } = useSidebar();\n\n    return (\n        <button\n            ref={ref}\n            data-sidebar=\"rail\"\n            aria-label=\"Toggle Sidebar\"\n            tabIndex={-1}\n            onClick={toggleSidebar}\n            title=\"Toggle Sidebar\"\n            className={cn(\n                \"absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-sidebar-border group-data-[side=left]:-right-4 group-data-[side=right]:left-0 sm:flex\",\n                \"[[data-side=left]_&]:cursor-w-resize [[data-side=right]_&]:cursor-e-resize\",\n                \"[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize\",\n                \"group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full group-data-[collapsible=offcanvas]:hover:bg-sidebar\",\n                \"[[data-side=left][data-collapsible=offcanvas]_&]:-right-2\",\n                \"[[data-side=right][data-collapsible=offcanvas]_&]:-left-2\",\n                className,\n            )}\n            {...props}\n        />\n    );\n});\nSidebarRail.displayName = \"SidebarRail\";\n\nconst SidebarInset = React.forwardRef<\n    HTMLDivElement,\n    React.ComponentProps<\"main\">\n>(({ className, ...props }, ref) => {\n    return (\n        <main\n            ref={ref}\n            className={cn(\n                \"relative flex w-full flex-1 flex-col bg-background\",\n                \"md:peer-data-[variant=inset]:m-2 md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow\",\n                className,\n            )}\n            {...props}\n        />\n    );\n});\nSidebarInset.displayName = \"SidebarInset\";\n\nconst SidebarInput = React.forwardRef<\n    React.ElementRef<typeof Input>,\n    React.ComponentProps<typeof Input>\n>(({ className, ...props }, ref) => {\n    return (\n        <Input\n            ref={ref}\n            data-sidebar=\"input\"\n            className={cn(\n                \"h-8 w-full bg-background shadow-none focus-visible:ring-2 focus-visible:ring-sidebar-ring\",\n                className,\n            )}\n            {...props}\n        />\n    );\n});\nSidebarInput.displayName = \"SidebarInput\";\n\nconst SidebarHeader = React.forwardRef<\n    HTMLDivElement,\n    React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => {\n    return (\n        <div\n            ref={ref}\n            data-sidebar=\"header\"\n            className={cn(\"flex flex-col gap-2 p-2\", className)}\n            {...props}\n        />\n    );\n});\nSidebarHeader.displayName = \"SidebarHeader\";\n\nconst SidebarFooter = React.forwardRef<\n    HTMLDivElement,\n    React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => {\n    return (\n        <div\n            ref={ref}\n            data-sidebar=\"footer\"\n            className={cn(\"flex flex-col gap-2 p-2\", className)}\n            {...props}\n        />\n    );\n});\nSidebarFooter.displayName = \"SidebarFooter\";\n\nconst SidebarSeparator = React.forwardRef<\n    React.ElementRef<typeof Separator>,\n    React.ComponentProps<typeof Separator>\n>(({ className, ...props }, ref) => {\n    return (\n        <Separator\n            ref={ref}\n            data-sidebar=\"separator\"\n            className={cn(\"mx-2 w-auto bg-sidebar-border\", className)}\n            {...props}\n        />\n    );\n});\nSidebarSeparator.displayName = \"SidebarSeparator\";\n\nconst SidebarContent = React.forwardRef<\n    HTMLDivElement,\n    React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => {\n    return (\n        <div\n            ref={ref}\n            data-sidebar=\"content\"\n            className={cn(\n                \"flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden\",\n                className,\n            )}\n            {...props}\n        />\n    );\n});\nSidebarContent.displayName = \"SidebarContent\";\n\nconst SidebarGroup = React.forwardRef<\n    HTMLDivElement,\n    React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => {\n    return (\n        <div\n            ref={ref}\n            data-sidebar=\"group\"\n            className={cn(\"relative flex w-full min-w-0 flex-col p-2\", className)}\n            {...props}\n        />\n    );\n});\nSidebarGroup.displayName = \"SidebarGroup\";\n\nconst SidebarGroupLabel = React.forwardRef<\n    HTMLDivElement,\n    React.ComponentProps<\"div\"> & { asChild?: boolean }\n>(({ className, asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"div\";\n\n    return (\n        <Comp\n            ref={ref}\n            data-sidebar=\"group-label\"\n            className={cn(\n                \"flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 outline-none ring-sidebar-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0\",\n                \"group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0\",\n                className,\n            )}\n            {...props}\n        />\n    );\n});\nSidebarGroupLabel.displayName = \"SidebarGroupLabel\";\n\nconst SidebarGroupAction = React.forwardRef<\n    HTMLButtonElement,\n    React.ComponentProps<\"button\"> & { asChild?: boolean }\n>(({ className, asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"button\";\n\n    return (\n        <Comp\n            ref={ref}\n            data-sidebar=\"group-action\"\n            className={cn(\n                \"absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0\",\n                // Increases the hit area of the button on mobile.\n                \"after:absolute after:-inset-2 after:md:hidden\",\n                \"group-data-[collapsible=icon]:hidden\",\n                className,\n            )}\n            {...props}\n        />\n    );\n});\nSidebarGroupAction.displayName = \"SidebarGroupAction\";\n\nconst SidebarGroupContent = React.forwardRef<\n    HTMLDivElement,\n    React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => (\n    <div\n        ref={ref}\n        data-sidebar=\"group-content\"\n        className={cn(\"w-full text-sm\", className)}\n        {...props}\n    />\n));\nSidebarGroupContent.displayName = \"SidebarGroupContent\";\n\nconst SidebarMenu = React.forwardRef<\n    HTMLUListElement,\n    React.ComponentProps<\"ul\">\n>(({ className, ...props }, ref) => (\n    <ul\n        ref={ref}\n        data-sidebar=\"menu\"\n        className={cn(\"flex w-full min-w-0 flex-col gap-1\", className)}\n        {...props}\n    />\n));\nSidebarMenu.displayName = \"SidebarMenu\";\n\nconst SidebarMenuItem = React.forwardRef<\n    HTMLLIElement,\n    React.ComponentProps<\"li\">\n>(({ className, ...props }, ref) => (\n    <li\n        ref={ref}\n        data-sidebar=\"menu-item\"\n        className={cn(\"group/menu-item relative\", className)}\n        {...props}\n    />\n));\nSidebarMenuItem.displayName = \"SidebarMenuItem\";\n\nconst sidebarMenuButtonVariants = cva(\n    \"peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none 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]: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\",\n    {\n        variants: {\n            variant: {\n                default: \"hover:bg-sidebar-accent hover:text-sidebar-accent-foreground\",\n                outline:\n                    \"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))]\",\n            },\n            size: {\n                default: \"text-sm\",\n                sm: \"text-xs\",\n                lg: \"text-sm group-data-[collapsible=icon]:!p-0\",\n            },\n        },\n        defaultVariants: {\n            variant: \"default\",\n            size: \"default\",\n        },\n    },\n);\n\nconst SidebarMenuButton = React.forwardRef<\n    HTMLButtonElement,\n    React.ComponentProps<\"button\"> & {\n        asChild?: boolean;\n        isActive?: boolean;\n        tooltip?: string | React.ComponentProps<typeof TooltipContent>;\n    } & VariantProps<typeof sidebarMenuButtonVariants>\n>(\n    (\n        {\n            asChild = false,\n            isActive = false,\n            variant = \"default\",\n            size = \"default\",\n            tooltip,\n            className,\n            ...props\n        },\n        ref,\n    ) => {\n        const Comp = asChild ? Slot : \"button\";\n        const { isMobile, state } = useSidebar();\n\n        const button = (\n            <Comp\n                ref={ref}\n                data-sidebar=\"menu-button\"\n                data-size={size}\n                data-active={isActive}\n                className={cn(\n                    isActive && \"font-bold\",\n                    sidebarMenuButtonVariants({ variant, size }),\n                    className,\n                )}\n                {...props}\n            />\n        );\n\n        if (!tooltip) {\n            return button;\n        }\n\n        if (typeof tooltip === \"string\") {\n            tooltip = {\n                children: tooltip,\n            };\n        }\n\n        return (\n            <Tooltip>\n                <TooltipTrigger asChild>{button}</TooltipTrigger>\n                <TooltipContent\n                    side=\"right\"\n                    align=\"center\"\n                    hidden={state !== \"collapsed\" || isMobile}\n                    {...tooltip}\n                />\n            </Tooltip>\n        );\n    },\n);\nSidebarMenuButton.displayName = \"SidebarMenuButton\";\n\nconst SidebarMenuAction = React.forwardRef<\n    HTMLButtonElement,\n    React.ComponentProps<\"button\"> & {\n        asChild?: boolean;\n        showOnHover?: boolean;\n    }\n>(({ className, asChild = false, showOnHover = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"button\";\n\n    return (\n        <Comp\n            ref={ref}\n            data-sidebar=\"menu-action\"\n            className={cn(\n                \"absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 peer-hover/menu-button:text-sidebar-accent-foreground [&>svg]:size-4 [&>svg]:shrink-0\",\n                // Increases the hit area of the button on mobile.\n                \"after:absolute after:-inset-2 after:md:hidden\",\n                \"peer-data-[size=sm]/menu-button:top-1\",\n                \"peer-data-[size=default]/menu-button:top-1.5\",\n                \"peer-data-[size=lg]/menu-button:top-2.5\",\n                \"group-data-[collapsible=icon]:hidden\",\n                showOnHover &&\n                \"group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 peer-data-[active=true]/menu-button:text-sidebar-accent-foreground md:opacity-0\",\n                className,\n            )}\n            {...props}\n        />\n    );\n});\nSidebarMenuAction.displayName = \"SidebarMenuAction\";\n\nconst SidebarMenuBadge = React.forwardRef<\n    HTMLDivElement,\n    React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => (\n    <div\n        ref={ref}\n        data-sidebar=\"menu-badge\"\n        className={cn(\n            \"pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground\",\n            \"peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground\",\n            \"peer-data-[size=sm]/menu-button:top-1\",\n            \"peer-data-[size=default]/menu-button:top-1.5\",\n            \"peer-data-[size=lg]/menu-button:top-2.5\",\n            \"group-data-[collapsible=icon]:hidden\",\n            className,\n        )}\n        {...props}\n    />\n));\nSidebarMenuBadge.displayName = \"SidebarMenuBadge\";\n\nconst SidebarMenuSkeleton = React.forwardRef<\n    HTMLDivElement,\n    React.ComponentProps<\"div\"> & {\n        showIcon?: boolean;\n    }\n>(({ className, showIcon = false, ...props }, ref) => {\n    // Random width between 50 to 90%.\n    const width = React.useMemo(() => {\n        return `${Math.floor(Math.random() * 40) + 50}%`;\n    }, []);\n\n    return (\n        <div\n            ref={ref}\n            data-sidebar=\"menu-skeleton\"\n            className={cn(\"flex h-8 items-center gap-2 rounded-md px-2\", className)}\n            {...props}\n        >\n            {showIcon && (\n                <Skeleton\n                    className=\"size-4 rounded-md\"\n                    data-sidebar=\"menu-skeleton-icon\"\n                />\n            )}\n            <Skeleton\n                className=\"h-4 max-w-[--skeleton-width] flex-1\"\n                data-sidebar=\"menu-skeleton-text\"\n                style={\n                    {\n                        \"--skeleton-width\": width,\n                    } as React.CSSProperties\n                }\n            />\n        </div>\n    );\n});\nSidebarMenuSkeleton.displayName = \"SidebarMenuSkeleton\";\n\nconst SidebarMenuSub = React.forwardRef<\n    HTMLUListElement,\n    React.ComponentProps<\"ul\">\n>(({ className, ...props }, ref) => (\n    <ul\n        ref={ref}\n        data-sidebar=\"menu-sub\"\n        className={cn(\n            \"mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5\",\n            \"group-data-[collapsible=icon]:hidden\",\n            className,\n        )}\n        {...props}\n    />\n));\nSidebarMenuSub.displayName = \"SidebarMenuSub\";\n\nconst SidebarMenuSubItem = React.forwardRef<\n    HTMLLIElement,\n    React.ComponentProps<\"li\">\n>(({ ...props }, ref) => <li ref={ref} {...props} />);\nSidebarMenuSubItem.displayName = \"SidebarMenuSubItem\";\n\nconst SidebarMenuSubButton = React.forwardRef<\n    HTMLAnchorElement,\n    React.ComponentProps<\"a\"> & {\n        asChild?: boolean;\n        size?: \"sm\" | \"md\";\n        isActive?: boolean;\n    }\n>(({ asChild = false, size = \"md\", isActive, className, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"a\";\n\n    return (\n        <Comp\n            ref={ref}\n            data-sidebar=\"menu-sub-button\"\n            data-size={size}\n            data-active={isActive}\n            className={cn(\n                \"flex min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md p-2 text-sidebar-foreground outline-none ring-sidebar-ring 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 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground\",\n                \"data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground\",\n                size === \"sm\" && \"text-xs\",\n                size === \"md\" && \"text-sm\",\n                isActive && \"font-bold\",\n                \"group-data-[collapsible=icon]:hidden\",\n                className,\n            )}\n            {...props}\n        />\n    );\n});\nSidebarMenuSubButton.displayName = \"SidebarMenuSubButton\";\n\nexport {\n    Sidebar,\n    SidebarContent,\n    SidebarFooter,\n    SidebarGroup,\n    SidebarGroupAction,\n    SidebarGroupContent,\n    SidebarGroupLabel,\n    SidebarHeader,\n    SidebarInput,\n    SidebarInset,\n    SidebarMenu,\n    SidebarMenuAction,\n    SidebarMenuBadge,\n    SidebarMenuButton,\n    SidebarMenuItem,\n    SidebarMenuSkeleton,\n    SidebarMenuSub,\n    SidebarMenuSubButton,\n    SidebarMenuSubItem,\n    SidebarProvider,\n    SidebarRail,\n    SidebarSeparator,\n    SidebarTrigger,\n    useSidebar,\n};\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n    return twMerge(clsx(inputs));\n}\n","import { useEffect, useState } from \"react\";\n\nconst MOBILE_BREAKPOINT = 768;\n\nexport function useIsMobile() {\n  const [isMobile, setIsMobile] = useState<boolean | undefined>(undefined);\n\n  useEffect(() => {\n    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);\n    const onChange = () => {\n      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n    };\n    mql.addEventListener(\"change\", onChange);\n    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n    return () => mql.removeEventListener(\"change\", onChange);\n  }, []);\n\n  return !!isMobile;\n}\n","import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"@c-rex/utils\";\n\nconst buttonVariants = cva(\n    \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\n    {\n        variants: {\n            variant: {\n                default:\n                    \"bg-primary text-primary-foreground shadow hover:bg-primary/90\",\n                destructive:\n                    \"bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90\",\n                outline:\n                    \"border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground\",\n                secondary:\n                    \"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80\",\n                ghost: \"hover:bg-accent hover:text-accent-foreground\",\n                link: \"text-primary underline-offset-4 hover:underline\",\n            },\n            size: {\n                default: \"h-9 px-4 py-2\",\n                sm: \"h-8 rounded-md px-3 text-xs\",\n                lg: \"h-10 rounded-md px-8\",\n                icon: \"h-9 w-9\",\n            },\n            rounded: {\n                default: \"rounded-md\",\n                sm: \"rounded-sm\",\n                lg: \"rounded-lg\",\n                xl: \"rounded-xl\",\n                \"2xl\": \"rounded-2xl\",\n                full: \"rounded-full\",\n            },\n        },\n        defaultVariants: {\n            variant: \"default\",\n            size: \"default\",\n            rounded: \"default\",\n        },\n    },\n);\n\nexport interface ButtonProps\n    extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n    asChild?: boolean;\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n    ({ className, variant, size, rounded, asChild = false, ...props }, ref) => {\n        const Comp = asChild ? Slot : \"button\";\n        return (\n            <Comp\n                className={cn(buttonVariants({ variant, size, rounded, className }))}\n                ref={ref}\n                {...props}\n            />\n        );\n    },\n);\nButton.displayName = \"Button\";\n\nexport { Button, buttonVariants };\n","import * as React from \"react\";\n\nimport { cn } from \"@c-rex/utils\";\n\nconst Input = React.forwardRef<HTMLInputElement, React.ComponentProps<\"input\">>(\n    ({ className, type, ...props }, ref) => {\n        return (\n            <input\n                type={type}\n                className={cn(\n                    \"flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\n                    className,\n                )}\n                ref={ref}\n                {...props}\n            />\n        );\n    },\n);\nInput.displayName = \"Input\";\n\nexport { Input };\n","import * as React from \"react\";\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\";\n\nimport { cn } from \"@c-rex/utils\";\n\nconst Separator = React.forwardRef<\n    React.ElementRef<typeof SeparatorPrimitive.Root>,\n    React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>\n>(\n    (\n        { className, orientation = \"horizontal\", decorative = true, ...props },\n        ref,\n    ) => (\n        <SeparatorPrimitive.Root\n            ref={ref}\n            decorative={decorative}\n            orientation={orientation}\n            className={cn(\n                \"shrink-0 bg-border\",\n                orientation === \"horizontal\" ? \"h-[1px] w-full\" : \"h-full w-[1px]\",\n                className,\n            )}\n            {...props}\n        />\n    ),\n);\nSeparator.displayName = SeparatorPrimitive.Root.displayName;\n\nexport { Separator };\n","\"use client\";\n\nimport * as React from \"react\";\nimport * as SheetPrimitive from \"@radix-ui/react-dialog\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { X } from \"lucide-react\";\n\nimport { cn } from \"@c-rex/utils\";\n\nconst Sheet = SheetPrimitive.Root;\n\nconst SheetTrigger = SheetPrimitive.Trigger;\n\nconst SheetClose = SheetPrimitive.Close;\n\nconst SheetPortal = SheetPrimitive.Portal;\n\nconst SheetOverlay = React.forwardRef<\n    React.ElementRef<typeof SheetPrimitive.Overlay>,\n    React.ComponentPropsWithoutRef<typeof SheetPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n    <SheetPrimitive.Overlay\n        className={cn(\n            \"fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n            className,\n        )}\n        {...props}\n        ref={ref}\n    />\n));\nSheetOverlay.displayName = SheetPrimitive.Overlay.displayName;\n\nconst sheetVariants = cva(\n    \"fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out\",\n    {\n        variants: {\n            side: {\n                top: \"inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top\",\n                bottom:\n                    \"inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom\",\n                left: \"inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm\",\n                right:\n                    \"inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm\",\n            },\n        },\n        defaultVariants: {\n            side: \"right\",\n        },\n    },\n);\n\ninterface SheetContentProps\n    extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>,\n    VariantProps<typeof sheetVariants> { }\n\nconst SheetContent = React.forwardRef<\n    React.ElementRef<typeof SheetPrimitive.Content>,\n    SheetContentProps\n>(({ side = \"right\", className, children, ...props }, ref) => (\n    <SheetPortal>\n        <SheetOverlay />\n        <SheetPrimitive.Content\n            ref={ref}\n            className={cn(sheetVariants({ side }), className)}\n            {...props}\n        >\n            <SheetPrimitive.Close className=\"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary\">\n                <X className=\"h-4 w-4\" />\n                <span className=\"sr-only\">Close</span>\n            </SheetPrimitive.Close>\n            {children}\n        </SheetPrimitive.Content>\n    </SheetPortal>\n));\nSheetContent.displayName = SheetPrimitive.Content.displayName;\n\nconst SheetHeader = ({\n    className,\n    ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n    <div\n        className={cn(\n            \"flex flex-col space-y-2 text-center sm:text-left\",\n            className,\n        )}\n        {...props}\n    />\n);\nSheetHeader.displayName = \"SheetHeader\";\n\nconst SheetFooter = ({\n    className,\n    ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n    <div\n        className={cn(\n            \"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\",\n            className,\n        )}\n        {...props}\n    />\n);\nSheetFooter.displayName = \"SheetFooter\";\n\nconst SheetTitle = React.forwardRef<\n    React.ElementRef<typeof SheetPrimitive.Title>,\n    React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>\n>(({ className, ...props }, ref) => (\n    <SheetPrimitive.Title\n        ref={ref}\n        className={cn(\"text-lg font-semibold text-foreground\", className)}\n        {...props}\n    />\n));\nSheetTitle.displayName = SheetPrimitive.Title.displayName;\n\nconst SheetDescription = React.forwardRef<\n    React.ElementRef<typeof SheetPrimitive.Description>,\n    React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>\n>(({ className, ...props }, ref) => (\n    <SheetPrimitive.Description\n        ref={ref}\n        className={cn(\"text-sm text-muted-foreground\", className)}\n        {...props}\n    />\n));\nSheetDescription.displayName = SheetPrimitive.Description.displayName;\n\nexport {\n    Sheet,\n    SheetPortal,\n    SheetOverlay,\n    SheetTrigger,\n    SheetClose,\n    SheetContent,\n    SheetHeader,\n    SheetFooter,\n    SheetTitle,\n    SheetDescription,\n};\n","import { cn } from \"@c-rex/utils\";\n\nfunction Skeleton({\n    className,\n    ...props\n}: React.HTMLAttributes<HTMLDivElement>) {\n    return (\n        <div\n            className={cn(\"animate-pulse rounded-md bg-primary/10\", className)}\n            {...props}\n        />\n    );\n}\n\nexport { Skeleton };\n","import * as React from \"react\";\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\n\nimport { cn } from \"@c-rex/utils\";\n\nconst TooltipProvider = TooltipPrimitive.Provider;\n\nconst Tooltip = TooltipPrimitive.Root;\n\nconst TooltipTrigger = TooltipPrimitive.Trigger;\n\nconst TooltipContent = React.forwardRef<\n    React.ElementRef<typeof TooltipPrimitive.Content>,\n    React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n    <TooltipPrimitive.Portal>\n        <TooltipPrimitive.Content\n            ref={ref}\n            sideOffset={sideOffset}\n            className={cn(\n                \"z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground 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\",\n                className,\n            )}\n            {...props}\n        />\n    </TooltipPrimitive.Portal>\n));\nTooltipContent.displayName = TooltipPrimitive.Content.displayName;\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };\n"],"mappings":"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","names":["React","Slot","cva","PanelLeft","clsx","twMerge","cn","inputs","useEffect","useState","MOBILE_BREAKPOINT","useIsMobile","isMobile","setIsMobile","mql","onChange","React","Slot","cva","jsx","buttonVariants","cva","Button","className","variant","size","rounded","asChild","props","ref","Slot","cn","React","jsx","Input","className","type","props","ref","cn","React","SeparatorPrimitive","jsx","Separator","className","orientation","decorative","props","ref","cn","React","SheetPrimitive","cva","X","jsx","jsxs","Sheet","SheetPortal","SheetOverlay","className","props","ref","jsx","cn","sheetVariants","cva","SheetContent","side","children","jsxs","X","SheetHeader","SheetFooter","SheetTitle","SheetDescription","jsx","Skeleton","className","props","cn","React","TooltipPrimitive","jsx","TooltipProvider","Tooltip","TooltipTrigger","TooltipContent","className","sideOffset","props","ref","cn","jsx","jsxs","SIDEBAR_COOKIE_NAME","SIDEBAR_COOKIE_MAX_AGE","SIDEBAR_WIDTH","SIDEBAR_WIDTH_MOBILE","SIDEBAR_WIDTH_ICON","SIDEBAR_KEYBOARD_SHORTCUT","SidebarContext","useSidebar","context","SidebarProvider","defaultOpen","openProp","setOpenProp","className","style","children","props","ref","isMobile","useIsMobile","openMobile","setOpenMobile","_open","_setOpen","open","setOpen","value","openState","toggleSidebar","handleKeyDown","event","state","contextValue","TooltipProvider","cn","Sidebar","side","variant","collapsible","Sheet","SheetContent","SheetHeader","SheetTitle","SheetDescription","SidebarTrigger","onClick","Button","PanelLeft","SidebarRail","SidebarInset","SidebarInput","Input","SidebarHeader","SidebarFooter","SidebarSeparator","Separator","SidebarContent","SidebarGroup","SidebarGroupLabel","asChild","Slot","SidebarGroupAction","SidebarGroupContent","SidebarMenu","SidebarMenuItem","sidebarMenuButtonVariants","cva","SidebarMenuButton","isActive","size","tooltip","Comp","button","Tooltip","TooltipTrigger","TooltipContent","SidebarMenuAction","showOnHover","SidebarMenuBadge","SidebarMenuSkeleton","showIcon","width","Skeleton","SidebarMenuSub","SidebarMenuSubItem","SidebarMenuSubButton"]}

package/dist/skeleton.cjs

@@ -0,0 +1,2 @@
+"use strict";var n=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var l=Object.prototype.hasOwnProperty;var f=(e,r)=>{for(var o in r)n(e,o,{get:r[o],enumerable:!0})},d=(e,r,o,a)=>{if(r&&typeof r=="object"||typeof r=="function")for(let t of p(r))!l.call(e,t)&&t!==o&&n(e,t,{get:()=>r[t],enumerable:!(a=u(r,t))||a.enumerable});return e};var y=e=>d(n({},"__esModule",{value:!0}),e);var g={};f(g,{Skeleton:()=>h});module.exports=y(g);var s=require("clsx"),m=require("tailwind-merge");function c(...e){return(0,m.twMerge)((0,s.clsx)(e))}var i=require("react/jsx-runtime");function h({className:e,...r}){return(0,i.jsx)("div",{className:c("animate-pulse rounded-md bg-primary/10",e),...r})}0&&(module.exports={Skeleton});
+//# sourceMappingURL=skeleton.cjs.map

package/dist/skeleton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/skeleton.tsx","../../utils/src/classMerge.ts"],"sourcesContent":["import { cn } from \"@c-rex/utils\";\n\nfunction Skeleton({\n    className,\n    ...props\n}: React.HTMLAttributes<HTMLDivElement>) {\n    return (\n        <div\n            className={cn(\"animate-pulse rounded-md bg-primary/10\", className)}\n            {...props}\n        />\n    );\n}\n\nexport { Skeleton };\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n    return twMerge(clsx(inputs));\n}\n"],"mappings":"yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,cAAAE,IAAA,eAAAC,EAAAH,GCAA,IAAAI,EAAsC,gBACtCC,EAAwB,0BAEjB,SAASC,KAAMC,EAAsB,CACxC,SAAO,cAAQ,QAAKA,CAAM,CAAC,CAC/B,CDEQ,IAAAC,EAAA,6BALR,SAASC,EAAS,CACd,UAAAC,EACA,GAAGC,CACP,EAAyC,CACrC,SACI,OAAC,OACG,UAAWC,EAAG,yCAA0CF,CAAS,EAChE,GAAGC,EACR,CAER","names":["skeleton_exports","__export","Skeleton","__toCommonJS","import_clsx","import_tailwind_merge","cn","inputs","import_jsx_runtime","Skeleton","className","props","cn"]}

package/dist/skeleton.d.cts

@@ -0,0 +1,5 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+
+export { Skeleton };

package/dist/skeleton.d.ts

@@ -0,0 +1,5 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+
+export { Skeleton };

package/dist/skeleton.js

@@ -0,0 +1,2 @@
+import{clsx as o}from"clsx";import{twMerge as n}from"tailwind-merge";function r(...e){return n(o(e))}import{jsx as a}from"react/jsx-runtime";function h({className:e,...t}){return a("div",{className:r("animate-pulse rounded-md bg-primary/10",e),...t})}export{h as Skeleton};
+//# sourceMappingURL=skeleton.js.map

package/dist/skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../utils/src/classMerge.ts","../src/skeleton.tsx"],"sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n    return twMerge(clsx(inputs));\n}\n","import { cn } from \"@c-rex/utils\";\n\nfunction Skeleton({\n    className,\n    ...props\n}: React.HTMLAttributes<HTMLDivElement>) {\n    return (\n        <div\n            className={cn(\"animate-pulse rounded-md bg-primary/10\", className)}\n            {...props}\n        />\n    );\n}\n\nexport { Skeleton };\n"],"mappings":"AAAA,OAAS,QAAAA,MAA6B,OACtC,OAAS,WAAAC,MAAe,iBAEjB,SAASC,KAAMC,EAAsB,CACxC,OAAOF,EAAQD,EAAKG,CAAM,CAAC,CAC/B,CCEQ,cAAAC,MAAA,oBALR,SAASC,EAAS,CACd,UAAAC,EACA,GAAGC,CACP,EAAyC,CACrC,OACIH,EAAC,OACG,UAAWI,EAAG,yCAA0CF,CAAS,EAChE,GAAGC,EACR,CAER","names":["clsx","twMerge","cn","inputs","jsx","Skeleton","className","props","cn"]}

package/dist/table.cjs

@@ -0,0 +1,2 @@
+"use strict";var L=Object.create;var s=Object.defineProperty;var M=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var w=Object.getPrototypeOf,x=Object.prototype.hasOwnProperty;var C=(e,t)=>{for(var a in t)s(e,a,{get:t[a],enumerable:!0})},m=(e,t,a,c)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of h(t))!x.call(e,n)&&n!==a&&s(e,n,{get:()=>t[n],enumerable:!(c=M(t,n))||c.enumerable});return e};var E=(e,t,a)=>(a=e!=null?L(w(e)):{},m(t||!e||!e.__esModule?s(a,"default",{value:e,enumerable:!0}):a,e)),N=e=>m(s({},"__esModule",{value:!0}),e);var g={};C(g,{Table:()=>b,TableBody:()=>f,TableCaption:()=>y,TableCell:()=>H,TableFooter:()=>p,TableHead:()=>R,TableHeader:()=>d,TableRow:()=>u});module.exports=N(g);var l=E(require("react"),1);var i=require("clsx"),T=require("tailwind-merge");function o(...e){return(0,T.twMerge)((0,i.clsx)(e))}var r=require("react/jsx-runtime"),b=l.forwardRef(({className:e,...t},a)=>(0,r.jsx)("div",{className:"relative w-full overflow-auto",children:(0,r.jsx)("table",{ref:a,className:o("w-full caption-bottom text-sm",e),...t})}));b.displayName="Table";var d=l.forwardRef(({className:e,...t},a)=>(0,r.jsx)("thead",{ref:a,className:o("[&_tr]:border-b",e),...t}));d.displayName="TableHeader";var f=l.forwardRef(({className:e,...t},a)=>(0,r.jsx)("tbody",{ref:a,className:o("[&_tr:last-child]:border-0",e),...t}));f.displayName="TableBody";var p=l.forwardRef(({className:e,...t},a)=>(0,r.jsx)("tfoot",{ref:a,className:o("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",e),...t}));p.displayName="TableFooter";var u=l.forwardRef(({className:e,...t},a)=>(0,r.jsx)("tr",{ref:a,className:o("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",e),...t}));u.displayName="TableRow";var R=l.forwardRef(({className:e,...t},a)=>(0,r.jsx)("th",{ref:a,className:o("h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",e),...t}));R.displayName="TableHead";var H=l.forwardRef(({className:e,...t},a)=>(0,r.jsx)("td",{ref:a,className:o("p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",e),...t}));H.displayName="TableCell";var y=l.forwardRef(({className:e,...t},a)=>(0,r.jsx)("caption",{ref:a,className:o("mt-4 text-sm text-muted-foreground",e),...t}));y.displayName="TableCaption";0&&(module.exports={Table,TableBody,TableCaption,TableCell,TableFooter,TableHead,TableHeader,TableRow});
+//# sourceMappingURL=table.cjs.map

package/dist/table.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/table.tsx","../../utils/src/classMerge.ts"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"@c-rex/utils\";\n\nconst Table = React.forwardRef<\n    HTMLTableElement,\n    React.HTMLAttributes<HTMLTableElement>\n>(({ className, ...props }, ref) => (\n    <div className=\"relative w-full overflow-auto\">\n        <table\n            ref={ref}\n            className={cn(\"w-full caption-bottom text-sm\", className)}\n            {...props}\n        />\n    </div>\n));\nTable.displayName = \"Table\";\n\nconst TableHeader = React.forwardRef<\n    HTMLTableSectionElement,\n    React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n    <thead ref={ref} className={cn(\"[&_tr]:border-b\", className)} {...props} />\n));\nTableHeader.displayName = \"TableHeader\";\n\nconst TableBody = React.forwardRef<\n    HTMLTableSectionElement,\n    React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n    <tbody\n        ref={ref}\n        className={cn(\"[&_tr:last-child]:border-0\", className)}\n        {...props}\n    />\n));\nTableBody.displayName = \"TableBody\";\n\nconst TableFooter = React.forwardRef<\n    HTMLTableSectionElement,\n    React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n    <tfoot\n        ref={ref}\n        className={cn(\n            \"border-t bg-muted/50 font-medium [&>tr]:last:border-b-0\",\n            className,\n        )}\n        {...props}\n    />\n));\nTableFooter.displayName = \"TableFooter\";\n\nconst TableRow = React.forwardRef<\n    HTMLTableRowElement,\n    React.HTMLAttributes<HTMLTableRowElement>\n>(({ className, ...props }, ref) => (\n    <tr\n        ref={ref}\n        className={cn(\n            \"border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted\",\n            className,\n        )}\n        {...props}\n    />\n));\nTableRow.displayName = \"TableRow\";\n\nconst TableHead = React.forwardRef<\n    HTMLTableCellElement,\n    React.ThHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n    <th\n        ref={ref}\n        className={cn(\n            \"h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\",\n            className,\n        )}\n        {...props}\n    />\n));\nTableHead.displayName = \"TableHead\";\n\nconst TableCell = React.forwardRef<\n    HTMLTableCellElement,\n    React.TdHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n    <td\n        ref={ref}\n        className={cn(\n            \"p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\",\n            className,\n        )}\n        {...props}\n    />\n));\nTableCell.displayName = \"TableCell\";\n\nconst TableCaption = React.forwardRef<\n    HTMLTableCaptionElement,\n    React.HTMLAttributes<HTMLTableCaptionElement>\n>(({ className, ...props }, ref) => (\n    <caption\n        ref={ref}\n        className={cn(\"mt-4 text-sm text-muted-foreground\", className)}\n        {...props}\n    />\n));\nTableCaption.displayName = \"TableCaption\";\n\nexport {\n    Table,\n    TableHeader,\n    TableBody,\n    TableFooter,\n    TableHead,\n    TableRow,\n    TableCell,\n    TableCaption,\n};\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n    return twMerge(clsx(inputs));\n}\n"],"mappings":"0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,WAAAE,EAAA,cAAAC,EAAA,iBAAAC,EAAA,cAAAC,EAAA,gBAAAC,EAAA,cAAAC,EAAA,gBAAAC,EAAA,aAAAC,IAAA,eAAAC,EAAAV,GAAA,IAAAW,EAAuB,sBCAvB,IAAAC,EAAsC,gBACtCC,EAAwB,0BAEjB,SAASC,KAAMC,EAAsB,CACxC,SAAO,cAAQ,QAAKA,CAAM,CAAC,CAC/B,CDIQ,IAAAC,EAAA,6BALFC,EAAc,aAGlB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,OACxB,OAAC,OAAI,UAAU,gCACX,mBAAC,SACG,IAAKA,EACL,UAAWC,EAAG,gCAAiCH,CAAS,EACvD,GAAGC,EACR,EACJ,CACH,EACDF,EAAM,YAAc,QAEpB,IAAMK,EAAoB,aAGxB,CAAC,CAAE,UAAAJ,EAAW,GAAGC,CAAM,EAAGC,OACxB,OAAC,SAAM,IAAKA,EAAK,UAAWC,EAAG,kBAAmBH,CAAS,EAAI,GAAGC,EAAO,CAC5E,EACDG,EAAY,YAAc,cAE1B,IAAMC,EAAkB,aAGtB,CAAC,CAAE,UAAAL,EAAW,GAAGC,CAAM,EAAGC,OACxB,OAAC,SACG,IAAKA,EACL,UAAWC,EAAG,6BAA8BH,CAAS,EACpD,GAAGC,EACR,CACH,EACDI,EAAU,YAAc,YAExB,IAAMC,EAAoB,aAGxB,CAAC,CAAE,UAAAN,EAAW,GAAGC,CAAM,EAAGC,OACxB,OAAC,SACG,IAAKA,EACL,UAAWC,EACP,0DACAH,CACJ,EACC,GAAGC,EACR,CACH,EACDK,EAAY,YAAc,cAE1B,IAAMC,EAAiB,aAGrB,CAAC,CAAE,UAAAP,EAAW,GAAGC,CAAM,EAAGC,OACxB,OAAC,MACG,IAAKA,EACL,UAAWC,EACP,8EACAH,CACJ,EACC,GAAGC,EACR,CACH,EACDM,EAAS,YAAc,WAEvB,IAAMC,EAAkB,aAGtB,CAAC,CAAE,UAAAR,EAAW,GAAGC,CAAM,EAAGC,OACxB,OAAC,MACG,IAAKA,EACL,UAAWC,EACP,yIACAH,CACJ,EACC,GAAGC,EACR,CACH,EACDO,EAAU,YAAc,YAExB,IAAMC,EAAkB,aAGtB,CAAC,CAAE,UAAAT,EAAW,GAAGC,CAAM,EAAGC,OACxB,OAAC,MACG,IAAKA,EACL,UAAWC,EACP,uFACAH,CACJ,EACC,GAAGC,EACR,CACH,EACDQ,EAAU,YAAc,YAExB,IAAMC,EAAqB,aAGzB,CAAC,CAAE,UAAAV,EAAW,GAAGC,CAAM,EAAGC,OACxB,OAAC,WACG,IAAKA,EACL,UAAWC,EAAG,qCAAsCH,CAAS,EAC5D,GAAGC,EACR,CACH,EACDS,EAAa,YAAc","names":["table_exports","__export","Table","TableBody","TableCaption","TableCell","TableFooter","TableHead","TableHeader","TableRow","__toCommonJS","React","import_clsx","import_tailwind_merge","cn","inputs","import_jsx_runtime","Table","className","props","ref","cn","TableHeader","TableBody","TableFooter","TableRow","TableHead","TableCell","TableCaption"]}

package/dist/table.d.cts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+
+declare const Table: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
+declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;
+declare const TableHead: React.ForwardRefExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
+declare const TableCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
+declare const TableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;
+
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };

package/dist/table.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+
+declare const Table: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
+declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;
+declare const TableHead: React.ForwardRefExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
+declare const TableCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
+declare const TableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;
+
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };

package/dist/table.js

@@ -0,0 +1,2 @@
+import*as l from"react";import{clsx as n}from"clsx";import{twMerge as s}from"tailwind-merge";function r(...e){return s(n(e))}import{jsx as o}from"react/jsx-runtime";var c=l.forwardRef(({className:e,...t},a)=>o("div",{className:"relative w-full overflow-auto",children:o("table",{ref:a,className:r("w-full caption-bottom text-sm",e),...t})}));c.displayName="Table";var m=l.forwardRef(({className:e,...t},a)=>o("thead",{ref:a,className:r("[&_tr]:border-b",e),...t}));m.displayName="TableHeader";var i=l.forwardRef(({className:e,...t},a)=>o("tbody",{ref:a,className:r("[&_tr:last-child]:border-0",e),...t}));i.displayName="TableBody";var T=l.forwardRef(({className:e,...t},a)=>o("tfoot",{ref:a,className:r("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",e),...t}));T.displayName="TableFooter";var b=l.forwardRef(({className:e,...t},a)=>o("tr",{ref:a,className:r("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",e),...t}));b.displayName="TableRow";var d=l.forwardRef(({className:e,...t},a)=>o("th",{ref:a,className:r("h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",e),...t}));d.displayName="TableHead";var f=l.forwardRef(({className:e,...t},a)=>o("td",{ref:a,className:r("p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",e),...t}));f.displayName="TableCell";var p=l.forwardRef(({className:e,...t},a)=>o("caption",{ref:a,className:r("mt-4 text-sm text-muted-foreground",e),...t}));p.displayName="TableCaption";export{c as Table,i as TableBody,p as TableCaption,f as TableCell,T as TableFooter,d as TableHead,m as TableHeader,b as TableRow};
+//# sourceMappingURL=table.js.map