4f:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 50:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 51:T6078,import type { Accessor, Component, ComponentProps, JSX, ValidComponent } from "solid-js" import { createContext, createEffect, createMemo, createSignal, Match, mergeProps, onCleanup, Show, Switch, splitProps, useContext } from "solid-js" import type { PolymorphicProps } from "@kobalte/core" import { Polymorphic } from "@kobalte/core" import type { VariantProps } from "class-variance-authority" import { cva } from "class-variance-authority" import { useIsMobile } from "~/hooks/use-mobile" import { cn } from "@/lib/utils" import type { ButtonProps } from "@/components/ui/button" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Separator } from "@/components/ui/separator" import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle } from "@/components/ui/sheet" import { Skeleton } from "@/components/ui/skeleton" import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip" const SIDEBAR_COOKIE_NAME = "sidebar_state" const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7 const SIDEBAR_WIDTH = "16rem" const SIDEBAR_WIDTH_MOBILE = "18rem" const SIDEBAR_WIDTH_ICON = "3rem" const SIDEBAR_KEYBOARD_SHORTCUT = "b" type SidebarContext = { state: Accessor<"expanded" | "collapsed"> open: Accessor setOpen: (open: boolean) => void openMobile: Accessor setOpenMobile: (open: boolean) => void isMobile: Accessor toggleSidebar: () => void } const SidebarContext = createContext(null) function useSidebar() { const context = useContext(SidebarContext) if (!context) { throw new Error("useSidebar must be used within a SidebarProvider.") } return context } type SidebarProviderProps = Omit, "style"> & { defaultOpen?: boolean open?: boolean onOpenChange?: (open: boolean) => void style?: JSX.CSSProperties } const SidebarProvider: Component = (rawProps) => { const props = mergeProps({ defaultOpen: true }, rawProps) const [local, others] = splitProps(props, [ "defaultOpen", "open", "onOpenChange", "class", "style", "children" ]) const isMobile = useIsMobile() const [openMobile, setOpenMobile] = createSignal(false) // This is the internal state of the sidebar. // We use open and onOpenChange for control from outside the component. const [_open, _setOpen] = createSignal(local.defaultOpen) const open = () => local.open ?? _open() const setOpen = (value: boolean | ((value: boolean) => boolean)) => { if (local.onOpenChange) { return local.onOpenChange?.(typeof value === "function" ? value(open()) : value) } _setOpen(value) // This sets the cookie to keep the sidebar state. document.cookie = `${SIDEBAR_COOKIE_NAME}=${open()}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}` } // Helper to toggle the sidebar. const toggleSidebar = () => { return isMobile() ? setOpenMobile((open) => !open) : setOpen((open) => !open) } // Adds a keyboard shortcut to toggle the sidebar. createEffect(() => { const handleKeyDown = (event: KeyboardEvent) => { if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) { event.preventDefault() toggleSidebar() } } window.addEventListener("keydown", handleKeyDown) onCleanup(() => window.removeEventListener("keydown", handleKeyDown)) }) // We add a state so that we can do data-state="expanded" or "collapsed". // This makes it easier to style the sidebar with Tailwind classes. const state = () => (open() ? "expanded" : "collapsed") const contextValue = { state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar } return (

{local.children}

) } type SidebarProps = ComponentProps<"div"> & { side?: "left" | "right" variant?: "sidebar" | "floating" | "inset" collapsible?: "offcanvas" | "icon" | "none" } const Sidebar: Component = (rawProps) => { const props = mergeProps( { side: "left", variant: "sidebar", collapsible: "offcanvas" }, rawProps ) const [local, others] = splitProps(props, ["side", "variant", "collapsible", "class", "children"]) const { isMobile, state, openMobile, setOpenMobile } = useSidebar() return (

{local.children}

{/* This is what handles the sidebar gap on desktop */}

) } type SidebarTriggerProps = ButtonProps & { onClick?: (event: MouseEvent) => void } const SidebarTrigger = (props: SidebarTriggerProps) => { const [local, others] = splitProps(props as SidebarTriggerProps, ["class", "onClick"]) const { toggleSidebar } = useSidebar() return ( ) } const SidebarRail: Component> = (props) => { const [local, others] = splitProps(props, ["class"]) const { toggleSidebar } = useSidebar() return (