@lssm/lib.ui-kit-web 1.2.0

package/dist/ui/sheet.js

@@ -0,0 +1,87 @@
+'use client';
+
+
+import { cn } from "./utils.js";
+import "react";
+import { XIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as SheetPrimitive from "@radix-ui/react-dialog";
+
+//#region ui/sheet.tsx
+function Sheet({ ...props }) {
+	return /* @__PURE__ */ jsx(SheetPrimitive.Root, {
+		"data-slot": "sheet",
+		...props
+	});
+}
+function SheetTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(SheetPrimitive.Trigger, {
+		"data-slot": "sheet-trigger",
+		...props
+	});
+}
+function SheetClose({ ...props }) {
+	return /* @__PURE__ */ jsx(SheetPrimitive.Close, {
+		"data-slot": "sheet-close",
+		...props
+	});
+}
+function SheetPortal({ ...props }) {
+	return /* @__PURE__ */ jsx(SheetPrimitive.Portal, {
+		"data-slot": "sheet-portal",
+		...props
+	});
+}
+function SheetOverlay({ className,...props }) {
+	return /* @__PURE__ */ jsx(SheetPrimitive.Overlay, {
+		"data-slot": "sheet-overlay",
+		className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", className),
+		...props
+	});
+}
+function SheetContent({ className, children, side = "right",...props }) {
+	return /* @__PURE__ */ jsxs(SheetPortal, { children: [/* @__PURE__ */ jsx(SheetOverlay, {}), /* @__PURE__ */ jsxs(SheetPrimitive.Content, {
+		"data-slot": "sheet-content",
+		className: cn("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500", side === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm", side === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm", side === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b", side === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t", className),
+		...props,
+		children: [children, /* @__PURE__ */ jsxs(SheetPrimitive.Close, {
+			className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none",
+			children: [/* @__PURE__ */ jsx(XIcon, { className: "size-4" }), /* @__PURE__ */ jsx("span", {
+				className: "sr-only",
+				children: "Close"
+			})]
+		})]
+	})] });
+}
+function SheetHeader({ className,...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "sheet-header",
+		className: cn("flex flex-col gap-1.5 p-4", className),
+		...props
+	});
+}
+function SheetFooter({ className,...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "sheet-footer",
+		className: cn("mt-auto flex flex-col gap-2 p-4", className),
+		...props
+	});
+}
+function SheetTitle({ className,...props }) {
+	return /* @__PURE__ */ jsx(SheetPrimitive.Title, {
+		"data-slot": "sheet-title",
+		className: cn("text-foreground font-semibold", className),
+		...props
+	});
+}
+function SheetDescription({ className,...props }) {
+	return /* @__PURE__ */ jsx(SheetPrimitive.Description, {
+		"data-slot": "sheet-description",
+		className: cn("text-muted-foreground text-sm", className),
+		...props
+	});
+}
+
+//#endregion
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger };
+//# sourceMappingURL=sheet.js.map

package/dist/ui/sheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheet.js","names":[],"sources":["../../ui/sheet.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as SheetPrimitive from '@radix-ui/react-dialog';\nimport { XIcon } from 'lucide-react';\n\nimport { cn } from './utils';\n\nfunction Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {\n  return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />;\n}\n\nfunction SheetTrigger({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Trigger>) {\n  return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />;\n}\n\nfunction SheetClose({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Close>) {\n  return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />;\n}\n\nfunction SheetPortal({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Portal>) {\n  return <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />;\n}\n\nfunction SheetOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Overlay>) {\n  return (\n    <SheetPrimitive.Overlay\n      data-slot=\"sheet-overlay\"\n      className={cn(\n        'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction SheetContent({\n  className,\n  children,\n  side = 'right',\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Content> & {\n  side?: 'top' | 'right' | 'bottom' | 'left';\n}) {\n  return (\n    <SheetPortal>\n      <SheetOverlay />\n      <SheetPrimitive.Content\n        data-slot=\"sheet-content\"\n        className={cn(\n          'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500',\n          side === 'right' &&\n            'data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm',\n          side === 'left' &&\n            'data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm',\n          side === 'top' &&\n            'data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b',\n          side === 'bottom' &&\n            'data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t',\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <SheetPrimitive.Close className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none\">\n          <XIcon className=\"size-4\" />\n          <span className=\"sr-only\">Close</span>\n        </SheetPrimitive.Close>\n      </SheetPrimitive.Content>\n    </SheetPortal>\n  );\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"sheet-header\"\n      className={cn('flex flex-col gap-1.5 p-4', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"sheet-footer\"\n      className={cn('mt-auto flex flex-col gap-2 p-4', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SheetTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Title>) {\n  return (\n    <SheetPrimitive.Title\n      data-slot=\"sheet-title\"\n      className={cn('text-foreground font-semibold', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SheetDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Description>) {\n  return (\n    <SheetPrimitive.Description\n      data-slot=\"sheet-description\"\n      className={cn('text-muted-foreground text-sm', className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Sheet,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n};\n"],"mappings":";;;;;;;;;;AAQA,SAAS,MAAM,EAAE,GAAG,SAA2D;AAC7E,QAAO,oBAAC,eAAe;EAAK,aAAU;EAAQ,GAAI;GAAS;;AAG7D,SAAS,aAAa,EACpB,GAAG,SACmD;AACtD,QAAO,oBAAC,eAAe;EAAQ,aAAU;EAAgB,GAAI;GAAS;;AAGxE,SAAS,WAAW,EAClB,GAAG,SACiD;AACpD,QAAO,oBAAC,eAAe;EAAM,aAAU;EAAc,GAAI;GAAS;;AAGpE,SAAS,YAAY,EACnB,GAAG,SACkD;AACrD,QAAO,oBAAC,eAAe;EAAO,aAAU;EAAe,GAAI;GAAS;;AAGtE,SAAS,aAAa,EACpB,UACA,GAAG,SACmD;AACtD,QACE,oBAAC,eAAe;EACd,aAAU;EACV,WAAW,GACT,0JACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,aAAa,EACpB,WACA,UACA,OAAO,QACP,GAAG,SAGF;AACD,QACE,qBAAC,0BACC,oBAAC,iBAAe,EAChB,qBAAC,eAAe;EACd,aAAU;EACV,WAAW,GACT,8MACA,SAAS,WACP,oIACF,SAAS,UACP,iIACF,SAAS,SACP,4GACF,SAAS,YACP,qHACF,UACD;EACD,GAAI;aAEH,UACD,qBAAC,eAAe;GAAM,WAAU;cAC9B,oBAAC,SAAM,WAAU,WAAW,EAC5B,oBAAC;IAAK,WAAU;cAAU;KAAY;IACjB;GACA,IACb;;AAIlB,SAAS,YAAY,EAAE,UAAW,GAAG,SAAsC;AACzE,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,6BAA6B,UAAU;EACrD,GAAI;GACJ;;AAIN,SAAS,YAAY,EAAE,UAAW,GAAG,SAAsC;AACzE,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,mCAAmC,UAAU;EAC3D,GAAI;GACJ;;AAIN,SAAS,WAAW,EAClB,UACA,GAAG,SACiD;AACpD,QACE,oBAAC,eAAe;EACd,aAAU;EACV,WAAW,GAAG,iCAAiC,UAAU;EACzD,GAAI;GACJ;;AAIN,SAAS,iBAAiB,EACxB,UACA,GAAG,SACuD;AAC1D,QACE,oBAAC,eAAe;EACd,aAAU;EACV,WAAW,GAAG,iCAAiC,UAAU;EACzD,GAAI;GACJ"}

package/dist/ui/sidebar.d.ts

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

package/dist/ui/sidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.d.ts","names":[],"sources":["../../ui/sidebar.tsx"],"sourcesContent":[],"mappings":"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"}

package/dist/ui/sidebar.js

@@ -0,0 +1,380 @@
+'use client';
+
+
+import { cn } from "./utils.js";
+import { Button } from "./button.js";
+import { Input } from "./input.js";
+import { Separator } from "./separator.js";
+import { Sheet, SheetContent } from "./sheet.js";
+import { useIsMobile } from "./use-mobile.js";
+import { Skeleton } from "./skeleton.js";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./tooltip.js";
+import * as React$1 from "react";
+import { PanelLeft } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+
+//#region ui/sidebar.tsx
+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$1.createContext(null);
+function useSidebar() {
+	const context = React$1.useContext(SidebarContext);
+	if (!context) throw new Error("useSidebar must be used within a SidebarProvider.");
+	return context;
+}
+const SidebarProvider = React$1.forwardRef(({ defaultOpen = true, open: openProp, onOpenChange: setOpenProp, className, style, children,...props }, ref) => {
+	const isMobile = useIsMobile();
+	const [openMobile, setOpenMobile] = React$1.useState(false);
+	const [_open, _setOpen] = React$1.useState(defaultOpen);
+	const open = openProp ?? _open;
+	const setOpen = React$1.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$1.useCallback(() => {
+		return isMobile ? setOpenMobile((open$1) => !open$1) : setOpen((open$1) => !open$1);
+	}, [
+		isMobile,
+		setOpen,
+		setOpenMobile
+	]);
+	React$1.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$1.useMemo(() => ({
+		state,
+		open,
+		setOpen,
+		isMobile,
+		openMobile,
+		setOpenMobile,
+		toggleSidebar
+	}), [
+		state,
+		open,
+		setOpen,
+		isMobile,
+		openMobile,
+		setOpenMobile,
+		toggleSidebar
+	]);
+	return /* @__PURE__ */ jsx(SidebarContext.Provider, {
+		value: contextValue,
+		children: /* @__PURE__ */ jsx(TooltipProvider, {
+			delayDuration: 0,
+			children: /* @__PURE__ */ jsx("div", {
+				style: {
+					"--sidebar-width": SIDEBAR_WIDTH,
+					"--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
+					...style
+				},
+				className: cn("group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full", className),
+				ref,
+				...props,
+				children
+			})
+		})
+	});
+});
+SidebarProvider.displayName = "SidebarProvider";
+const Sidebar = React$1.forwardRef(({ side = "left", variant = "sidebar", collapsible = "offcanvas", className, children,...props }, ref) => {
+	const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
+	if (collapsible === "none") return /* @__PURE__ */ jsx("div", {
+		className: cn("bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col", className),
+		ref,
+		...props,
+		children
+	});
+	if (isMobile) return /* @__PURE__ */ jsx(Sheet, {
+		open: openMobile,
+		onOpenChange: setOpenMobile,
+		...props,
+		children: /* @__PURE__ */ jsx(SheetContent, {
+			"data-sidebar": "sidebar",
+			"data-mobile": "true",
+			className: "bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden",
+			style: { "--sidebar-width": SIDEBAR_WIDTH_MOBILE },
+			side,
+			children: /* @__PURE__ */ jsx("div", {
+				className: "flex h-full w-full flex-col",
+				children
+			})
+		})
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		ref,
+		className: "text-sidebar-foreground group peer hidden md:block",
+		"data-state": state,
+		"data-collapsible": state === "collapsed" ? collapsible : "",
+		"data-variant": variant,
+		"data-side": side,
+		children: [/* @__PURE__ */ jsx("div", { className: cn("relative h-svh w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear", "group-data-[collapsible=offcanvas]:w-0", "group-data-[side=right]:rotate-180", variant === "floating" || variant === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)") }), /* @__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 md:flex", side === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]", variant === "floating" || variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l", className),
+			...props,
+			children: /* @__PURE__ */ jsx("div", {
+				"data-sidebar": "sidebar",
+				className: "bg-sidebar group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-2xs",
+				children
+			})
+		})]
+	});
+});
+Sidebar.displayName = "Sidebar";
+const SidebarTrigger = React$1.forwardRef(({ className, onClick,...props }, ref) => {
+	const { toggleSidebar } = useSidebar();
+	return /* @__PURE__ */ jsxs(Button, {
+		ref,
+		"data-sidebar": "trigger",
+		variant: "ghost",
+		size: "icon",
+		className: cn("h-7 w-7", className),
+		onClick: (event) => {
+			onClick?.(event);
+			toggleSidebar();
+		},
+		...props,
+		children: [/* @__PURE__ */ jsx(PanelLeft, {}), /* @__PURE__ */ jsx("span", {
+			className: "sr-only",
+			children: "Toggle Sidebar"
+		})]
+	});
+});
+SidebarTrigger.displayName = "SidebarTrigger";
+const SidebarRail = React$1.forwardRef(({ className,...props }, ref) => {
+	const { toggleSidebar } = useSidebar();
+	return /* @__PURE__ */ jsx("button", {
+		ref,
+		"data-sidebar": "rail",
+		"aria-label": "Toggle Sidebar",
+		tabIndex: -1,
+		onClick: toggleSidebar,
+		title: "Toggle Sidebar",
+		className: cn("hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] sm:flex", "in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize", "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize", "group-data-[collapsible=offcanvas]:hover:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full", "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2", "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2", className),
+		...props
+	});
+});
+SidebarRail.displayName = "SidebarRail";
+const SidebarInset = React$1.forwardRef(({ className,...props }, ref) => {
+	return /* @__PURE__ */ jsx("main", {
+		ref,
+		className: cn("bg-background relative flex min-h-svh flex-1 flex-col", "peer-data-[variant=inset]:min-h-[calc(100svh-(--spacing(4)))] 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-2xs md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2", className),
+		...props
+	});
+});
+SidebarInset.displayName = "SidebarInset";
+const SidebarInput = React$1.forwardRef(({ className,...props }, ref) => {
+	return /* @__PURE__ */ jsx(Input, {
+		ref,
+		"data-sidebar": "input",
+		className: cn("focus-visible:ring-sidebar-ring bg-background h-8 w-full shadow-none focus-visible:ring-2", className),
+		...props
+	});
+});
+SidebarInput.displayName = "SidebarInput";
+const SidebarHeader = React$1.forwardRef(({ className,...props }, ref) => {
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		"data-sidebar": "header",
+		className: cn("flex flex-col gap-2 p-2", className),
+		...props
+	});
+});
+SidebarHeader.displayName = "SidebarHeader";
+const SidebarFooter = React$1.forwardRef(({ className,...props }, ref) => {
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		"data-sidebar": "footer",
+		className: cn("flex flex-col gap-2 p-2", className),
+		...props
+	});
+});
+SidebarFooter.displayName = "SidebarFooter";
+const SidebarSeparator = React$1.forwardRef(({ className,...props }, ref) => {
+	return /* @__PURE__ */ jsx(Separator, {
+		ref,
+		"data-sidebar": "separator",
+		className: cn("bg-sidebar-border mx-2 w-auto", className),
+		...props
+	});
+});
+SidebarSeparator.displayName = "SidebarSeparator";
+const SidebarContent = React$1.forwardRef(({ className,...props }, ref) => {
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		"data-sidebar": "content",
+		className: cn("flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden", className),
+		...props
+	});
+});
+SidebarContent.displayName = "SidebarContent";
+const SidebarGroup = React$1.forwardRef(({ className,...props }, ref) => {
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		"data-sidebar": "group",
+		className: cn("relative flex w-full min-w-0 flex-col p-2", className),
+		...props
+	});
+});
+SidebarGroup.displayName = "SidebarGroup";
+const SidebarGroupLabel = React$1.forwardRef(({ className, asChild = false,...props }, ref) => {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "div", {
+		ref,
+		"data-sidebar": "group-label",
+		className: cn("text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-sm font-medium outline-hidden transition-[margin,opa] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0", className),
+		...props
+	});
+});
+SidebarGroupLabel.displayName = "SidebarGroupLabel";
+const SidebarGroupAction = React$1.forwardRef(({ className, asChild = false,...props }, ref) => {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "button", {
+		ref,
+		"data-sidebar": "group-action",
+		className: cn("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", "after:absolute after:-inset-2 md:after:hidden", "group-data-[collapsible=icon]:hidden", className),
+		...props
+	});
+});
+SidebarGroupAction.displayName = "SidebarGroupAction";
+const SidebarGroupContent = React$1.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx("div", {
+	ref,
+	"data-sidebar": "group-content",
+	className: cn("w-full text-base", className),
+	...props
+}));
+SidebarGroupContent.displayName = "SidebarGroupContent";
+const SidebarMenu = React$1.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx("ul", {
+	ref,
+	"data-sidebar": "menu",
+	className: cn("flex w-full min-w-0 flex-col gap-1", className),
+	...props
+}));
+SidebarMenu.displayName = "SidebarMenu";
+const SidebarMenuItem = React$1.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx("li", {
+	ref,
+	"data-sidebar": "menu-item",
+	className: cn("group/menu-item relative", className),
+	...props
+}));
+SidebarMenuItem.displayName = "SidebarMenuItem";
+const sidebarMenuButtonVariants = cva("peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-base outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0", {
+	variants: {
+		variant: {
+			default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
+			outline: "bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]"
+		},
+		size: {
+			default: "h-8 text-base",
+			sm: "h-7 text-sm",
+			lg: "h-12 text-base group-data-[collapsible=icon]:p-0!"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+const SidebarMenuButton = React$1.forwardRef(({ asChild = false, isActive = false, variant = "default", size = "default", tooltip, className,...props }, ref) => {
+	const Comp = asChild ? Slot : "button";
+	const { isMobile, state } = useSidebar();
+	const button = /* @__PURE__ */ jsx(Comp, {
+		ref,
+		"data-sidebar": "menu-button",
+		"data-size": size,
+		"data-active": isActive,
+		className: cn(sidebarMenuButtonVariants({
+			variant,
+			size
+		}), className),
+		...props
+	});
+	if (!tooltip) return button;
+	if (typeof tooltip === "string") tooltip = { children: tooltip };
+	return /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+		asChild: true,
+		children: button
+	}), /* @__PURE__ */ jsx(TooltipContent, {
+		side: "right",
+		align: "center",
+		hidden: state !== "collapsed" || isMobile,
+		...tooltip
+	})] });
+});
+SidebarMenuButton.displayName = "SidebarMenuButton";
+const SidebarMenuAction = React$1.forwardRef(({ className, asChild = false, showOnHover = false,...props }, ref) => {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "button", {
+		ref,
+		"data-sidebar": "menu-action",
+		className: cn("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", "after:absolute after:-inset-2 md:after:hidden", "peer-data-[size=sm]/menu-button:top-1", "peer-data-[size=default]/menu-button:top-1.5", "peer-data-[size=lg]/menu-button:top-2.5", "group-data-[collapsible=icon]:hidden", showOnHover && "peer-data-[active=true]/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 md:opacity-0", className),
+		...props
+	});
+});
+SidebarMenuAction.displayName = "SidebarMenuAction";
+const SidebarMenuBadge = React$1.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx("div", {
+	ref,
+	"data-sidebar": "menu-badge",
+	className: cn("text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-sm font-medium tabular-nums select-none", "peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground", "peer-data-[size=sm]/menu-button:top-1", "peer-data-[size=default]/menu-button:top-1.5", "peer-data-[size=lg]/menu-button:top-2.5", "group-data-[collapsible=icon]:hidden", className),
+	...props
+}));
+SidebarMenuBadge.displayName = "SidebarMenuBadge";
+const SidebarMenuSkeleton = React$1.forwardRef(({ className, showIcon = false,...props }, ref) => {
+	const width = React$1.useMemo(() => {
+		return `${Math.floor(Math.random() * 40) + 50}%`;
+	}, []);
+	return /* @__PURE__ */ jsxs("div", {
+		ref,
+		"data-sidebar": "menu-skeleton",
+		className: cn("flex h-8 items-center gap-2 rounded-md px-2", className),
+		...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 }
+		})]
+	});
+});
+SidebarMenuSkeleton.displayName = "SidebarMenuSkeleton";
+const SidebarMenuSub = React$1.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx("ul", {
+	ref,
+	"data-sidebar": "menu-sub",
+	className: cn("border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5", "group-data-[collapsible=icon]:hidden", className),
+	...props
+}));
+SidebarMenuSub.displayName = "SidebarMenuSub";
+const SidebarMenuSubItem = React$1.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("li", {
+	ref,
+	...props
+}));
+SidebarMenuSubItem.displayName = "SidebarMenuSubItem";
+const SidebarMenuSubButton = React$1.forwardRef(({ asChild = false, size = "md", isActive, className,...props }, ref) => {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "a", {
+		ref,
+		"data-sidebar": "menu-sub-button",
+		"data-size": size,
+		"data-active": isActive,
+		className: cn("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0", "data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground", size === "sm" && "text-sm", size === "md" && "text-base", "group-data-[collapsible=icon]:hidden", className),
+		...props
+	});
+});
+SidebarMenuSubButton.displayName = "SidebarMenuSubButton";
+
+//#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