@lssm/lib.ui-kit-web 1.7.4 → 1.9.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lssm/lib.ui-kit-web",
-  "version": "1.7.4",
+  "version": "1.9.0",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -54,17 +54,17 @@
     "embla-carousel-react": "^8.6.0",
     "input-otp": "^1.4.2",
     "lucide-react": "^0.535.0",
-    "next": "15.5.6",
+    "next": "16.0.3",
     "next-themes": "^0.4.3",
-    "react-hook-form": "7.66.0",
+    "react-hook-form": "7.66.1",
     "react-day-picker": "^9.10.0",
     "react-resizable-panels": "^3.0.6",
     "tailwind-merge": "^3.3.1",
     "vaul": "^1.1.2"
   },
   "peerDependencies": {
-    "react": "^19.1.0",
-    "react-dom": ">=18 <20",
+    "react": "^19.2.0",
+    "react-dom": ">=19.2.0",
     "react-hook-form": "7.55.0",
     "@sentry/nextjs": "^9.35.0",
     "maplibre-gl": "^5.7.3",
@@ -77,14 +77,14 @@
     "jest": "^30.2.0",
     "storybook": "^9.1.7",
     "typescript": "^5.9.3",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0",
-    "@lssm/tool.tsdown": "*",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "@lssm/tool.tsdown": "workspace:*",
     "@types/geojson": "^7946.0.14",
     "@sentry/nextjs": "^9.35.0",
     "maplibre-gl": "^5.7.3",
     "react-map-gl": "^8.0.4",
-    "tsdown": "^0.15.9"
+    "tsdown": "^0.16.6"
   },
   "exports": {
     ".": "./dist/index.js",
@@ -170,7 +170,6 @@
     "./ui/separator": "./dist/ui/separator.js",
     "./ui/sheet": "./dist/ui/sheet.js",
     "./ui/sidebar": "./dist/ui/sidebar.js",
-    "./ui/sidebar-right": "./dist/ui/sidebar-right.js",
     "./ui/skeleton": "./dist/ui/skeleton.js",
     "./ui/skip-link": "./dist/ui/skip-link.js",
     "./ui/slider": "./dist/ui/slider.js",

package/dist/ui/sidebar-right.d.ts

@@ -1,165 +0,0 @@
-import { Button } from "./button.js";
-import { Input } from "./input.js";
-import { Separator } from "./separator.js";
-import { TooltipContent } from "./tooltip.js";
-import * as React$1 from "react";
-import * as react_jsx_runtime111 from "react/jsx-runtime";
-import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types14 from "class-variance-authority/types";
-
-//#region ui/sidebar-right.d.ts
-type SidebarRightContextProps = {
-  state: 'expanded' | 'collapsed';
-  open: boolean;
-  setOpen: (open: boolean) => void;
-  openMobile: boolean;
-  setOpenMobile: (open: boolean) => void;
-  isMobile: boolean;
-  toggleSidebar: () => void;
-};
-declare function useSidebarRight(): SidebarRightContextProps;
-declare function SidebarRightProvider({
-  defaultOpen,
-  open: openProp,
-  onOpenChange: setOpenProp,
-  className,
-  style,
-  children,
-  ...props
-}: React$1.ComponentProps<'div'> & {
-  defaultOpen?: boolean;
-  open?: boolean;
-  onOpenChange?: (open: boolean) => void;
-}): react_jsx_runtime111.JSX.Element;
-declare function SidebarRight({
-  variant,
-  collapsible,
-  className,
-  children,
-  ...props
-}: React$1.ComponentProps<'div'> & {
-  variant?: 'sidebar' | 'floating' | 'inset';
-  collapsible?: 'offcanvas' | 'icon' | 'none';
-}): react_jsx_runtime111.JSX.Element;
-declare function SidebarRightTrigger({
-  className,
-  onClick,
-  ...props
-}: React$1.ComponentProps<typeof Button>): react_jsx_runtime111.JSX.Element;
-declare function SidebarRightRail({
-  className,
-  ...props
-}: React$1.ComponentProps<'button'>): react_jsx_runtime111.JSX.Element;
-declare function SidebarRightInset({
-  className,
-  ...props
-}: React$1.ComponentProps<'main'>): react_jsx_runtime111.JSX.Element;
-declare function SidebarRightInput({
-  className,
-  ...props
-}: React$1.ComponentProps<typeof Input>): react_jsx_runtime111.JSX.Element;
-declare function SidebarRightHeader({
-  className,
-  ...props
-}: React$1.ComponentProps<'div'>): react_jsx_runtime111.JSX.Element;
-declare function SidebarRightFooter({
-  className,
-  ...props
-}: React$1.ComponentProps<'div'>): react_jsx_runtime111.JSX.Element;
-declare function SidebarRightSeparator({
-  className,
-  ...props
-}: React$1.ComponentProps<typeof Separator>): react_jsx_runtime111.JSX.Element;
-declare function SidebarRightContent({
-  className,
-  ...props
-}: React$1.ComponentProps<'div'>): react_jsx_runtime111.JSX.Element;
-declare function SidebarRightGroup({
-  className,
-  ...props
-}: React$1.ComponentProps<'div'>): react_jsx_runtime111.JSX.Element;
-declare function SidebarRightGroupLabel({
-  className,
-  asChild,
-  ...props
-}: React$1.ComponentProps<'div'> & {
-  asChild?: boolean;
-}): react_jsx_runtime111.JSX.Element;
-declare function SidebarRightGroupAction({
-  className,
-  asChild,
-  ...props
-}: React$1.ComponentProps<'button'> & {
-  asChild?: boolean;
-}): react_jsx_runtime111.JSX.Element;
-declare function SidebarRightGroupContent({
-  className,
-  ...props
-}: React$1.ComponentProps<'div'>): react_jsx_runtime111.JSX.Element;
-declare function SidebarRightMenu({
-  className,
-  ...props
-}: React$1.ComponentProps<'ul'>): react_jsx_runtime111.JSX.Element;
-declare function SidebarRightMenuItem({
-  className,
-  ...props
-}: React$1.ComponentProps<'li'>): react_jsx_runtime111.JSX.Element;
-declare const sidebarRightMenuButtonVariants: (props?: ({
-  variant?: "default" | "outline" | null | undefined;
-  size?: "default" | "sm" | "lg" | null | undefined;
-} & class_variance_authority_types14.ClassProp) | undefined) => string;
-declare function SidebarRightMenuButton({
-  asChild,
-  isActive,
-  variant,
-  size,
-  tooltip,
-  className,
-  ...props
-}: React$1.ComponentProps<'button'> & {
-  asChild?: boolean;
-  isActive?: boolean;
-  tooltip?: string | React$1.ComponentProps<typeof TooltipContent>;
-} & VariantProps<typeof sidebarRightMenuButtonVariants>): react_jsx_runtime111.JSX.Element;
-declare function SidebarRightMenuAction({
-  className,
-  asChild,
-  showOnHover,
-  ...props
-}: React$1.ComponentProps<'button'> & {
-  asChild?: boolean;
-  showOnHover?: boolean;
-}): react_jsx_runtime111.JSX.Element;
-declare function SidebarRightMenuBadge({
-  className,
-  ...props
-}: React$1.ComponentProps<'div'>): react_jsx_runtime111.JSX.Element;
-declare function SidebarRightMenuSkeleton({
-  className,
-  showIcon,
-  ...props
-}: React$1.ComponentProps<'div'> & {
-  showIcon?: boolean;
-}): react_jsx_runtime111.JSX.Element;
-declare function SidebarRightMenuSub({
-  className,
-  ...props
-}: React$1.ComponentProps<'ul'>): react_jsx_runtime111.JSX.Element;
-declare function SidebarRightMenuSubItem({
-  className,
-  ...props
-}: React$1.ComponentProps<'li'>): react_jsx_runtime111.JSX.Element;
-declare function SidebarRightMenuSubButton({
-  asChild,
-  size,
-  isActive,
-  className,
-  ...props
-}: React$1.ComponentProps<'a'> & {
-  asChild?: boolean;
-  size?: 'sm' | 'md';
-  isActive?: boolean;
-}): react_jsx_runtime111.JSX.Element;
-//#endregion
-export { SidebarRight, SidebarRightContent, SidebarRightFooter, SidebarRightGroup, SidebarRightGroupAction, SidebarRightGroupContent, SidebarRightGroupLabel, SidebarRightHeader, SidebarRightInput, SidebarRightInset, SidebarRightMenu, SidebarRightMenuAction, SidebarRightMenuBadge, SidebarRightMenuButton, SidebarRightMenuItem, SidebarRightMenuSkeleton, SidebarRightMenuSub, SidebarRightMenuSubButton, SidebarRightMenuSubItem, SidebarRightProvider, SidebarRightRail, SidebarRightSeparator, SidebarRightTrigger, useSidebarRight };
-//# sourceMappingURL=sidebar-right.d.ts.map

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

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

package/dist/ui/sidebar-right.js

@@ -1,380 +0,0 @@
-'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, 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 { PanelLeftIcon } 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-right.tsx
-const SIDEBAR_RIGHT_COOKIE_NAME = "sidebar_right_state";
-const SIDEBAR_RIGHT_COOKIE_MAX_AGE = 3600 * 24 * 7;
-const SIDEBAR_RIGHT_WIDTH = "16rem";
-const SIDEBAR_RIGHT_WIDTH_MOBILE = "18rem";
-const SIDEBAR_RIGHT_WIDTH_ICON = "3rem";
-const SIDEBAR_RIGHT_KEYBOARD_SHORTCUT = "k";
-const SidebarRightContext = React$1.createContext(null);
-function useSidebarRight() {
-	const context = React$1.useContext(SidebarRightContext);
-	if (!context) throw new Error("useSidebarRight must be used within a SidebarRightProvider.");
-	return context;
-}
-function SidebarRightProvider({ 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);
-	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_RIGHT_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_RIGHT_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_RIGHT_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(SidebarRightContext.Provider, {
-		value: contextValue,
-		children: /* @__PURE__ */ jsx(TooltipProvider, {
-			delayDuration: 0,
-			children: /* @__PURE__ */ jsx("div", {
-				"data-slot": "sidebar-wrapper",
-				style: {
-					"--sidebar-right-width": SIDEBAR_RIGHT_WIDTH,
-					"--sidebar-right-width-icon": SIDEBAR_RIGHT_WIDTH_ICON,
-					...style
-				},
-				className: cn("group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full", className),
-				...props,
-				children
-			})
-		})
-	});
-}
-function SidebarRight({ variant = "sidebar", collapsible = "offcanvas", className, children,...props }) {
-	const { isMobile, state, openMobile, setOpenMobile } = useSidebarRight();
-	if (collapsible === "none") return /* @__PURE__ */ jsx("div", {
-		"data-slot": "sidebar",
-		className: cn("bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-right-width) flex-col", className),
-		...props,
-		children
-	});
-	if (isMobile) return /* @__PURE__ */ jsx(Sheet, {
-		open: openMobile,
-		onOpenChange: setOpenMobile,
-		...props,
-		children: /* @__PURE__ */ jsxs(SheetContent, {
-			"data-sidebar": "sidebar",
-			"data-slot": "sidebar",
-			"data-mobile": "true",
-			className: "bg-sidebar text-sidebar-foreground w-(--sidebar-right-width) p-0 [&>button]:hidden",
-			style: { "--sidebar-right-width": SIDEBAR_RIGHT_WIDTH_MOBILE },
-			side: "right",
-			children: [/* @__PURE__ */ jsxs(SheetHeader, {
-				className: "sr-only",
-				children: [/* @__PURE__ */ jsx(SheetTitle, { children: "Sidebar" }), /* @__PURE__ */ jsx(SheetDescription, { children: "Displays the mobile sidebar." })]
-			}), /* @__PURE__ */ jsx("div", {
-				className: "flex h-full w-full flex-col",
-				children
-			})]
-		})
-	});
-	return /* @__PURE__ */ jsxs("div", {
-		className: "group peer text-sidebar-foreground hidden md:block",
-		"data-state": state,
-		"data-collapsible": state === "collapsed" ? collapsible : "",
-		"data-variant": variant,
-		"data-side": "right",
-		"data-slot": "sidebar",
-		children: [/* @__PURE__ */ jsx("div", {
-			"data-slot": "sidebar-gap",
-			className: cn("relative w-(--sidebar-right-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-right-width-icon)+(--spacing(4)))]" : "group-data-[collapsible=icon]:w-(--sidebar-right-width-icon)")
-		}), /* @__PURE__ */ jsx("div", {
-			"data-slot": "sidebar-container",
-			className: cn("fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-right-width) transition-[left,right,width] duration-200 ease-linear md:flex", "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-right-width)*-1)]", variant === "floating" || variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-right-width-icon)+(--spacing(4))+2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-right-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l", className),
-			...props,
-			children: /* @__PURE__ */ jsx("div", {
-				"data-sidebar": "sidebar",
-				"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
-			})
-		})]
-	});
-}
-function SidebarRightTrigger({ className, onClick,...props }) {
-	const { toggleSidebar } = useSidebarRight();
-	return /* @__PURE__ */ jsxs(Button, {
-		"data-sidebar": "trigger",
-		"data-slot": "sidebar-trigger",
-		variant: "ghost",
-		size: "icon",
-		className: cn("size-7", className),
-		onClick: (event) => {
-			onClick?.(event);
-			toggleSidebar();
-		},
-		...props,
-		children: [/* @__PURE__ */ jsx(PanelLeftIcon, {}), /* @__PURE__ */ jsx("span", {
-			className: "sr-only",
-			children: "Toggle Sidebar"
-		})]
-	});
-}
-function SidebarRightRail({ className,...props }) {
-	const { toggleSidebar } = useSidebarRight();
-	return /* @__PURE__ */ jsx("button", {
-		"data-sidebar": "rail",
-		"data-slot": "sidebar-rail",
-		"aria-label": "Toggle Sidebar Right",
-		tabIndex: -1,
-		onClick: toggleSidebar,
-		title: "Toggle Sidebar Right",
-		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
-	});
-}
-function SidebarRightInset({ className,...props }) {
-	return /* @__PURE__ */ jsx("main", {
-		"data-slot": "sidebar-inset",
-		className: 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),
-		...props
-	});
-}
-function SidebarRightInput({ className,...props }) {
-	return /* @__PURE__ */ jsx(Input, {
-		"data-slot": "sidebar-input",
-		"data-sidebar": "input",
-		className: cn("bg-background h-8 w-full shadow-none", className),
-		...props
-	});
-}
-function SidebarRightHeader({ className,...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "sidebar-header",
-		"data-sidebar": "header",
-		className: cn("flex flex-col gap-2 p-2", className),
-		...props
-	});
-}
-function SidebarRightFooter({ className,...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "sidebar-footer",
-		"data-sidebar": "footer",
-		className: cn("flex flex-col gap-2 p-2", className),
-		...props
-	});
-}
-function SidebarRightSeparator({ className,...props }) {
-	return /* @__PURE__ */ jsx(Separator, {
-		"data-slot": "sidebar-separator",
-		"data-sidebar": "separator",
-		className: cn("bg-sidebar-border mx-2 w-auto", className),
-		...props
-	});
-}
-function SidebarRightContent({ className,...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"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
-	});
-}
-function SidebarRightGroup({ className,...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "sidebar-group",
-		"data-sidebar": "group",
-		className: cn("relative flex w-full min-w-0 flex-col p-2", className),
-		...props
-	});
-}
-function SidebarRightGroupLabel({ className, asChild = false,...props }) {
-	return /* @__PURE__ */ jsx(asChild ? Slot : "div", {
-		"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-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
-	});
-}
-function SidebarRightGroupAction({ className, asChild = false,...props }) {
-	return /* @__PURE__ */ jsx(asChild ? Slot : "button", {
-		"data-slot": "sidebar-group-action",
-		"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
-	});
-}
-function SidebarRightGroupContent({ className,...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "sidebar-group-content",
-		"data-sidebar": "group-content",
-		className: cn("w-full text-sm", className),
-		...props
-	});
-}
-function SidebarRightMenu({ 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 SidebarRightMenuItem({ className,...props }) {
-	return /* @__PURE__ */ jsx("li", {
-		"data-slot": "sidebar-menu-item",
-		"data-sidebar": "menu-item",
-		className: cn("group/menu-item relative", className),
-		...props
-	});
-}
-const sidebarRightMenuButtonVariants = 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-sm",
-			sm: "h-7 text-xs",
-			lg: "h-12 text-sm group-data-[collapsible=icon]:p-0!"
-		}
-	},
-	defaultVariants: {
-		variant: "default",
-		size: "default"
-	}
-});
-function SidebarRightMenuButton({ asChild = false, isActive = false, variant = "default", size = "default", tooltip, className,...props }) {
-	const Comp = asChild ? Slot : "button";
-	const { isMobile, state } = useSidebarRight();
-	const button = /* @__PURE__ */ jsx(Comp, {
-		"data-slot": "sidebar-menu-button",
-		"data-sidebar": "menu-button",
-		"data-size": size,
-		"data-active": isActive,
-		className: cn(sidebarRightMenuButtonVariants({
-			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
-	})] });
-}
-function SidebarRightMenuAction({ className, asChild = false, showOnHover = false,...props }) {
-	return /* @__PURE__ */ jsx(asChild ? Slot : "button", {
-		"data-slot": "sidebar-menu-action",
-		"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
-	});
-}
-function SidebarRightMenuBadge({ 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
-	});
-}
-function SidebarRightMenuSkeleton({ className, showIcon = false,...props }) {
-	const width = React$1.useMemo(() => {
-		return `${Math.floor(Math.random() * 40) + 50}%`;
-	}, []);
-	return /* @__PURE__ */ jsxs("div", {
-		"data-slot": "sidebar-menu-skeleton",
-		"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 }
-		})]
-	});
-}
-function SidebarRightMenuSub({ className,...props }) {
-	return /* @__PURE__ */ jsx("ul", {
-		"data-slot": "sidebar-menu-sub",
-		"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
-	});
-}
-function SidebarRightMenuSubItem({ className,...props }) {
-	return /* @__PURE__ */ jsx("li", {
-		"data-slot": "sidebar-menu-sub-item",
-		"data-sidebar": "menu-sub-item",
-		className: cn("group/menu-sub-item relative", className),
-		...props
-	});
-}
-function SidebarRightMenuSubButton({ asChild = false, size = "md", isActive = false, className,...props }) {
-	return /* @__PURE__ */ jsx(asChild ? Slot : "a", {
-		"data-slot": "sidebar-menu-sub-button",
-		"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-xs", size === "md" && "text-sm", "group-data-[collapsible=icon]:hidden", className),
-		...props
-	});
-}
-
-//#endregion
-export { SidebarRight, SidebarRightContent, SidebarRightFooter, SidebarRightGroup, SidebarRightGroupAction, SidebarRightGroupContent, SidebarRightGroupLabel, SidebarRightHeader, SidebarRightInput, SidebarRightInset, SidebarRightMenu, SidebarRightMenuAction, SidebarRightMenuBadge, SidebarRightMenuButton, SidebarRightMenuItem, SidebarRightMenuSkeleton, SidebarRightMenuSub, SidebarRightMenuSubButton, SidebarRightMenuSubItem, SidebarRightProvider, SidebarRightRail, SidebarRightSeparator, SidebarRightTrigger, useSidebarRight };
-//# sourceMappingURL=sidebar-right.js.map