@lssm/lib.design-system 1.7.1 → 1.7.3

package/dist/components/templates/lists/ListPageTemplate/index.mobile.d.ts

@@ -1,5 +1,5 @@
 import { ListPageTemplateProps } from "./types.js";
-import * as react_jsx_runtime66 from "react/jsx-runtime";
+import * as react_jsx_runtime92 from "react/jsx-runtime";
 
 //#region src/components/templates/lists/ListPageTemplate/index.mobile.d.ts
 declare function ListPageTemplate<T = any>({
@@ -16,7 +16,7 @@ declare function ListPageTemplate<T = any>({
   data,
   renderItem,
   emptyProps
-}: ListPageTemplateProps<T>): react_jsx_runtime66.JSX.Element;
+}: ListPageTemplateProps<T>): react_jsx_runtime92.JSX.Element;
 //#endregion
 export { ListPageTemplate, ListPageTemplateProps };
 //# sourceMappingURL=index.mobile.d.ts.map

package/dist/components/templates/lists/ListPageTemplate/index.web.d.ts

@@ -1,5 +1,5 @@
 import { ListPageTemplateProps } from "./types.js";
-import * as react_jsx_runtime73 from "react/jsx-runtime";
+import * as react_jsx_runtime93 from "react/jsx-runtime";
 
 //#region src/components/templates/lists/ListPageTemplate/index.web.d.ts
 declare function ListPageTemplate<T = any>({
@@ -17,7 +17,7 @@ declare function ListPageTemplate<T = any>({
   data,
   renderItem,
   emptyProps
-}: ListPageTemplateProps<T>): react_jsx_runtime73.JSX.Element;
+}: ListPageTemplateProps<T>): react_jsx_runtime93.JSX.Element;
 //#endregion
 export { ListPageTemplate, ListPageTemplateProps };
 //# sourceMappingURL=index.web.d.ts.map

package/dist/theme/variants.d.ts

@@ -1,5 +1,5 @@
 import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types5 from "class-variance-authority/types";
+import * as class_variance_authority_types18 from "class-variance-authority/types";
 
 //#region src/theme/variants.d.ts
 type SizeVariant = 'sm' | 'md' | 'lg';
@@ -13,9 +13,9 @@ type EmphasisVariant = 'default' | 'subtle' | 'strong';
 declare const dsBaseVariants: (props?: ({
   size?: "sm" | "md" | "lg" | null | undefined;
   density?: "compact" | "comfortable" | null | undefined;
-  tone?: "neutral" | "danger" | "info" | "success" | "warning" | null | undefined;
+  tone?: "neutral" | "info" | "success" | "warning" | "danger" | null | undefined;
   emphasis?: "strong" | "default" | "subtle" | null | undefined;
-} & class_variance_authority_types5.ClassProp) | undefined) => string;
+} & class_variance_authority_types18.ClassProp) | undefined) => string;
 type DSBaseVariantsProps = VariantProps<typeof dsBaseVariants>;
 //#endregion
 export { DSBaseVariantsProps, DensityVariant, EmphasisVariant, SizeVariant, ToneVariant, dsBaseVariants };

package/dist/theme/variants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"variants.d.ts","names":[],"sources":["../../src/theme/variants.ts"],"sourcesContent":[],"mappings":";;;;KAIY,WAAA;KACA,cAAA;KACA,WAAA;AAFA,KAGA,eAAA,GAHW,SAAA,GAAA,QAAA,GAAA,QAAA;AACvB;AACA;AACA;AAMA;AAgCY,cAhCC,cAgCkB,EAAA,CAAA,MAAuB,EAAA,CAAA;;;;;IAFpD,+BAAA,CAAA;KAEU,mBAAA,GAAsB,oBAAoB"}
+{"version":3,"file":"variants.d.ts","names":[],"sources":["../../src/theme/variants.ts"],"sourcesContent":[],"mappings":";;;;KAIY,WAAA;KACA,cAAA;KACA,WAAA;AAFA,KAGA,eAAA,GAHW,SAAA,GAAA,QAAA,GAAA,QAAA;AACvB;AACA;AACA;AAMA;AAgCY,cAhCC,cAgCkB,EAAA,CAAA,MAAuB,EAAA,CAAA;;;;;IAFpD,gCAAA,CAAA;KAEU,mBAAA,GAAsB,oBAAoB"}

package/dist/ui-kit-web/dist/ui/sidebar.js

@@ -2,22 +2,19 @@
 
 
 import { cn, init_utils } from "./utils.js";
-import { Separator } from "./separator.js";
-import { Button } from "./button.js";
 import { Input } from "./input.js";
-import { Sheet, SheetContent } from "./sheet.js";
+import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle } 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 { jsx, jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 import { Slot } from "@radix-ui/react-slot";
-import { PanelLeft } from "lucide-react";
+import "lucide-react";
 
 //#region ../ui-kit-web/dist/ui/sidebar.js
 init_utils();
-const SIDEBAR_COOKIE_NAME = "sidebar:state";
+const SIDEBAR_COOKIE_NAME = "sidebar_state";
 const SIDEBAR_COOKIE_MAX_AGE = 3600 * 24 * 7;
 const SIDEBAR_WIDTH = "16rem";
 const SIDEBAR_WIDTH_MOBILE = "18rem";
@@ -29,7 +26,7 @@ function useSidebar() {
 	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) => {
+function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: setOpenProp, className, style, children,...props }) {
 	const isMobile = useIsMobile();
 	const [openMobile, setOpenMobile] = React$1.useState(false);
 	const [_open, _setOpen] = React$1.useState(defaultOpen);
@@ -80,25 +77,24 @@ const SidebarProvider = React$1.forwardRef(({ defaultOpen = true, open: openProp
 		children: /* @__PURE__ */ jsx(TooltipProvider, {
 			delayDuration: 0,
 			children: /* @__PURE__ */ jsx("div", {
+				"data-slot": "sidebar-wrapper",
 				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) => {
+}
+function Sidebar({ side = "left", variant = "sidebar", collapsible = "offcanvas", className, children,...props }) {
 	const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
 	if (collapsible === "none") return /* @__PURE__ */ jsx("div", {
+		"data-slot": "sidebar",
 		className: cn("bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col", className),
-		ref,
 		...props,
 		children
 	});
@@ -106,182 +102,140 @@ const Sidebar = React$1.forwardRef(({ side = "left", variant = "sidebar", collap
 		open: openMobile,
 		onOpenChange: setOpenMobile,
 		...props,
-		children: /* @__PURE__ */ jsx(SheetContent, {
+		children: /* @__PURE__ */ jsxs(SheetContent, {
 			"data-sidebar": "sidebar",
+			"data-slot": "sidebar",
 			"data-mobile": "true",
 			className: "bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden",
 			style: { "--sidebar-width": SIDEBAR_WIDTH_MOBILE },
 			side,
-			children: /* @__PURE__ */ jsx("div", {
+			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", {
-		ref,
-		className: "text-sidebar-foreground group peer hidden md:block",
+		className: "group peer text-sidebar-foreground 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", {
+		"data-slot": "sidebar",
+		children: [/* @__PURE__ */ jsx("div", {
+			"data-slot": "sidebar-gap",
+			className: cn("relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear", "group-data-[collapsible=offcanvas]:w-0", "group-data-[side=right]:rotate-180", variant === "floating" || variant === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)")
+		}), /* @__PURE__ */ jsx("div", {
+			"data-slot": "sidebar-container",
 			className: cn("fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex", side === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]", 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",
+				"data-slot": "sidebar-inner",
+				className: "bg-sidebar group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm",
 				children
 			})
 		})]
 	});
-});
-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) => {
+}
+function SidebarRail({ className,...props }) {
 	const { toggleSidebar } = useSidebar();
 	return /* @__PURE__ */ jsx("button", {
-		ref,
 		"data-sidebar": "rail",
+		"data-slot": "sidebar-rail",
 		"aria-label": "Toggle Sidebar",
 		tabIndex: -1,
 		onClick: toggleSidebar,
 		title: "Toggle Sidebar",
-		className: cn("hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] sm:flex", "in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize", "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize", "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),
+		className: cn("hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] sm:flex", "in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize", "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize", "hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full", "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2", "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2", className),
 		...props
 	});
-});
-SidebarInset.displayName = "SidebarInset";
-const SidebarInput = React$1.forwardRef(({ className,...props }, ref) => {
+}
+function SidebarInput({ className,...props }) {
 	return /* @__PURE__ */ jsx(Input, {
-		ref,
+		"data-slot": "sidebar-input",
 		"data-sidebar": "input",
-		className: cn("focus-visible:ring-sidebar-ring bg-background h-8 w-full shadow-none focus-visible:ring-2", className),
+		className: cn("bg-background h-8 w-full shadow-none", className),
 		...props
 	});
-});
-SidebarInput.displayName = "SidebarInput";
-const SidebarHeader = React$1.forwardRef(({ className,...props }, ref) => {
+}
+function SidebarHeader({ className,...props }) {
 	return /* @__PURE__ */ jsx("div", {
-		ref,
+		"data-slot": "sidebar-header",
 		"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) => {
+}
+function SidebarFooter({ className,...props }) {
 	return /* @__PURE__ */ jsx("div", {
-		ref,
+		"data-slot": "sidebar-footer",
 		"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) => {
+}
+function SidebarContent({ className,...props }) {
 	return /* @__PURE__ */ jsx("div", {
-		ref,
+		"data-slot": "sidebar-content",
 		"data-sidebar": "content",
 		className: cn("flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden", className),
 		...props
 	});
-});
-SidebarContent.displayName = "SidebarContent";
-const SidebarGroup = React$1.forwardRef(({ className,...props }, ref) => {
+}
+function SidebarGroup({ className,...props }) {
 	return /* @__PURE__ */ jsx("div", {
-		ref,
+		"data-slot": "sidebar-group",
 		"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) => {
+}
+function SidebarGroupLabel({ className, asChild = false,...props }) {
 	return /* @__PURE__ */ jsx(asChild ? Slot : "div", {
-		ref,
+		"data-slot": "sidebar-group-label",
 		"data-sidebar": "group-label",
-		className: cn("text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-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),
+		className: cn("text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0", className),
 		...props
 	});
-});
-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),
+}
+function SidebarGroupContent({ className,...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "sidebar-group-content",
+		"data-sidebar": "group-content",
+		className: cn("w-full text-sm", 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", {
+}
+function SidebarMenu({ className,...props }) {
+	return /* @__PURE__ */ jsx("ul", {
+		"data-slot": "sidebar-menu",
+		"data-sidebar": "menu",
+		className: cn("flex w-full min-w-0 flex-col gap-1", className),
+		...props
+	});
+}
+function SidebarMenuItem({ className,...props }) {
+	return /* @__PURE__ */ jsx("li", {
+		"data-slot": "sidebar-menu-item",
+		"data-sidebar": "menu-item",
+		className: cn("group/menu-item relative", className),
+		...props
+	});
+}
+const sidebarMenuButtonVariants = cva("peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0", {
 	variants: {
 		variant: {
 			default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
 			outline: "bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]"
 		},
 		size: {
-			default: "h-8 text-base",
-			sm: "h-7 text-sm",
-			lg: "h-12 text-base group-data-[collapsible=icon]:p-0!"
+			default: "h-8 text-sm",
+			sm: "h-7 text-xs",
+			lg: "h-12 text-sm group-data-[collapsible=icon]:p-0!"
 		}
 	},
 	defaultVariants: {
@@ -289,11 +243,11 @@ const sidebarMenuButtonVariants = cva("peer/menu-button flex w-full items-center
 		size: "default"
 	}
 });
-const SidebarMenuButton = React$1.forwardRef(({ asChild = false, isActive = false, variant = "default", size = "default", tooltip, className,...props }, ref) => {
+function SidebarMenuButton({ asChild = false, isActive = false, variant = "default", size = "default", tooltip, className,...props }) {
 	const Comp = asChild ? Slot : "button";
 	const { isMobile, state } = useSidebar();
 	const button = /* @__PURE__ */ jsx(Comp, {
-		ref,
+		"data-slot": "sidebar-menu-button",
 		"data-sidebar": "menu-button",
 		"data-size": size,
 		"data-active": isActive,
@@ -314,67 +268,15 @@ const SidebarMenuButton = React$1.forwardRef(({ asChild = false, isActive = fals
 		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),
+}
+function SidebarMenuBadge({ className,...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "sidebar-menu-badge",
+		"data-sidebar": "menu-badge",
+		className: cn("text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none", "peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground", "peer-data-[size=sm]/menu-button:top-1", "peer-data-[size=default]/menu-button:top-1.5", "peer-data-[size=lg]/menu-button:top-2.5", "group-data-[collapsible=icon]:hidden", className),
 		...props
 	});
-});
-SidebarMenuSubButton.displayName = "SidebarMenuSubButton";
+}
 
 //#endregion
 export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarMenu, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarProvider, SidebarRail };

package/dist/ui-kit-web/dist/ui/sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.js","names":[],"sources":["../../../../../ui-kit-web/dist/ui/sidebar.js"],"sourcesContent":["'use client';\n\n\nimport { cn } from \"./utils.js\";\nimport { Button } from \"./button.js\";\nimport { Input } from \"./input.js\";\nimport { Separator } from \"./separator.js\";\nimport { Sheet, SheetContent } from \"./sheet.js\";\nimport { useIsMobile } from \"./use-mobile.js\";\nimport { Skeleton } from \"./skeleton.js\";\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from \"./tooltip.js\";\nimport * as React$1 from \"react\";\nimport { PanelLeft } from \"lucide-react\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cva } from \"class-variance-authority\";\n\n//#region ui/sidebar.tsx\nconst SIDEBAR_COOKIE_NAME = \"sidebar:state\";\nconst SIDEBAR_COOKIE_MAX_AGE = 3600 * 24 * 7;\nconst SIDEBAR_WIDTH = \"16rem\";\nconst SIDEBAR_WIDTH_MOBILE = \"18rem\";\nconst SIDEBAR_WIDTH_ICON = \"3rem\";\nconst SIDEBAR_KEYBOARD_SHORTCUT = \"b\";\nconst SidebarContext = React$1.createContext(null);\nfunction useSidebar() {\n\tconst context = React$1.useContext(SidebarContext);\n\tif (!context) throw new Error(\"useSidebar must be used within a SidebarProvider.\");\n\treturn context;\n}\nconst SidebarProvider = React$1.forwardRef(({ defaultOpen = true, open: openProp, onOpenChange: setOpenProp, className, style, children,...props }, ref) => {\n\tconst isMobile = useIsMobile();\n\tconst [openMobile, setOpenMobile] = React$1.useState(false);\n\tconst [_open, _setOpen] = React$1.useState(defaultOpen);\n\tconst open = openProp ?? _open;\n\tconst setOpen = React$1.useCallback((value) => {\n\t\tconst openState = typeof value === \"function\" ? value(open) : value;\n\t\tif (setOpenProp) setOpenProp(openState);\n\t\telse _setOpen(openState);\n\t\tdocument.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;\n\t}, [setOpenProp, open]);\n\tconst toggleSidebar = React$1.useCallback(() => {\n\t\treturn isMobile ? setOpenMobile((open$1) => !open$1) : setOpen((open$1) => !open$1);\n\t}, [\n\t\tisMobile,\n\t\tsetOpen,\n\t\tsetOpenMobile\n\t]);\n\tReact$1.useEffect(() => {\n\t\tconst handleKeyDown = (event) => {\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\t\twindow.addEventListener(\"keydown\", handleKeyDown);\n\t\treturn () => window.removeEventListener(\"keydown\", handleKeyDown);\n\t}, [toggleSidebar]);\n\tconst state = open ? \"expanded\" : \"collapsed\";\n\tconst contextValue = React$1.useMemo(() => ({\n\t\tstate,\n\t\topen,\n\t\tsetOpen,\n\t\tisMobile,\n\t\topenMobile,\n\t\tsetOpenMobile,\n\t\ttoggleSidebar\n\t}), [\n\t\tstate,\n\t\topen,\n\t\tsetOpen,\n\t\tisMobile,\n\t\topenMobile,\n\t\tsetOpenMobile,\n\t\ttoggleSidebar\n\t]);\n\treturn /* @__PURE__ */ jsx(SidebarContext.Provider, {\n\t\tvalue: contextValue,\n\t\tchildren: /* @__PURE__ */ jsx(TooltipProvider, {\n\t\t\tdelayDuration: 0,\n\t\t\tchildren: /* @__PURE__ */ jsx(\"div\", {\n\t\t\t\tstyle: {\n\t\t\t\t\t\"--sidebar-width\": SIDEBAR_WIDTH,\n\t\t\t\t\t\"--sidebar-width-icon\": SIDEBAR_WIDTH_ICON,\n\t\t\t\t\t...style\n\t\t\t\t},\n\t\t\t\tclassName: cn(\"group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full\", className),\n\t\t\t\tref,\n\t\t\t\t...props,\n\t\t\t\tchildren\n\t\t\t})\n\t\t})\n\t});\n});\nSidebarProvider.displayName = \"SidebarProvider\";\nconst Sidebar = React$1.forwardRef(({ side = \"left\", variant = \"sidebar\", collapsible = \"offcanvas\", className, children,...props }, ref) => {\n\tconst { isMobile, state, openMobile, setOpenMobile } = useSidebar();\n\tif (collapsible === \"none\") return /* @__PURE__ */ jsx(\"div\", {\n\t\tclassName: cn(\"bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col\", className),\n\t\tref,\n\t\t...props,\n\t\tchildren\n\t});\n\tif (isMobile) return /* @__PURE__ */ jsx(Sheet, {\n\t\topen: openMobile,\n\t\tonOpenChange: setOpenMobile,\n\t\t...props,\n\t\tchildren: /* @__PURE__ */ jsx(SheetContent, {\n\t\t\t\"data-sidebar\": \"sidebar\",\n\t\t\t\"data-mobile\": \"true\",\n\t\t\tclassName: \"bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden\",\n\t\t\tstyle: { \"--sidebar-width\": SIDEBAR_WIDTH_MOBILE },\n\t\t\tside,\n\t\t\tchildren: /* @__PURE__ */ jsx(\"div\", {\n\t\t\t\tclassName: \"flex h-full w-full flex-col\",\n\t\t\t\tchildren\n\t\t\t})\n\t\t})\n\t});\n\treturn /* @__PURE__ */ jsxs(\"div\", {\n\t\tref,\n\t\tclassName: \"text-sidebar-foreground group peer hidden md:block\",\n\t\t\"data-state\": state,\n\t\t\"data-collapsible\": state === \"collapsed\" ? collapsible : \"\",\n\t\t\"data-variant\": variant,\n\t\t\"data-side\": side,\n\t\tchildren: [/* @__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\", {\n\t\t\tclassName: 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),\n\t\t\t...props,\n\t\t\tchildren: /* @__PURE__ */ jsx(\"div\", {\n\t\t\t\t\"data-sidebar\": \"sidebar\",\n\t\t\t\tclassName: \"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\",\n\t\t\t\tchildren\n\t\t\t})\n\t\t})]\n\t});\n});\nSidebar.displayName = \"Sidebar\";\nconst SidebarTrigger = React$1.forwardRef(({ className, onClick,...props }, ref) => {\n\tconst { toggleSidebar } = useSidebar();\n\treturn /* @__PURE__ */ jsxs(Button, {\n\t\tref,\n\t\t\"data-sidebar\": \"trigger\",\n\t\tvariant: \"ghost\",\n\t\tsize: \"icon\",\n\t\tclassName: cn(\"h-7 w-7\", className),\n\t\tonClick: (event) => {\n\t\t\tonClick?.(event);\n\t\t\ttoggleSidebar();\n\t\t},\n\t\t...props,\n\t\tchildren: [/* @__PURE__ */ jsx(PanelLeft, {}), /* @__PURE__ */ jsx(\"span\", {\n\t\t\tclassName: \"sr-only\",\n\t\t\tchildren: \"Toggle Sidebar\"\n\t\t})]\n\t});\n});\nSidebarTrigger.displayName = \"SidebarTrigger\";\nconst SidebarRail = React$1.forwardRef(({ className,...props }, ref) => {\n\tconst { toggleSidebar } = useSidebar();\n\treturn /* @__PURE__ */ jsx(\"button\", {\n\t\tref,\n\t\t\"data-sidebar\": \"rail\",\n\t\t\"aria-label\": \"Toggle Sidebar\",\n\t\ttabIndex: -1,\n\t\tonClick: toggleSidebar,\n\t\ttitle: \"Toggle Sidebar\",\n\t\tclassName: 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),\n\t\t...props\n\t});\n});\nSidebarRail.displayName = \"SidebarRail\";\nconst SidebarInset = React$1.forwardRef(({ className,...props }, ref) => {\n\treturn /* @__PURE__ */ jsx(\"main\", {\n\t\tref,\n\t\tclassName: 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),\n\t\t...props\n\t});\n});\nSidebarInset.displayName = \"SidebarInset\";\nconst SidebarInput = React$1.forwardRef(({ className,...props }, ref) => {\n\treturn /* @__PURE__ */ jsx(Input, {\n\t\tref,\n\t\t\"data-sidebar\": \"input\",\n\t\tclassName: cn(\"focus-visible:ring-sidebar-ring bg-background h-8 w-full shadow-none focus-visible:ring-2\", className),\n\t\t...props\n\t});\n});\nSidebarInput.displayName = \"SidebarInput\";\nconst SidebarHeader = React$1.forwardRef(({ className,...props }, ref) => {\n\treturn /* @__PURE__ */ jsx(\"div\", {\n\t\tref,\n\t\t\"data-sidebar\": \"header\",\n\t\tclassName: cn(\"flex flex-col gap-2 p-2\", className),\n\t\t...props\n\t});\n});\nSidebarHeader.displayName = \"SidebarHeader\";\nconst SidebarFooter = React$1.forwardRef(({ className,...props }, ref) => {\n\treturn /* @__PURE__ */ jsx(\"div\", {\n\t\tref,\n\t\t\"data-sidebar\": \"footer\",\n\t\tclassName: cn(\"flex flex-col gap-2 p-2\", className),\n\t\t...props\n\t});\n});\nSidebarFooter.displayName = \"SidebarFooter\";\nconst SidebarSeparator = React$1.forwardRef(({ className,...props }, ref) => {\n\treturn /* @__PURE__ */ jsx(Separator, {\n\t\tref,\n\t\t\"data-sidebar\": \"separator\",\n\t\tclassName: cn(\"bg-sidebar-border mx-2 w-auto\", className),\n\t\t...props\n\t});\n});\nSidebarSeparator.displayName = \"SidebarSeparator\";\nconst SidebarContent = React$1.forwardRef(({ className,...props }, ref) => {\n\treturn /* @__PURE__ */ jsx(\"div\", {\n\t\tref,\n\t\t\"data-sidebar\": \"content\",\n\t\tclassName: cn(\"flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden\", className),\n\t\t...props\n\t});\n});\nSidebarContent.displayName = \"SidebarContent\";\nconst SidebarGroup = React$1.forwardRef(({ className,...props }, ref) => {\n\treturn /* @__PURE__ */ jsx(\"div\", {\n\t\tref,\n\t\t\"data-sidebar\": \"group\",\n\t\tclassName: cn(\"relative flex w-full min-w-0 flex-col p-2\", className),\n\t\t...props\n\t});\n});\nSidebarGroup.displayName = \"SidebarGroup\";\nconst SidebarGroupLabel = React$1.forwardRef(({ className, asChild = false,...props }, ref) => {\n\treturn /* @__PURE__ */ jsx(asChild ? Slot : \"div\", {\n\t\tref,\n\t\t\"data-sidebar\": \"group-label\",\n\t\tclassName: 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),\n\t\t...props\n\t});\n});\nSidebarGroupLabel.displayName = \"SidebarGroupLabel\";\nconst SidebarGroupAction = React$1.forwardRef(({ className, asChild = false,...props }, ref) => {\n\treturn /* @__PURE__ */ jsx(asChild ? Slot : \"button\", {\n\t\tref,\n\t\t\"data-sidebar\": \"group-action\",\n\t\tclassName: 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),\n\t\t...props\n\t});\n});\nSidebarGroupAction.displayName = \"SidebarGroupAction\";\nconst SidebarGroupContent = React$1.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(\"div\", {\n\tref,\n\t\"data-sidebar\": \"group-content\",\n\tclassName: cn(\"w-full text-base\", className),\n\t...props\n}));\nSidebarGroupContent.displayName = \"SidebarGroupContent\";\nconst SidebarMenu = React$1.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(\"ul\", {\n\tref,\n\t\"data-sidebar\": \"menu\",\n\tclassName: cn(\"flex w-full min-w-0 flex-col gap-1\", className),\n\t...props\n}));\nSidebarMenu.displayName = \"SidebarMenu\";\nconst SidebarMenuItem = React$1.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(\"li\", {\n\tref,\n\t\"data-sidebar\": \"menu-item\",\n\tclassName: cn(\"group/menu-item relative\", className),\n\t...props\n}));\nSidebarMenuItem.displayName = \"SidebarMenuItem\";\nconst 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\", {\n\tvariants: {\n\t\tvariant: {\n\t\t\tdefault: \"hover:bg-sidebar-accent hover:text-sidebar-accent-foreground\",\n\t\t\toutline: \"bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]\"\n\t\t},\n\t\tsize: {\n\t\t\tdefault: \"h-8 text-base\",\n\t\t\tsm: \"h-7 text-sm\",\n\t\t\tlg: \"h-12 text-base group-data-[collapsible=icon]:p-0!\"\n\t\t}\n\t},\n\tdefaultVariants: {\n\t\tvariant: \"default\",\n\t\tsize: \"default\"\n\t}\n});\nconst SidebarMenuButton = React$1.forwardRef(({ asChild = false, isActive = false, variant = \"default\", size = \"default\", tooltip, className,...props }, ref) => {\n\tconst Comp = asChild ? Slot : \"button\";\n\tconst { isMobile, state } = useSidebar();\n\tconst button = /* @__PURE__ */ jsx(Comp, {\n\t\tref,\n\t\t\"data-sidebar\": \"menu-button\",\n\t\t\"data-size\": size,\n\t\t\"data-active\": isActive,\n\t\tclassName: cn(sidebarMenuButtonVariants({\n\t\t\tvariant,\n\t\t\tsize\n\t\t}), className),\n\t\t...props\n\t});\n\tif (!tooltip) return button;\n\tif (typeof tooltip === \"string\") tooltip = { children: tooltip };\n\treturn /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {\n\t\tasChild: true,\n\t\tchildren: button\n\t}), /* @__PURE__ */ jsx(TooltipContent, {\n\t\tside: \"right\",\n\t\talign: \"center\",\n\t\thidden: state !== \"collapsed\" || isMobile,\n\t\t...tooltip\n\t})] });\n});\nSidebarMenuButton.displayName = \"SidebarMenuButton\";\nconst SidebarMenuAction = React$1.forwardRef(({ className, asChild = false, showOnHover = false,...props }, ref) => {\n\treturn /* @__PURE__ */ jsx(asChild ? Slot : \"button\", {\n\t\tref,\n\t\t\"data-sidebar\": \"menu-action\",\n\t\tclassName: 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),\n\t\t...props\n\t});\n});\nSidebarMenuAction.displayName = \"SidebarMenuAction\";\nconst SidebarMenuBadge = React$1.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(\"div\", {\n\tref,\n\t\"data-sidebar\": \"menu-badge\",\n\tclassName: 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),\n\t...props\n}));\nSidebarMenuBadge.displayName = \"SidebarMenuBadge\";\nconst SidebarMenuSkeleton = React$1.forwardRef(({ className, showIcon = false,...props }, ref) => {\n\tconst width = React$1.useMemo(() => {\n\t\treturn `${Math.floor(Math.random() * 40) + 50}%`;\n\t}, []);\n\treturn /* @__PURE__ */ jsxs(\"div\", {\n\t\tref,\n\t\t\"data-sidebar\": \"menu-skeleton\",\n\t\tclassName: cn(\"flex h-8 items-center gap-2 rounded-md px-2\", className),\n\t\t...props,\n\t\tchildren: [showIcon && /* @__PURE__ */ jsx(Skeleton, {\n\t\t\tclassName: \"size-4 rounded-md\",\n\t\t\t\"data-sidebar\": \"menu-skeleton-icon\"\n\t\t}), /* @__PURE__ */ jsx(Skeleton, {\n\t\t\tclassName: \"h-4 max-w-(--skeleton-width) flex-1\",\n\t\t\t\"data-sidebar\": \"menu-skeleton-text\",\n\t\t\tstyle: { \"--skeleton-width\": width }\n\t\t})]\n\t});\n});\nSidebarMenuSkeleton.displayName = \"SidebarMenuSkeleton\";\nconst SidebarMenuSub = React$1.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx(\"ul\", {\n\tref,\n\t\"data-sidebar\": \"menu-sub\",\n\tclassName: 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),\n\t...props\n}));\nSidebarMenuSub.displayName = \"SidebarMenuSub\";\nconst SidebarMenuSubItem = React$1.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx(\"li\", {\n\tref,\n\t...props\n}));\nSidebarMenuSubItem.displayName = \"SidebarMenuSubItem\";\nconst SidebarMenuSubButton = React$1.forwardRef(({ asChild = false, size = \"md\", isActive, className,...props }, ref) => {\n\treturn /* @__PURE__ */ jsx(asChild ? Slot : \"a\", {\n\t\tref,\n\t\t\"data-sidebar\": \"menu-sub-button\",\n\t\t\"data-size\": size,\n\t\t\"data-active\": isActive,\n\t\tclassName: 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),\n\t\t...props\n\t});\n});\nSidebarMenuSubButton.displayName = \"SidebarMenuSubButton\";\n\n//#endregion\nexport { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar };\n//# sourceMappingURL=sidebar.js.map"],"mappings":"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"}
+{"version":3,"file":"sidebar.js","names":[],"sources":["../../../../../ui-kit-web/dist/ui/sidebar.js"],"sourcesContent":["'use client';\n\n\nimport { cn } from \"./utils.js\";\nimport { Button } from \"./button.js\";\nimport { Input } from \"./input.js\";\nimport { Separator } from \"./separator.js\";\nimport { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle } from \"./sheet.js\";\nimport { useIsMobile } from \"./use-mobile.js\";\nimport { Skeleton } from \"./skeleton.js\";\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from \"./tooltip.js\";\nimport * as React$1 from \"react\";\nimport { PanelLeftIcon } from \"lucide-react\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cva } from \"class-variance-authority\";\n\n//#region ui/sidebar.tsx\nconst SIDEBAR_COOKIE_NAME = \"sidebar_state\";\nconst SIDEBAR_COOKIE_MAX_AGE = 3600 * 24 * 7;\nconst SIDEBAR_WIDTH = \"16rem\";\nconst SIDEBAR_WIDTH_MOBILE = \"18rem\";\nconst SIDEBAR_WIDTH_ICON = \"3rem\";\nconst SIDEBAR_KEYBOARD_SHORTCUT = \"b\";\nconst SidebarContext = React$1.createContext(null);\nfunction useSidebar() {\n\tconst context = React$1.useContext(SidebarContext);\n\tif (!context) throw new Error(\"useSidebar must be used within a SidebarProvider.\");\n\treturn context;\n}\nfunction SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: setOpenProp, className, style, children,...props }) {\n\tconst isMobile = useIsMobile();\n\tconst [openMobile, setOpenMobile] = React$1.useState(false);\n\tconst [_open, _setOpen] = React$1.useState(defaultOpen);\n\tconst open = openProp ?? _open;\n\tconst setOpen = React$1.useCallback((value) => {\n\t\tconst openState = typeof value === \"function\" ? value(open) : value;\n\t\tif (setOpenProp) setOpenProp(openState);\n\t\telse _setOpen(openState);\n\t\tdocument.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;\n\t}, [setOpenProp, open]);\n\tconst toggleSidebar = React$1.useCallback(() => {\n\t\treturn isMobile ? setOpenMobile((open$1) => !open$1) : setOpen((open$1) => !open$1);\n\t}, [\n\t\tisMobile,\n\t\tsetOpen,\n\t\tsetOpenMobile\n\t]);\n\tReact$1.useEffect(() => {\n\t\tconst handleKeyDown = (event) => {\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\t\twindow.addEventListener(\"keydown\", handleKeyDown);\n\t\treturn () => window.removeEventListener(\"keydown\", handleKeyDown);\n\t}, [toggleSidebar]);\n\tconst state = open ? \"expanded\" : \"collapsed\";\n\tconst contextValue = React$1.useMemo(() => ({\n\t\tstate,\n\t\topen,\n\t\tsetOpen,\n\t\tisMobile,\n\t\topenMobile,\n\t\tsetOpenMobile,\n\t\ttoggleSidebar\n\t}), [\n\t\tstate,\n\t\topen,\n\t\tsetOpen,\n\t\tisMobile,\n\t\topenMobile,\n\t\tsetOpenMobile,\n\t\ttoggleSidebar\n\t]);\n\treturn /* @__PURE__ */ jsx(SidebarContext.Provider, {\n\t\tvalue: contextValue,\n\t\tchildren: /* @__PURE__ */ jsx(TooltipProvider, {\n\t\t\tdelayDuration: 0,\n\t\t\tchildren: /* @__PURE__ */ jsx(\"div\", {\n\t\t\t\t\"data-slot\": \"sidebar-wrapper\",\n\t\t\t\tstyle: {\n\t\t\t\t\t\"--sidebar-width\": SIDEBAR_WIDTH,\n\t\t\t\t\t\"--sidebar-width-icon\": SIDEBAR_WIDTH_ICON,\n\t\t\t\t\t...style\n\t\t\t\t},\n\t\t\t\tclassName: cn(\"group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full\", className),\n\t\t\t\t...props,\n\t\t\t\tchildren\n\t\t\t})\n\t\t})\n\t});\n}\nfunction Sidebar({ side = \"left\", variant = \"sidebar\", collapsible = \"offcanvas\", className, children,...props }) {\n\tconst { isMobile, state, openMobile, setOpenMobile } = useSidebar();\n\tif (collapsible === \"none\") return /* @__PURE__ */ jsx(\"div\", {\n\t\t\"data-slot\": \"sidebar\",\n\t\tclassName: cn(\"bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col\", className),\n\t\t...props,\n\t\tchildren\n\t});\n\tif (isMobile) return /* @__PURE__ */ jsx(Sheet, {\n\t\topen: openMobile,\n\t\tonOpenChange: setOpenMobile,\n\t\t...props,\n\t\tchildren: /* @__PURE__ */ jsxs(SheetContent, {\n\t\t\t\"data-sidebar\": \"sidebar\",\n\t\t\t\"data-slot\": \"sidebar\",\n\t\t\t\"data-mobile\": \"true\",\n\t\t\tclassName: \"bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden\",\n\t\t\tstyle: { \"--sidebar-width\": SIDEBAR_WIDTH_MOBILE },\n\t\t\tside,\n\t\t\tchildren: [/* @__PURE__ */ jsxs(SheetHeader, {\n\t\t\t\tclassName: \"sr-only\",\n\t\t\t\tchildren: [/* @__PURE__ */ jsx(SheetTitle, { children: \"Sidebar\" }), /* @__PURE__ */ jsx(SheetDescription, { children: \"Displays the mobile sidebar.\" })]\n\t\t\t}), /* @__PURE__ */ jsx(\"div\", {\n\t\t\t\tclassName: \"flex h-full w-full flex-col\",\n\t\t\t\tchildren\n\t\t\t})]\n\t\t})\n\t});\n\treturn /* @__PURE__ */ jsxs(\"div\", {\n\t\tclassName: \"group peer text-sidebar-foreground hidden md:block\",\n\t\t\"data-state\": state,\n\t\t\"data-collapsible\": state === \"collapsed\" ? collapsible : \"\",\n\t\t\"data-variant\": variant,\n\t\t\"data-side\": side,\n\t\t\"data-slot\": \"sidebar\",\n\t\tchildren: [/* @__PURE__ */ jsx(\"div\", {\n\t\t\t\"data-slot\": \"sidebar-gap\",\n\t\t\tclassName: cn(\"relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear\", \"group-data-[collapsible=offcanvas]:w-0\", \"group-data-[side=right]:rotate-180\", variant === \"floating\" || variant === \"inset\" ? \"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]\" : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon)\")\n\t\t}), /* @__PURE__ */ jsx(\"div\", {\n\t\t\t\"data-slot\": \"sidebar-container\",\n\t\t\tclassName: 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),\n\t\t\t...props,\n\t\t\tchildren: /* @__PURE__ */ jsx(\"div\", {\n\t\t\t\t\"data-sidebar\": \"sidebar\",\n\t\t\t\t\"data-slot\": \"sidebar-inner\",\n\t\t\t\tclassName: \"bg-sidebar group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm\",\n\t\t\t\tchildren\n\t\t\t})\n\t\t})]\n\t});\n}\nfunction SidebarTrigger({ className, onClick,...props }) {\n\tconst { toggleSidebar } = useSidebar();\n\treturn /* @__PURE__ */ jsxs(Button, {\n\t\t\"data-sidebar\": \"trigger\",\n\t\t\"data-slot\": \"sidebar-trigger\",\n\t\tvariant: \"ghost\",\n\t\tsize: \"icon\",\n\t\tclassName: cn(\"size-7\", className),\n\t\tonClick: (event) => {\n\t\t\tonClick?.(event);\n\t\t\ttoggleSidebar();\n\t\t},\n\t\t...props,\n\t\tchildren: [/* @__PURE__ */ jsx(PanelLeftIcon, {}), /* @__PURE__ */ jsx(\"span\", {\n\t\t\tclassName: \"sr-only\",\n\t\t\tchildren: \"Toggle Sidebar\"\n\t\t})]\n\t});\n}\nfunction SidebarRail({ className,...props }) {\n\tconst { toggleSidebar } = useSidebar();\n\treturn /* @__PURE__ */ jsx(\"button\", {\n\t\t\"data-sidebar\": \"rail\",\n\t\t\"data-slot\": \"sidebar-rail\",\n\t\t\"aria-label\": \"Toggle Sidebar\",\n\t\ttabIndex: -1,\n\t\tonClick: toggleSidebar,\n\t\ttitle: \"Toggle Sidebar\",\n\t\tclassName: cn(\"hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] sm:flex\", \"in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize\", \"[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize\", \"hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full\", \"[[data-side=left][data-collapsible=offcanvas]_&]:-right-2\", \"[[data-side=right][data-collapsible=offcanvas]_&]:-left-2\", className),\n\t\t...props\n\t});\n}\nfunction SidebarInset({ className,...props }) {\n\treturn /* @__PURE__ */ jsx(\"main\", {\n\t\t\"data-slot\": \"sidebar-inset\",\n\t\tclassName: cn(\"bg-background relative flex w-full flex-1 flex-col\", \"md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2\", className),\n\t\t...props\n\t});\n}\nfunction SidebarInput({ className,...props }) {\n\treturn /* @__PURE__ */ jsx(Input, {\n\t\t\"data-slot\": \"sidebar-input\",\n\t\t\"data-sidebar\": \"input\",\n\t\tclassName: cn(\"bg-background h-8 w-full shadow-none\", className),\n\t\t...props\n\t});\n}\nfunction SidebarHeader({ className,...props }) {\n\treturn /* @__PURE__ */ jsx(\"div\", {\n\t\t\"data-slot\": \"sidebar-header\",\n\t\t\"data-sidebar\": \"header\",\n\t\tclassName: cn(\"flex flex-col gap-2 p-2\", className),\n\t\t...props\n\t});\n}\nfunction SidebarFooter({ className,...props }) {\n\treturn /* @__PURE__ */ jsx(\"div\", {\n\t\t\"data-slot\": \"sidebar-footer\",\n\t\t\"data-sidebar\": \"footer\",\n\t\tclassName: cn(\"flex flex-col gap-2 p-2\", className),\n\t\t...props\n\t});\n}\nfunction SidebarSeparator({ className,...props }) {\n\treturn /* @__PURE__ */ jsx(Separator, {\n\t\t\"data-slot\": \"sidebar-separator\",\n\t\t\"data-sidebar\": \"separator\",\n\t\tclassName: cn(\"bg-sidebar-border mx-2 w-auto\", className),\n\t\t...props\n\t});\n}\nfunction SidebarContent({ className,...props }) {\n\treturn /* @__PURE__ */ jsx(\"div\", {\n\t\t\"data-slot\": \"sidebar-content\",\n\t\t\"data-sidebar\": \"content\",\n\t\tclassName: cn(\"flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden\", className),\n\t\t...props\n\t});\n}\nfunction SidebarGroup({ className,...props }) {\n\treturn /* @__PURE__ */ jsx(\"div\", {\n\t\t\"data-slot\": \"sidebar-group\",\n\t\t\"data-sidebar\": \"group\",\n\t\tclassName: cn(\"relative flex w-full min-w-0 flex-col p-2\", className),\n\t\t...props\n\t});\n}\nfunction SidebarGroupLabel({ className, asChild = false,...props }) {\n\treturn /* @__PURE__ */ jsx(asChild ? Slot : \"div\", {\n\t\t\"data-slot\": \"sidebar-group-label\",\n\t\t\"data-sidebar\": \"group-label\",\n\t\tclassName: cn(\"text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0\", \"group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0\", className),\n\t\t...props\n\t});\n}\nfunction SidebarGroupAction({ className, asChild = false,...props }) {\n\treturn /* @__PURE__ */ jsx(asChild ? Slot : \"button\", {\n\t\t\"data-slot\": \"sidebar-group-action\",\n\t\t\"data-sidebar\": \"group-action\",\n\t\tclassName: 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),\n\t\t...props\n\t});\n}\nfunction SidebarGroupContent({ className,...props }) {\n\treturn /* @__PURE__ */ jsx(\"div\", {\n\t\t\"data-slot\": \"sidebar-group-content\",\n\t\t\"data-sidebar\": \"group-content\",\n\t\tclassName: cn(\"w-full text-sm\", className),\n\t\t...props\n\t});\n}\nfunction SidebarMenu({ className,...props }) {\n\treturn /* @__PURE__ */ jsx(\"ul\", {\n\t\t\"data-slot\": \"sidebar-menu\",\n\t\t\"data-sidebar\": \"menu\",\n\t\tclassName: cn(\"flex w-full min-w-0 flex-col gap-1\", className),\n\t\t...props\n\t});\n}\nfunction SidebarMenuItem({ className,...props }) {\n\treturn /* @__PURE__ */ jsx(\"li\", {\n\t\t\"data-slot\": \"sidebar-menu-item\",\n\t\t\"data-sidebar\": \"menu-item\",\n\t\tclassName: cn(\"group/menu-item relative\", className),\n\t\t...props\n\t});\n}\nconst sidebarMenuButtonVariants = cva(\"peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0\", {\n\tvariants: {\n\t\tvariant: {\n\t\t\tdefault: \"hover:bg-sidebar-accent hover:text-sidebar-accent-foreground\",\n\t\t\toutline: \"bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]\"\n\t\t},\n\t\tsize: {\n\t\t\tdefault: \"h-8 text-sm\",\n\t\t\tsm: \"h-7 text-xs\",\n\t\t\tlg: \"h-12 text-sm group-data-[collapsible=icon]:p-0!\"\n\t\t}\n\t},\n\tdefaultVariants: {\n\t\tvariant: \"default\",\n\t\tsize: \"default\"\n\t}\n});\nfunction SidebarMenuButton({ asChild = false, isActive = false, variant = \"default\", size = \"default\", tooltip, className,...props }) {\n\tconst Comp = asChild ? Slot : \"button\";\n\tconst { isMobile, state } = useSidebar();\n\tconst button = /* @__PURE__ */ jsx(Comp, {\n\t\t\"data-slot\": \"sidebar-menu-button\",\n\t\t\"data-sidebar\": \"menu-button\",\n\t\t\"data-size\": size,\n\t\t\"data-active\": isActive,\n\t\tclassName: cn(sidebarMenuButtonVariants({\n\t\t\tvariant,\n\t\t\tsize\n\t\t}), className),\n\t\t...props\n\t});\n\tif (!tooltip) return button;\n\tif (typeof tooltip === \"string\") tooltip = { children: tooltip };\n\treturn /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {\n\t\tasChild: true,\n\t\tchildren: button\n\t}), /* @__PURE__ */ jsx(TooltipContent, {\n\t\tside: \"right\",\n\t\talign: \"center\",\n\t\thidden: state !== \"collapsed\" || isMobile,\n\t\t...tooltip\n\t})] });\n}\nfunction SidebarMenuAction({ className, asChild = false, showOnHover = false,...props }) {\n\treturn /* @__PURE__ */ jsx(asChild ? Slot : \"button\", {\n\t\t\"data-slot\": \"sidebar-menu-action\",\n\t\t\"data-sidebar\": \"menu-action\",\n\t\tclassName: 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),\n\t\t...props\n\t});\n}\nfunction SidebarMenuBadge({ className,...props }) {\n\treturn /* @__PURE__ */ jsx(\"div\", {\n\t\t\"data-slot\": \"sidebar-menu-badge\",\n\t\t\"data-sidebar\": \"menu-badge\",\n\t\tclassName: cn(\"text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none\", \"peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground\", \"peer-data-[size=sm]/menu-button:top-1\", \"peer-data-[size=default]/menu-button:top-1.5\", \"peer-data-[size=lg]/menu-button:top-2.5\", \"group-data-[collapsible=icon]:hidden\", className),\n\t\t...props\n\t});\n}\nfunction SidebarMenuSkeleton({ className, showIcon = false,...props }) {\n\tconst width = React$1.useMemo(() => {\n\t\treturn `${Math.floor(Math.random() * 40) + 50}%`;\n\t}, []);\n\treturn /* @__PURE__ */ jsxs(\"div\", {\n\t\t\"data-slot\": \"sidebar-menu-skeleton\",\n\t\t\"data-sidebar\": \"menu-skeleton\",\n\t\tclassName: cn(\"flex h-8 items-center gap-2 rounded-md px-2\", className),\n\t\t...props,\n\t\tchildren: [showIcon && /* @__PURE__ */ jsx(Skeleton, {\n\t\t\tclassName: \"size-4 rounded-md\",\n\t\t\t\"data-sidebar\": \"menu-skeleton-icon\"\n\t\t}), /* @__PURE__ */ jsx(Skeleton, {\n\t\t\tclassName: \"h-4 max-w-(--skeleton-width) flex-1\",\n\t\t\t\"data-sidebar\": \"menu-skeleton-text\",\n\t\t\tstyle: { \"--skeleton-width\": width }\n\t\t})]\n\t});\n}\nfunction SidebarMenuSub({ className,...props }) {\n\treturn /* @__PURE__ */ jsx(\"ul\", {\n\t\t\"data-slot\": \"sidebar-menu-sub\",\n\t\t\"data-sidebar\": \"menu-sub\",\n\t\tclassName: 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),\n\t\t...props\n\t});\n}\nfunction SidebarMenuSubItem({ className,...props }) {\n\treturn /* @__PURE__ */ jsx(\"li\", {\n\t\t\"data-slot\": \"sidebar-menu-sub-item\",\n\t\t\"data-sidebar\": \"menu-sub-item\",\n\t\tclassName: cn(\"group/menu-sub-item relative\", className),\n\t\t...props\n\t});\n}\nfunction SidebarMenuSubButton({ asChild = false, size = \"md\", isActive = false, className,...props }) {\n\treturn /* @__PURE__ */ jsx(asChild ? Slot : \"a\", {\n\t\t\"data-slot\": \"sidebar-menu-sub-button\",\n\t\t\"data-sidebar\": \"menu-sub-button\",\n\t\t\"data-size\": size,\n\t\t\"data-active\": isActive,\n\t\tclassName: cn(\"text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0\", \"data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground\", size === \"sm\" && \"text-xs\", size === \"md\" && \"text-sm\", \"group-data-[collapsible=icon]:hidden\", className),\n\t\t...props\n\t});\n}\n\n//#endregion\nexport { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar };\n//# sourceMappingURL=sidebar.js.map"],"mappings":"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"}