@resq-sw/ui 0.2.0

package/lib/components/sidebar/sidebar.js

@@ -0,0 +1,388 @@
+"use client";
+import { cn } from "../../lib/utils.js";
+import { Button } from "../button/button.js";
+import { Separator as Separator$1 } from "../separator/separator.js";
+import { Input } from "../input/input.js";
+import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle } from "../sheet/sheet.js";
+import { useIsMobile } from "../../hooks/use-mobile.js";
+import { Skeleton } from "../skeleton/skeleton.js";
+import { Tooltip as Tooltip$1, TooltipContent, TooltipTrigger } from "../tooltip/tooltip.js";
+import { PanelLeftIcon } from "lucide-react";
+import { Slot } from "radix-ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import * as React from "react";
+//#region src/components/sidebar/sidebar.tsx
+/**
+* Copyright 2026 ResQ
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+const SIDEBAR_COOKIE_NAME = "sidebar_state";
+const SIDEBAR_COOKIE_MAX_AGE = 3600 * 24 * 7;
+const SIDEBAR_WIDTH = "16rem";
+const SIDEBAR_WIDTH_MOBILE = "18rem";
+const SIDEBAR_WIDTH_ICON = "3rem";
+const SIDEBAR_KEYBOARD_SHORTCUT = "b";
+const SidebarContext = React.createContext(null);
+function Sidebar({ children, className, collapsible = "offcanvas", dir, side = "left", variant = "sidebar", ...props }) {
+	const { isMobile, openMobile, setOpenMobile, state } = useSidebar();
+	if (collapsible === "none") return /* @__PURE__ */ jsx("div", {
+		className: cn("bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col", className),
+		"data-slot": "sidebar",
+		...props,
+		children
+	});
+	if (isMobile) return /* @__PURE__ */ jsx(Sheet, {
+		onOpenChange: setOpenMobile,
+		open: openMobile,
+		...props,
+		children: /* @__PURE__ */ jsxs(SheetContent, {
+			className: "bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden",
+			"data-mobile": "true",
+			"data-sidebar": "sidebar",
+			"data-slot": "sidebar",
+			dir,
+			side,
+			style: { "--sidebar-width": SIDEBAR_WIDTH_MOBILE },
+			children: [/* @__PURE__ */ jsxs(SheetHeader, {
+				className: "sr-only",
+				children: [/* @__PURE__ */ jsx(SheetTitle, { children: "Sidebar" }), /* @__PURE__ */ jsx(SheetDescription, { children: "Displays the mobile sidebar." })]
+			}), /* @__PURE__ */ jsx("div", {
+				className: "flex h-full w-full flex-col",
+				children
+			})]
+		})
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: "group peer text-sidebar-foreground hidden md:block",
+		"data-collapsible": state === "collapsed" ? collapsible : "",
+		"data-side": side,
+		"data-slot": "sidebar",
+		"data-state": state,
+		"data-variant": variant,
+		children: [/* @__PURE__ */ jsx("div", {
+			className: cn("transition-[width] duration-200 ease-linear relative w-(--sidebar-width) bg-transparent", "group-data-[collapsible=offcanvas]:w-0", "group-data-[side=right]:rotate-180", variant === "floating" || variant === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)"),
+			"data-slot": "sidebar-gap"
+		}), /* @__PURE__ */ jsx("div", {
+			className: cn("fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear data-[side=left]:left-0 data-[side=left]:group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)] data-[side=right]:right-0 data-[side=right]:group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)] md:flex", variant === "floating" || variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l", className),
+			"data-side": side,
+			"data-slot": "sidebar-container",
+			...props,
+			children: /* @__PURE__ */ jsx("div", {
+				className: "bg-sidebar group-data-[variant=floating]:ring-sidebar-border group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:shadow-sm group-data-[variant=floating]:ring-1 flex size-full flex-col",
+				"data-sidebar": "sidebar",
+				"data-slot": "sidebar-inner",
+				children
+			})
+		})]
+	});
+}
+function SidebarContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("no-scrollbar gap-0 flex min-h-0 flex-1 flex-col overflow-auto group-data-[collapsible=icon]:overflow-hidden", className),
+		"data-sidebar": "content",
+		"data-slot": "sidebar-content",
+		...props
+	});
+}
+function SidebarFooter({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("gap-2 p-2 flex flex-col", className),
+		"data-sidebar": "footer",
+		"data-slot": "sidebar-footer",
+		...props
+	});
+}
+function SidebarGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("p-2 relative flex w-full min-w-0 flex-col", className),
+		"data-sidebar": "group",
+		"data-slot": "sidebar-group",
+		...props
+	});
+}
+function SidebarGroupAction({ asChild = false, className, ...props }) {
+	return /* @__PURE__ */ jsx(asChild ? Slot.Root : "button", {
+		className: cn("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 w-5 rounded-md p-0 focus-visible:ring-2 [&>svg]:size-4 flex aspect-square items-center justify-center outline-hidden transition-transform group-data-[collapsible=icon]:hidden after:absolute after:-inset-2 md:after:hidden [&>svg]:shrink-0", className),
+		"data-sidebar": "group-action",
+		"data-slot": "sidebar-group-action",
+		...props
+	});
+}
+function SidebarGroupContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("text-sm w-full", className),
+		"data-sidebar": "group-content",
+		"data-slot": "sidebar-group-content",
+		...props
+	});
+}
+function SidebarGroupLabel({ asChild = false, className, ...props }) {
+	return /* @__PURE__ */ jsx(asChild ? Slot.Root : "div", {
+		className: cn("text-sidebar-foreground/70 ring-sidebar-ring h-8 rounded-md px-2 text-xs font-medium transition-[margin,opacity] duration-200 ease-linear group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 focus-visible:ring-2 [&>svg]:size-4 flex shrink-0 items-center outline-hidden [&>svg]:shrink-0", className),
+		"data-sidebar": "group-label",
+		"data-slot": "sidebar-group-label",
+		...props
+	});
+}
+function SidebarHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("gap-2 p-2 flex flex-col", className),
+		"data-sidebar": "header",
+		"data-slot": "sidebar-header",
+		...props
+	});
+}
+function SidebarInput({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Input, {
+		className: cn("bg-background h-8 w-full shadow-none", className),
+		"data-sidebar": "input",
+		"data-slot": "sidebar-input",
+		...props
+	});
+}
+function SidebarInset({ className, ...props }) {
+	return /* @__PURE__ */ jsx("main", {
+		className: cn("bg-background md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2 relative flex w-full flex-1 flex-col", className),
+		"data-slot": "sidebar-inset",
+		...props
+	});
+}
+function SidebarMenu({ className, ...props }) {
+	return /* @__PURE__ */ jsx("ul", {
+		className: cn("gap-0 flex w-full min-w-0 flex-col", className),
+		"data-sidebar": "menu",
+		"data-slot": "sidebar-menu",
+		...props
+	});
+}
+function SidebarMenuItem({ className, ...props }) {
+	return /* @__PURE__ */ jsx("li", {
+		className: cn("group/menu-item relative", className),
+		"data-sidebar": "menu-item",
+		"data-slot": "sidebar-menu-item",
+		...props
+	});
+}
+function SidebarProvider({ children, className, defaultOpen = true, onOpenChange: setOpenProp, open: openProp, style, ...props }) {
+	const isMobile = useIsMobile();
+	const [openMobile, setOpenMobile] = React.useState(false);
+	const [_open, _setOpen] = React.useState(defaultOpen);
+	const open = openProp ?? _open;
+	const setOpen = React.useCallback((value) => {
+		const openState = typeof value === "function" ? value(open) : value;
+		if (setOpenProp) setOpenProp(openState);
+		else _setOpen(openState);
+		document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;
+	}, [setOpenProp, open]);
+	const toggleSidebar = React.useCallback(() => {
+		isMobile ? setOpenMobile((open) => !open) : setOpen((open) => !open);
+	}, [isMobile, setOpen]);
+	React.useEffect(() => {
+		const handleKeyDown = (event) => {
+			if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
+				event.preventDefault();
+				toggleSidebar();
+			}
+		};
+		window.addEventListener("keydown", handleKeyDown);
+		return () => {
+			window.removeEventListener("keydown", handleKeyDown);
+		};
+	}, [toggleSidebar]);
+	const state = open ? "expanded" : "collapsed";
+	const contextValue = React.useMemo(() => ({
+		isMobile,
+		open,
+		openMobile,
+		setOpen,
+		setOpenMobile,
+		state,
+		toggleSidebar
+	}), [
+		state,
+		open,
+		setOpen,
+		isMobile,
+		openMobile,
+		toggleSidebar
+	]);
+	return /* @__PURE__ */ jsx(SidebarContext.Provider, {
+		value: contextValue,
+		children: /* @__PURE__ */ jsx("div", {
+			className: cn("group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full", className),
+			"data-slot": "sidebar-wrapper",
+			style: {
+				"--sidebar-width": SIDEBAR_WIDTH,
+				"--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
+				...style
+			},
+			...props,
+			children
+		})
+	});
+}
+function SidebarRail({ className, ...props }) {
+	const { toggleSidebar } = useSidebar();
+	return /* @__PURE__ */ jsx("button", {
+		"aria-label": "Toggle Sidebar",
+		className: cn("hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:start-1/2 after:w-[2px] sm:flex ltr:-translate-x-1/2 rtl:-translate-x-1/2", "in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize", "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize", "hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full", "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2", "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2", className),
+		"data-sidebar": "rail",
+		"data-slot": "sidebar-rail",
+		onClick: toggleSidebar,
+		tabIndex: -1,
+		title: "Toggle Sidebar",
+		...props
+	});
+}
+function SidebarSeparator({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Separator$1, {
+		className: cn("bg-sidebar-border mx-2 w-auto", className),
+		"data-sidebar": "separator",
+		"data-slot": "sidebar-separator",
+		...props
+	});
+}
+function SidebarTrigger({ className, onClick, ...props }) {
+	const { toggleSidebar } = useSidebar();
+	return /* @__PURE__ */ jsxs(Button, {
+		className,
+		"data-sidebar": "trigger",
+		"data-slot": "sidebar-trigger",
+		onClick: (event) => {
+			onClick?.(event);
+			toggleSidebar();
+		},
+		size: "icon-sm",
+		variant: "ghost",
+		...props,
+		children: [/* @__PURE__ */ jsx(PanelLeftIcon, {}), /* @__PURE__ */ jsx("span", {
+			className: "sr-only",
+			children: "Toggle Sidebar"
+		})]
+	});
+}
+function useSidebar() {
+	const context = React.useContext(SidebarContext);
+	if (!context) throw new Error("useSidebar must be used within a SidebarProvider.");
+	return context;
+}
+const sidebarMenuButtonVariants = cva("ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground gap-2 rounded-md p-2 text-left text-sm transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! focus-visible:ring-2 data-active:font-medium peer/menu-button flex w-full items-center overflow-hidden outline-hidden group/menu-button 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", {
+	defaultVariants: {
+		size: "default",
+		variant: "default"
+	},
+	variants: {
+		size: {
+			default: "h-8 text-sm",
+			lg: "h-12 text-sm group-data-[collapsible=icon]:p-0!",
+			sm: "h-7 text-xs"
+		},
+		variant: {
+			default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
+			outline: "bg-background hover:bg-sidebar-accent hover:text-sidebar-accent-foreground shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]"
+		}
+	}
+});
+function SidebarMenuAction({ asChild = false, className, showOnHover = false, ...props }) {
+	return /* @__PURE__ */ jsx(asChild ? Slot.Root : "button", {
+		className: cn("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 aspect-square w-5 rounded-md p-0 peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 focus-visible:ring-2 [&>svg]:size-4 flex items-center justify-center outline-hidden transition-transform group-data-[collapsible=icon]:hidden after:absolute after:-inset-2 md:after:hidden [&>svg]:shrink-0", showOnHover && "peer-data-active/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-open:opacity-100 md:opacity-0", className),
+		"data-sidebar": "menu-action",
+		"data-slot": "sidebar-menu-action",
+		...props
+	});
+}
+function SidebarMenuBadge({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("text-sidebar-foreground peer-hover/menu-button:text-sidebar-accent-foreground peer-data-active/menu-button:text-sidebar-accent-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 rounded-md px-1 text-xs font-medium peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 items-center justify-center tabular-nums select-none group-data-[collapsible=icon]:hidden", className),
+		"data-sidebar": "menu-badge",
+		"data-slot": "sidebar-menu-badge",
+		...props
+	});
+}
+function SidebarMenuButton({ asChild = false, className, isActive = false, size = "default", tooltip, variant = "default", ...props }) {
+	const Comp = asChild ? Slot.Root : "button";
+	const { isMobile, state } = useSidebar();
+	const button = /* @__PURE__ */ jsx(Comp, {
+		className: cn(sidebarMenuButtonVariants({
+			size,
+			variant
+		}), className),
+		"data-active": isActive,
+		"data-sidebar": "menu-button",
+		"data-size": size,
+		"data-slot": "sidebar-menu-button",
+		...props
+	});
+	if (!tooltip) return button;
+	if (typeof tooltip === "string") tooltip = { children: tooltip };
+	return /* @__PURE__ */ jsxs(Tooltip$1, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+		asChild: true,
+		children: button
+	}), /* @__PURE__ */ jsx(TooltipContent, {
+		align: "center",
+		hidden: state !== "collapsed" || isMobile,
+		side: "right",
+		...tooltip
+	})] });
+}
+function SidebarMenuSkeleton({ className, showIcon = false, ...props }) {
+	const [width] = React.useState(() => {
+		return `${Math.floor(Math.random() * 40) + 50}%`;
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("h-8 gap-2 rounded-md px-2 flex items-center", className),
+		"data-sidebar": "menu-skeleton",
+		"data-slot": "sidebar-menu-skeleton",
+		...props,
+		children: [showIcon && /* @__PURE__ */ jsx(Skeleton, {
+			className: "size-4 rounded-md",
+			"data-sidebar": "menu-skeleton-icon"
+		}), /* @__PURE__ */ jsx(Skeleton, {
+			className: "h-4 max-w-(--skeleton-width) flex-1",
+			"data-sidebar": "menu-skeleton-text",
+			style: { "--skeleton-width": width }
+		})]
+	});
+}
+function SidebarMenuSub({ className, ...props }) {
+	return /* @__PURE__ */ jsx("ul", {
+		className: cn("border-sidebar-border mx-3.5 translate-x-px gap-1 border-l px-2.5 py-0.5 group-data-[collapsible=icon]:hidden flex min-w-0 flex-col", className),
+		"data-sidebar": "menu-sub",
+		"data-slot": "sidebar-menu-sub",
+		...props
+	});
+}
+function SidebarMenuSubButton({ asChild = false, className, isActive = false, size = "md", ...props }) {
+	return /* @__PURE__ */ jsx(asChild ? Slot.Root : "a", {
+		className: cn("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground h-7 gap-2 rounded-md px-2 focus-visible:ring-2 data-[size=md]:text-sm data-[size=sm]:text-xs [&>svg]:size-4 flex min-w-0 -translate-x-px items-center overflow-hidden outline-hidden group-data-[collapsible=icon]:hidden disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:shrink-0", className),
+		"data-active": isActive,
+		"data-sidebar": "menu-sub-button",
+		"data-size": size,
+		"data-slot": "sidebar-menu-sub-button",
+		...props
+	});
+}
+function SidebarMenuSubItem({ className, ...props }) {
+	return /* @__PURE__ */ jsx("li", {
+		className: cn("group/menu-sub-item relative", className),
+		"data-sidebar": "menu-sub-item",
+		"data-slot": "sidebar-menu-sub-item",
+		...props
+	});
+}
+//#endregion
+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 };
+
+//# sourceMappingURL=sidebar.js.map

package/lib/components/sidebar/sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.js","names":["Separator","Tooltip"],"sources":["../../../src/components/sidebar/sidebar.tsx"],"sourcesContent":["/**\n * Copyright 2026 ResQ\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n\"use client\";\n\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { PanelLeftIcon } from \"lucide-react\";\nimport { Slot } from \"radix-ui\";\nimport * as React from \"react\";\n\nimport { useIsMobile } from \"../../hooks/use-mobile.js\";\nimport { cn } from \"../../lib/utils.js\";\nimport { Button } from \"../button/button.js\";\nimport { Input } from \"../input/input.js\";\nimport { Separator } from \"../separator/separator.js\";\nimport { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle } from \"../sheet/sheet.js\";\nimport { Skeleton } from \"../skeleton/skeleton.js\";\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"../tooltip/tooltip.js\";\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\ninterface SidebarContextProps {\n\tisMobile: boolean;\n\topen: boolean;\n\topenMobile: boolean;\n\tsetOpen: (open: boolean) => void;\n\tsetOpenMobile: (open: boolean) => void;\n\tstate: \"collapsed\" | \"expanded\";\n\ttoggleSidebar: () => void;\n}\n\nconst SidebarContext = React.createContext<null | SidebarContextProps>(null);\n\nfunction Sidebar({\n\tchildren,\n\tclassName,\n\tcollapsible = \"offcanvas\",\n\tdir,\n\tside = \"left\",\n\tvariant = \"sidebar\",\n\t...props\n}: React.ComponentProps<\"div\"> & {\n\tcollapsible?: \"icon\" | \"none\" | \"offcanvas\";\n\tside?: \"left\" | \"right\";\n\tvariant?: \"floating\" | \"inset\" | \"sidebar\";\n}) {\n\tconst { isMobile, openMobile, setOpenMobile, state } = useSidebar();\n\n\tif (collapsible === \"none\") {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\tdata-slot=\"sidebar\"\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t);\n\t}\n\n\tif (isMobile) {\n\t\treturn (\n\t\t\t<Sheet onOpenChange={setOpenMobile} open={openMobile} {...props}>\n\t\t\t\t<SheetContent\n\t\t\t\t\tclassName=\"bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden\"\n\t\t\t\t\tdata-mobile=\"true\"\n\t\t\t\t\tdata-sidebar=\"sidebar\"\n\t\t\t\t\tdata-slot=\"sidebar\"\n\t\t\t\t\tdir={dir}\n\t\t\t\t\tside={side}\n\t\t\t\t\tstyle={\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\"--sidebar-width\": SIDEBAR_WIDTH_MOBILE,\n\t\t\t\t\t\t} as React.CSSProperties\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t<SheetHeader className=\"sr-only\">\n\t\t\t\t\t\t<SheetTitle>Sidebar</SheetTitle>\n\t\t\t\t\t\t<SheetDescription>Displays the mobile sidebar.</SheetDescription>\n\t\t\t\t\t</SheetHeader>\n\t\t\t\t\t<div className=\"flex h-full w-full flex-col\">{children}</div>\n\t\t\t\t</SheetContent>\n\t\t\t</Sheet>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tclassName=\"group peer text-sidebar-foreground hidden md:block\"\n\t\t\tdata-collapsible={state === \"collapsed\" ? collapsible : \"\"}\n\t\t\tdata-side={side}\n\t\t\tdata-slot=\"sidebar\"\n\t\t\tdata-state={state}\n\t\t\tdata-variant={variant}\n\t\t>\n\t\t\t{/* This is what handles the sidebar gap on desktop */}\n\t\t\t<div\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"transition-[width] duration-200 ease-linear relative w-(--sidebar-width) bg-transparent\",\n\t\t\t\t\t\"group-data-[collapsible=offcanvas]:w-0\",\n\t\t\t\t\t\"group-data-[side=right]:rotate-180\",\n\t\t\t\t\tvariant === \"floating\" || variant === \"inset\"\n\t\t\t\t\t\t? \"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]\"\n\t\t\t\t\t\t: \"group-data-[collapsible=icon]:w-(--sidebar-width-icon)\",\n\t\t\t\t)}\n\t\t\t\tdata-slot=\"sidebar-gap\"\n\t\t\t/>\n\t\t\t<div\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear data-[side=left]:left-0 data-[side=left]:group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)] data-[side=right]:right-0 data-[side=right]:group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)] md:flex\",\n\t\t\t\t\t// Adjust the padding for floating and inset variants.\n\t\t\t\t\tvariant === \"floating\" || variant === \"inset\"\n\t\t\t\t\t\t? \"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]\"\n\t\t\t\t\t\t: \"group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\tdata-side={side}\n\t\t\t\tdata-slot=\"sidebar-container\"\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"bg-sidebar group-data-[variant=floating]:ring-sidebar-border group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:shadow-sm group-data-[variant=floating]:ring-1 flex size-full flex-col\"\n\t\t\t\t\tdata-sidebar=\"sidebar\"\n\t\t\t\t\tdata-slot=\"sidebar-inner\"\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nfunction SidebarContent({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t\"no-scrollbar gap-0 flex min-h-0 flex-1 flex-col overflow-auto group-data-[collapsible=icon]:overflow-hidden\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tdata-sidebar=\"content\"\n\t\t\tdata-slot=\"sidebar-content\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction SidebarFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\"gap-2 p-2 flex flex-col\", className)}\n\t\t\tdata-sidebar=\"footer\"\n\t\t\tdata-slot=\"sidebar-footer\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction SidebarGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\"p-2 relative flex w-full min-w-0 flex-col\", className)}\n\t\t\tdata-sidebar=\"group\"\n\t\t\tdata-slot=\"sidebar-group\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction SidebarGroupAction({\n\tasChild = false,\n\tclassName,\n\t...props\n}: React.ComponentProps<\"button\"> & { asChild?: boolean }) {\n\tconst Comp = asChild ? Slot.Root : \"button\";\n\n\treturn (\n\t\t<Comp\n\t\t\tclassName={cn(\n\t\t\t\t\"text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 w-5 rounded-md p-0 focus-visible:ring-2 [&>svg]:size-4 flex aspect-square items-center justify-center outline-hidden transition-transform group-data-[collapsible=icon]:hidden after:absolute after:-inset-2 md:after:hidden [&>svg]:shrink-0\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tdata-sidebar=\"group-action\"\n\t\t\tdata-slot=\"sidebar-group-action\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction SidebarGroupContent({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\"text-sm w-full\", className)}\n\t\t\tdata-sidebar=\"group-content\"\n\t\t\tdata-slot=\"sidebar-group-content\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction SidebarGroupLabel({\n\tasChild = false,\n\tclassName,\n\t...props\n}: React.ComponentProps<\"div\"> & { asChild?: boolean }) {\n\tconst Comp = asChild ? Slot.Root : \"div\";\n\n\treturn (\n\t\t<Comp\n\t\t\tclassName={cn(\n\t\t\t\t\"text-sidebar-foreground/70 ring-sidebar-ring h-8 rounded-md px-2 text-xs font-medium transition-[margin,opacity] duration-200 ease-linear group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 focus-visible:ring-2 [&>svg]:size-4 flex shrink-0 items-center outline-hidden [&>svg]:shrink-0\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tdata-sidebar=\"group-label\"\n\t\t\tdata-slot=\"sidebar-group-label\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction SidebarHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\"gap-2 p-2 flex flex-col\", className)}\n\t\t\tdata-sidebar=\"header\"\n\t\t\tdata-slot=\"sidebar-header\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction SidebarInput({ className, ...props }: React.ComponentProps<typeof Input>) {\n\treturn (\n\t\t<Input\n\t\t\tclassName={cn(\"bg-background h-8 w-full shadow-none\", className)}\n\t\t\tdata-sidebar=\"input\"\n\t\t\tdata-slot=\"sidebar-input\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction SidebarInset({ className, ...props }: React.ComponentProps<\"main\">) {\n\treturn (\n\t\t<main\n\t\t\tclassName={cn(\n\t\t\t\t\"bg-background md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2 relative flex w-full flex-1 flex-col\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tdata-slot=\"sidebar-inset\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction SidebarMenu({ className, ...props }: React.ComponentProps<\"ul\">) {\n\treturn (\n\t\t<ul\n\t\t\tclassName={cn(\"gap-0 flex w-full min-w-0 flex-col\", className)}\n\t\t\tdata-sidebar=\"menu\"\n\t\t\tdata-slot=\"sidebar-menu\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction SidebarMenuItem({ className, ...props }: React.ComponentProps<\"li\">) {\n\treturn (\n\t\t<li\n\t\t\tclassName={cn(\"group/menu-item relative\", className)}\n\t\t\tdata-sidebar=\"menu-item\"\n\t\t\tdata-slot=\"sidebar-menu-item\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction SidebarProvider({\n\tchildren,\n\tclassName,\n\tdefaultOpen = true,\n\tonOpenChange: setOpenProp,\n\topen: openProp,\n\tstyle,\n\t...props\n}: React.ComponentProps<\"div\"> & {\n\tdefaultOpen?: boolean;\n\tonOpenChange?: (open: boolean) => void;\n\topen?: boolean;\n}) {\n\tconst isMobile = useIsMobile();\n\tconst [openMobile, setOpenMobile] = React.useState(false);\n\n\t// This is the internal state of the sidebar.\n\t// We use openProp and setOpenProp for control from outside the component.\n\tconst [_open, _setOpen] = React.useState(defaultOpen);\n\tconst open = openProp ?? _open;\n\tconst setOpen = React.useCallback(\n\t\t(value: ((value: boolean) => boolean) | boolean) => {\n\t\t\tconst openState = typeof value === \"function\" ? value(open) : value;\n\t\t\tif (setOpenProp) {\n\t\t\t\tsetOpenProp(openState);\n\t\t\t} else {\n\t\t\t\t_setOpen(openState);\n\t\t\t}\n\n\t\t\t// This sets the cookie to keep the sidebar state.\n\t\t\tdocument.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;\n\t\t},\n\t\t[setOpenProp, open],\n\t);\n\n\t// Helper to toggle the sidebar.\n\tconst toggleSidebar = React.useCallback(() => {\n\t\tisMobile ? setOpenMobile((open) => !open) : setOpen((open) => !open);\n\t}, [isMobile, setOpen]);\n\n\t// Adds a keyboard shortcut to toggle the sidebar.\n\tReact.useEffect(() => {\n\t\tconst handleKeyDown = (event: KeyboardEvent) => {\n\t\t\tif (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\ttoggleSidebar();\n\t\t\t}\n\t\t};\n\n\t\twindow.addEventListener(\"keydown\", handleKeyDown);\n\t\treturn () => {\n\t\t\twindow.removeEventListener(\"keydown\", handleKeyDown);\n\t\t};\n\t}, [toggleSidebar]);\n\n\t// We add a state so that we can do data-state=\"expanded\" or \"collapsed\".\n\t// This makes it easier to style the sidebar with Tailwind classes.\n\tconst state = open ? \"expanded\" : \"collapsed\";\n\n\tconst contextValue = React.useMemo<SidebarContextProps>(\n\t\t() => ({\n\t\t\tisMobile,\n\t\t\topen,\n\t\t\topenMobile,\n\t\t\tsetOpen,\n\t\t\tsetOpenMobile,\n\t\t\tstate,\n\t\t\ttoggleSidebar,\n\t\t}),\n\t\t[state, open, setOpen, isMobile, openMobile, toggleSidebar],\n\t);\n\n\treturn (\n\t\t<SidebarContext.Provider value={contextValue}>\n\t\t\t<div\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\tdata-slot=\"sidebar-wrapper\"\n\t\t\t\tstyle={\n\t\t\t\t\t{\n\t\t\t\t\t\t\"--sidebar-width\": SIDEBAR_WIDTH,\n\t\t\t\t\t\t\"--sidebar-width-icon\": SIDEBAR_WIDTH_ICON,\n\t\t\t\t\t\t...style,\n\t\t\t\t\t} as React.CSSProperties\n\t\t\t\t}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t</SidebarContext.Provider>\n\t);\n}\n\nfunction SidebarRail({ className, ...props }: React.ComponentProps<\"button\">) {\n\tconst { toggleSidebar } = useSidebar();\n\n\treturn (\n\t\t<button\n\t\t\taria-label=\"Toggle Sidebar\"\n\t\t\tclassName={cn(\n\t\t\t\t\"hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:start-1/2 after:w-[2px] sm:flex ltr:-translate-x-1/2 rtl:-translate-x-1/2\",\n\t\t\t\t\"in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize\",\n\t\t\t\t\"[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize\",\n\t\t\t\t\"hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full\",\n\t\t\t\t\"[[data-side=left][data-collapsible=offcanvas]_&]:-right-2\",\n\t\t\t\t\"[[data-side=right][data-collapsible=offcanvas]_&]:-left-2\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tdata-sidebar=\"rail\"\n\t\t\tdata-slot=\"sidebar-rail\"\n\t\t\tonClick={toggleSidebar}\n\t\t\ttabIndex={-1}\n\t\t\ttitle=\"Toggle Sidebar\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction SidebarSeparator({ className, ...props }: React.ComponentProps<typeof Separator>) {\n\treturn (\n\t\t<Separator\n\t\t\tclassName={cn(\"bg-sidebar-border mx-2 w-auto\", className)}\n\t\t\tdata-sidebar=\"separator\"\n\t\t\tdata-slot=\"sidebar-separator\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction SidebarTrigger({ className, onClick, ...props }: React.ComponentProps<typeof Button>) {\n\tconst { toggleSidebar } = useSidebar();\n\n\treturn (\n\t\t<Button\n\t\t\tclassName={className}\n\t\t\tdata-sidebar=\"trigger\"\n\t\t\tdata-slot=\"sidebar-trigger\"\n\t\t\tonClick={(event) => {\n\t\t\t\tonClick?.(event);\n\t\t\t\ttoggleSidebar();\n\t\t\t}}\n\t\t\tsize=\"icon-sm\"\n\t\t\tvariant=\"ghost\"\n\t\t\t{...props}\n\t\t>\n\t\t\t<PanelLeftIcon />\n\t\t\t<span className=\"sr-only\">Toggle Sidebar</span>\n\t\t</Button>\n\t);\n}\n\nfunction useSidebar() {\n\tconst context = React.useContext(SidebarContext);\n\tif (!context) {\n\t\tthrow new Error(\"useSidebar must be used within a SidebarProvider.\");\n\t}\n\n\treturn context;\n}\n\nconst sidebarMenuButtonVariants = cva(\n\t\"ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground gap-2 rounded-md p-2 text-left text-sm transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! focus-visible:ring-2 data-active:font-medium peer/menu-button flex w-full items-center overflow-hidden outline-hidden group/menu-button 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\",\n\t{\n\t\tdefaultVariants: {\n\t\t\tsize: \"default\",\n\t\t\tvariant: \"default\",\n\t\t},\n\t\tvariants: {\n\t\t\tsize: {\n\t\t\t\tdefault: \"h-8 text-sm\",\n\t\t\t\tlg: \"h-12 text-sm group-data-[collapsible=icon]:p-0!\",\n\t\t\t\tsm: \"h-7 text-xs\",\n\t\t\t},\n\t\t\tvariant: {\n\t\t\t\tdefault: \"hover:bg-sidebar-accent hover:text-sidebar-accent-foreground\",\n\t\t\t\toutline:\n\t\t\t\t\t\"bg-background hover:bg-sidebar-accent hover:text-sidebar-accent-foreground shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]\",\n\t\t\t},\n\t\t},\n\t},\n);\n\nfunction SidebarMenuAction({\n\tasChild = false,\n\tclassName,\n\tshowOnHover = false,\n\t...props\n}: React.ComponentProps<\"button\"> & {\n\tasChild?: boolean;\n\tshowOnHover?: boolean;\n}) {\n\tconst Comp = asChild ? Slot.Root : \"button\";\n\n\treturn (\n\t\t<Comp\n\t\t\tclassName={cn(\n\t\t\t\t\"text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 aspect-square w-5 rounded-md p-0 peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 focus-visible:ring-2 [&>svg]:size-4 flex items-center justify-center outline-hidden transition-transform group-data-[collapsible=icon]:hidden after:absolute after:-inset-2 md:after:hidden [&>svg]:shrink-0\",\n\t\t\t\tshowOnHover &&\n\t\t\t\t\t\"peer-data-active/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-open:opacity-100 md:opacity-0\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tdata-sidebar=\"menu-action\"\n\t\t\tdata-slot=\"sidebar-menu-action\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction SidebarMenuBadge({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t\"text-sidebar-foreground peer-hover/menu-button:text-sidebar-accent-foreground peer-data-active/menu-button:text-sidebar-accent-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 rounded-md px-1 text-xs font-medium peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 items-center justify-center tabular-nums select-none group-data-[collapsible=icon]:hidden\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tdata-sidebar=\"menu-badge\"\n\t\t\tdata-slot=\"sidebar-menu-badge\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction SidebarMenuButton({\n\tasChild = false,\n\tclassName,\n\tisActive = false,\n\tsize = \"default\",\n\ttooltip,\n\tvariant = \"default\",\n\t...props\n}: React.ComponentProps<\"button\"> &\n\tVariantProps<typeof sidebarMenuButtonVariants> & {\n\t\tasChild?: boolean;\n\t\tisActive?: boolean;\n\t\ttooltip?: React.ComponentProps<typeof TooltipContent> | string;\n\t}) {\n\tconst Comp = asChild ? Slot.Root : \"button\";\n\tconst { isMobile, state } = useSidebar();\n\n\tconst button = (\n\t\t<Comp\n\t\t\tclassName={cn(sidebarMenuButtonVariants({ size, variant }), className)}\n\t\t\tdata-active={isActive}\n\t\t\tdata-sidebar=\"menu-button\"\n\t\t\tdata-size={size}\n\t\t\tdata-slot=\"sidebar-menu-button\"\n\t\t\t{...props}\n\t\t/>\n\t);\n\n\tif (!tooltip) {\n\t\treturn button;\n\t}\n\n\tif (typeof tooltip === \"string\") {\n\t\ttooltip = {\n\t\t\tchildren: tooltip,\n\t\t};\n\t}\n\n\treturn (\n\t\t<Tooltip>\n\t\t\t<TooltipTrigger asChild>{button}</TooltipTrigger>\n\t\t\t<TooltipContent\n\t\t\t\talign=\"center\"\n\t\t\t\thidden={state !== \"collapsed\" || isMobile}\n\t\t\t\tside=\"right\"\n\t\t\t\t{...tooltip}\n\t\t\t/>\n\t\t</Tooltip>\n\t);\n}\n\nfunction SidebarMenuSkeleton({\n\tclassName,\n\tshowIcon = false,\n\t...props\n}: React.ComponentProps<\"div\"> & {\n\tshowIcon?: boolean;\n}) {\n\t// Random width between 50 to 90%.\n\tconst [width] = React.useState(() => {\n\t\treturn `${Math.floor(Math.random() * 40) + 50}%`;\n\t});\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\"h-8 gap-2 rounded-md px-2 flex items-center\", className)}\n\t\t\tdata-sidebar=\"menu-skeleton\"\n\t\t\tdata-slot=\"sidebar-menu-skeleton\"\n\t\t\t{...props}\n\t\t>\n\t\t\t{showIcon && <Skeleton className=\"size-4 rounded-md\" data-sidebar=\"menu-skeleton-icon\" />}\n\t\t\t<Skeleton\n\t\t\t\tclassName=\"h-4 max-w-(--skeleton-width) flex-1\"\n\t\t\t\tdata-sidebar=\"menu-skeleton-text\"\n\t\t\t\tstyle={\n\t\t\t\t\t{\n\t\t\t\t\t\t\"--skeleton-width\": width,\n\t\t\t\t\t} as React.CSSProperties\n\t\t\t\t}\n\t\t\t/>\n\t\t</div>\n\t);\n}\n\nfunction SidebarMenuSub({ className, ...props }: React.ComponentProps<\"ul\">) {\n\treturn (\n\t\t<ul\n\t\t\tclassName={cn(\n\t\t\t\t\"border-sidebar-border mx-3.5 translate-x-px gap-1 border-l px-2.5 py-0.5 group-data-[collapsible=icon]:hidden flex min-w-0 flex-col\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tdata-sidebar=\"menu-sub\"\n\t\t\tdata-slot=\"sidebar-menu-sub\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction SidebarMenuSubButton({\n\tasChild = false,\n\tclassName,\n\tisActive = false,\n\tsize = \"md\",\n\t...props\n}: React.ComponentProps<\"a\"> & {\n\tasChild?: boolean;\n\tisActive?: boolean;\n\tsize?: \"md\" | \"sm\";\n}) {\n\tconst Comp = asChild ? Slot.Root : \"a\";\n\n\treturn (\n\t\t<Comp\n\t\t\tclassName={cn(\n\t\t\t\t\"text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground h-7 gap-2 rounded-md px-2 focus-visible:ring-2 data-[size=md]:text-sm data-[size=sm]:text-xs [&>svg]:size-4 flex min-w-0 -translate-x-px items-center overflow-hidden outline-hidden group-data-[collapsible=icon]:hidden disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:shrink-0\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tdata-active={isActive}\n\t\t\tdata-sidebar=\"menu-sub-button\"\n\t\t\tdata-size={size}\n\t\t\tdata-slot=\"sidebar-menu-sub-button\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction SidebarMenuSubItem({ className, ...props }: React.ComponentProps<\"li\">) {\n\treturn (\n\t\t<li\n\t\t\tclassName={cn(\"group/menu-sub-item relative\", className)}\n\t\t\tdata-sidebar=\"menu-sub-item\"\n\t\t\tdata-slot=\"sidebar-menu-sub-item\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport {\n\tSidebar,\n\tSidebarContent,\n\tSidebarFooter,\n\tSidebarGroup,\n\tSidebarGroupAction,\n\tSidebarGroupContent,\n\tSidebarGroupLabel,\n\tSidebarHeader,\n\tSidebarInput,\n\tSidebarInset,\n\tSidebarMenu,\n\tSidebarMenuAction,\n\tSidebarMenuBadge,\n\tSidebarMenuButton,\n\tSidebarMenuItem,\n\tSidebarMenuSkeleton,\n\tSidebarMenuSub,\n\tSidebarMenuSubButton,\n\tSidebarMenuSubItem,\n\tSidebarProvider,\n\tSidebarRail,\n\tSidebarSeparator,\n\tSidebarTrigger,\n\tuseSidebar,\n};\n"],"mappings":"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"}

package/lib/components/skeleton/index.d.ts

@@ -0,0 +1,2 @@
+import { Skeleton } from "./skeleton.js";
+export { Skeleton };

package/lib/components/skeleton/index.js

@@ -0,0 +1,2 @@
+import { Skeleton } from "./skeleton.js";
+export { Skeleton };

package/lib/components/skeleton/skeleton.d.ts

@@ -0,0 +1,26 @@
+import * as react_jsx_runtime290 from "react/jsx-runtime";
+
+//#region src/components/skeleton/skeleton.d.ts
+
+/**
+ * Copyright 2026 ResQ
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+declare function Skeleton({
+  className,
+  ...props
+}: React.ComponentProps<"div">): react_jsx_runtime290.JSX.Element;
+//#endregion
+export { Skeleton };
+//# sourceMappingURL=skeleton.d.ts.map

package/lib/components/skeleton/skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.d.ts","names":[],"sources":["../../../src/components/skeleton/skeleton.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAkBsE;;;;;;;;;;;;iBAA7D,QAAA;;;GAAkC,KAAA,CAAM,wBAAqB,oBAAA,CAAA,GAAA,CAAA"}

package/lib/components/skeleton/skeleton.js

@@ -0,0 +1,29 @@
+import { cn } from "../../lib/utils.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/skeleton/skeleton.tsx
+/**
+* Copyright 2026 ResQ
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+function Skeleton({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("bg-muted rounded-md animate-pulse", className),
+		"data-slot": "skeleton",
+		...props
+	});
+}
+//#endregion
+export { Skeleton };
+
+//# sourceMappingURL=skeleton.js.map

package/lib/components/skeleton/skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.js","names":[],"sources":["../../../src/components/skeleton/skeleton.tsx"],"sourcesContent":["/**\n * Copyright 2026 ResQ\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { cn } from \"../../lib/utils.js\";\n\nfunction Skeleton({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\"bg-muted rounded-md animate-pulse\", className)}\n\t\t\tdata-slot=\"skeleton\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport { Skeleton };\n"],"mappings":";;;;;;;;;;;;;;;;;;AAkBA,SAAS,SAAS,EAAE,WAAW,GAAG,SAAsC;AACvE,QACC,oBAAC,OAAD;EACC,WAAW,GAAG,qCAAqC,UAAU;EAC7D,aAAU;EACV,GAAI;EACH,CAAA"}

package/lib/components/slider/index.d.ts

@@ -0,0 +1,2 @@
+import { Slider } from "./slider.js";
+export { Slider };

package/lib/components/slider/index.js

@@ -0,0 +1,2 @@
+import { Slider } from "./slider.js";
+export { Slider };

package/lib/components/slider/slider.d.ts

@@ -0,0 +1,17 @@
+import { Slider as Slider$1 } from "radix-ui";
+import * as react_jsx_runtime291 from "react/jsx-runtime";
+import * as React from "react";
+
+//#region src/components/slider/slider.d.ts
+
+declare function Slider({
+  className,
+  defaultValue,
+  max,
+  min,
+  value,
+  ...props
+}: React.ComponentProps<typeof Slider$1.Root>): react_jsx_runtime291.JSX.Element;
+//#endregion
+export { Slider };
+//# sourceMappingURL=slider.d.ts.map

package/lib/components/slider/slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.d.ts","names":[],"sources":["../../../src/components/slider/slider.tsx"],"sourcesContent":[],"mappings":";;;;;;iBAuBS,MAAA;;;;;;;GAON,KAAA,CAAM,sBAAsB,QAAA,CAAgB,QAAK,oBAAA,CAAA,GAAA,CAAA"}

package/lib/components/slider/slider.js

@@ -0,0 +1,53 @@
+"use client";
+import { cn } from "../../lib/utils.js";
+import { Slider as Slider$1 } from "radix-ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+//#region src/components/slider/slider.tsx
+/**
+* Copyright 2026 ResQ
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+function Slider({ className, defaultValue, max = 100, min = 0, value, ...props }) {
+	const _values = React.useMemo(() => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max], [
+		value,
+		defaultValue,
+		min,
+		max
+	]);
+	return /* @__PURE__ */ jsxs(Slider$1.Root, {
+		className: cn("data-vertical:min-h-40 relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-vertical:h-full data-vertical:w-auto data-vertical:flex-col", className),
+		"data-slot": "slider",
+		defaultValue,
+		max,
+		min,
+		value,
+		...props,
+		children: [/* @__PURE__ */ jsx(Slider$1.Track, {
+			className: "bg-muted rounded-full data-horizontal:h-1 data-horizontal:w-full data-vertical:h-full data-vertical:w-1 relative grow overflow-hidden",
+			"data-slot": "slider-track",
+			children: /* @__PURE__ */ jsx(Slider$1.Range, {
+				className: "bg-primary absolute select-none data-horizontal:h-full data-vertical:w-full",
+				"data-slot": "slider-range"
+			})
+		}), Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ jsx(Slider$1.Thumb, {
+			className: "border-ring ring-ring/50 relative size-3 rounded-full border bg-white transition-[color,box-shadow] after:absolute after:-inset-2 hover:ring-[3px] focus-visible:ring-[3px] focus-visible:outline-hidden active:ring-[3px] block shrink-0 select-none disabled:pointer-events-none disabled:opacity-50",
+			"data-slot": "slider-thumb"
+		}, index))]
+	});
+}
+//#endregion
+export { Slider };
+
+//# sourceMappingURL=slider.js.map

package/lib/components/slider/slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.js","names":["SliderPrimitive"],"sources":["../../../src/components/slider/slider.tsx"],"sourcesContent":["/**\n * Copyright 2026 ResQ\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n\"use client\";\n\nimport { Slider as SliderPrimitive } from \"radix-ui\";\nimport * as React from \"react\";\n\nimport { cn } from \"../../lib/utils.js\";\n\nfunction Slider({\n\tclassName,\n\tdefaultValue,\n\tmax = 100,\n\tmin = 0,\n\tvalue,\n\t...props\n}: React.ComponentProps<typeof SliderPrimitive.Root>) {\n\tconst _values = React.useMemo(\n\t\t() => (Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max]),\n\t\t[value, defaultValue, min, max],\n\t);\n\n\treturn (\n\t\t<SliderPrimitive.Root\n\t\t\tclassName={cn(\n\t\t\t\t\"data-vertical:min-h-40 relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-vertical:h-full data-vertical:w-auto data-vertical:flex-col\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tdata-slot=\"slider\"\n\t\t\tdefaultValue={defaultValue}\n\t\t\tmax={max}\n\t\t\tmin={min}\n\t\t\tvalue={value}\n\t\t\t{...props}\n\t\t>\n\t\t\t<SliderPrimitive.Track\n\t\t\t\tclassName=\"bg-muted rounded-full data-horizontal:h-1 data-horizontal:w-full data-vertical:h-full data-vertical:w-1 relative grow overflow-hidden\"\n\t\t\t\tdata-slot=\"slider-track\"\n\t\t\t>\n\t\t\t\t<SliderPrimitive.Range\n\t\t\t\t\tclassName=\"bg-primary absolute select-none data-horizontal:h-full data-vertical:w-full\"\n\t\t\t\t\tdata-slot=\"slider-range\"\n\t\t\t\t/>\n\t\t\t</SliderPrimitive.Track>\n\t\t\t{Array.from({ length: _values.length }, (_, index) => (\n\t\t\t\t<SliderPrimitive.Thumb\n\t\t\t\t\tclassName=\"border-ring ring-ring/50 relative size-3 rounded-full border bg-white transition-[color,box-shadow] after:absolute after:-inset-2 hover:ring-[3px] focus-visible:ring-[3px] focus-visible:outline-hidden active:ring-[3px] block shrink-0 select-none disabled:pointer-events-none disabled:opacity-50\"\n\t\t\t\t\tdata-slot=\"slider-thumb\"\n\t\t\t\t\tkey={index}\n\t\t\t\t/>\n\t\t\t))}\n\t\t</SliderPrimitive.Root>\n\t);\n}\n\nexport { Slider };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAuBA,SAAS,OAAO,EACf,WACA,cACA,MAAM,KACN,MAAM,GACN,OACA,GAAG,SACkD;CACrD,MAAM,UAAU,MAAM,cACd,MAAM,QAAQ,MAAM,GAAG,QAAQ,MAAM,QAAQ,aAAa,GAAG,eAAe,CAAC,KAAK,IAAI,EAC7F;EAAC;EAAO;EAAc;EAAK;EAAI,CAC/B;AAED,QACC,qBAACA,SAAgB,MAAjB;EACC,WAAW,GACV,6KACA,UACA;EACD,aAAU;EACI;EACT;EACA;EACE;EACP,GAAI;YAVL,CAYC,oBAACA,SAAgB,OAAjB;GACC,WAAU;GACV,aAAU;aAEV,oBAACA,SAAgB,OAAjB;IACC,WAAU;IACV,aAAU;IACT,CAAA;GACqB,CAAA,EACvB,MAAM,KAAK,EAAE,QAAQ,QAAQ,QAAQ,GAAG,GAAG,UAC3C,oBAACA,SAAgB,OAAjB;GACC,WAAU;GACV,aAAU;GAET,EADI,MACJ,CACD,CACoB"}

package/lib/components/sonner/index.d.ts

@@ -0,0 +1,2 @@
+import { Toaster } from "./sonner.js";
+export { Toaster };

package/lib/components/sonner/index.js

@@ -0,0 +1,2 @@
+import { Toaster } from "./sonner.js";
+export { Toaster };