@lssm/lib.design-system 1.2.0

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

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

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,16 @@
+import { cn, init_utils } from "./utils.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region ../ui-kit-web/dist/ui/skeleton.js
+init_utils();
+function Skeleton({ className,...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "skeleton",
+		className: cn("bg-accent animate-pulse rounded-md", className),
+		...props
+	});
+}
+
+//#endregion
+export { Skeleton };
+//# sourceMappingURL=skeleton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.js","names":[],"sources":["../../../../../ui-kit-web/dist/ui/skeleton.js"],"sourcesContent":["import { cn } from \"./utils.js\";\nimport { jsx } from \"react/jsx-runtime\";\n\n//#region ui/skeleton.tsx\nfunction Skeleton({ className,...props }) {\n\treturn /* @__PURE__ */ jsx(\"div\", {\n\t\t\"data-slot\": \"skeleton\",\n\t\tclassName: cn(\"bg-accent animate-pulse rounded-md\", className),\n\t\t...props\n\t});\n}\n\n//#endregion\nexport { Skeleton };\n//# sourceMappingURL=skeleton.js.map"],"mappings":";;;;YAAgC;AAIhC,SAAS,SAAS,EAAE,UAAU,GAAG,SAAS;AACzC,QAAuB,oBAAI,OAAO;EACjC,aAAa;EACb,WAAW,GAAG,sCAAsC,UAAU;EAC9D,GAAG;EACH,CAAC"}

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

@@ -0,0 +1,159 @@
+import { cn, init_utils } from "./utils.js";
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+
+//#region ../ui-kit-web/dist/ui/stack.js
+init_utils();
+const vStackVariants = cva("flex flex-col", {
+	variants: {
+		gap: {
+			none: "gap-0",
+			xs: "gap-1",
+			sm: "gap-2",
+			md: "gap-3",
+			lg: "gap-4",
+			xl: "gap-6",
+			"2xl": "gap-8"
+		},
+		align: {
+			start: "items-start",
+			center: "items-center",
+			end: "items-end",
+			stretch: "items-stretch"
+		},
+		justify: {
+			start: "justify-start",
+			center: "justify-center",
+			end: "justify-end",
+			between: "justify-between",
+			around: "justify-around",
+			evenly: "justify-evenly"
+		}
+	},
+	defaultVariants: {
+		gap: "md",
+		align: "stretch",
+		justify: "start"
+	}
+});
+const VStack = React$1.forwardRef(({ className, gap, align, justify, as = "div",...props }, ref) => {
+	return /* @__PURE__ */ jsx(as, {
+		ref,
+		className: cn(vStackVariants({
+			gap,
+			align,
+			justify
+		}), className),
+		...props
+	});
+});
+VStack.displayName = "VStack";
+const hStackVariants = cva("flex flex-row", {
+	variants: {
+		gap: {
+			none: "gap-0",
+			xs: "gap-1",
+			sm: "gap-2",
+			md: "gap-3",
+			lg: "gap-4",
+			xl: "gap-6",
+			"2xl": "gap-8"
+		},
+		align: {
+			start: "items-start",
+			center: "items-center",
+			end: "items-end",
+			stretch: "items-stretch",
+			baseline: "items-baseline"
+		},
+		justify: {
+			start: "justify-start",
+			center: "justify-center",
+			end: "justify-end",
+			between: "justify-between",
+			around: "justify-around",
+			evenly: "justify-evenly"
+		},
+		wrap: {
+			nowrap: "flex-nowrap",
+			wrap: "flex-wrap",
+			wrapReverse: "flex-wrap-reverse"
+		}
+	},
+	defaultVariants: {
+		gap: "md",
+		align: "center",
+		justify: "start",
+		wrap: "wrap"
+	}
+});
+const HStack = React$1.forwardRef(({ className, gap, align, justify, wrap, as = "div",...props }, ref) => {
+	return /* @__PURE__ */ jsx(as, {
+		ref,
+		className: cn(hStackVariants({
+			gap,
+			align,
+			justify,
+			wrap
+		}), className),
+		...props
+	});
+});
+HStack.displayName = "HStack";
+const boxVariants = cva("flex flex-row", {
+	variants: {
+		gap: {
+			none: "gap-0",
+			xs: "gap-1",
+			sm: "gap-2",
+			md: "gap-3",
+			lg: "gap-4",
+			xl: "gap-6",
+			"2xl": "gap-8"
+		},
+		align: {
+			start: "items-start",
+			center: "items-center",
+			end: "items-end",
+			stretch: "items-stretch",
+			baseline: "items-baseline"
+		},
+		justify: {
+			start: "justify-start",
+			center: "justify-center",
+			end: "justify-end",
+			between: "justify-between",
+			around: "justify-around",
+			evenly: "justify-evenly"
+		},
+		wrap: {
+			nowrap: "flex-nowrap",
+			wrap: "flex-wrap",
+			wrapReverse: "flex-wrap-reverse"
+		}
+	},
+	defaultVariants: {
+		gap: "md",
+		align: "center",
+		justify: "center",
+		wrap: "nowrap"
+	}
+});
+const Box = React$1.forwardRef(({ className, gap, align, justify, wrap, as = "div",...props }, ref) => {
+	return /* @__PURE__ */ jsx(as, {
+		ref,
+		className: cn(boxVariants({
+			gap,
+			align,
+			justify,
+			wrap
+		}), className),
+		...props
+	});
+});
+Box.displayName = "Box";
+
+//#endregion
+export { Box, HStack, VStack };
+//# sourceMappingURL=stack.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stack.js","names":[],"sources":["../../../../../ui-kit-web/dist/ui/stack.js"],"sourcesContent":["import { cn } from \"./utils.js\";\nimport * as React$1 from \"react\";\nimport { jsx } from \"react/jsx-runtime\";\nimport { cva } from \"class-variance-authority\";\n\n//#region ui/stack.tsx\nconst vStackVariants = cva(\"flex flex-col\", {\n\tvariants: {\n\t\tgap: {\n\t\t\tnone: \"gap-0\",\n\t\t\txs: \"gap-1\",\n\t\t\tsm: \"gap-2\",\n\t\t\tmd: \"gap-3\",\n\t\t\tlg: \"gap-4\",\n\t\t\txl: \"gap-6\",\n\t\t\t\"2xl\": \"gap-8\"\n\t\t},\n\t\talign: {\n\t\t\tstart: \"items-start\",\n\t\t\tcenter: \"items-center\",\n\t\t\tend: \"items-end\",\n\t\t\tstretch: \"items-stretch\"\n\t\t},\n\t\tjustify: {\n\t\t\tstart: \"justify-start\",\n\t\t\tcenter: \"justify-center\",\n\t\t\tend: \"justify-end\",\n\t\t\tbetween: \"justify-between\",\n\t\t\taround: \"justify-around\",\n\t\t\tevenly: \"justify-evenly\"\n\t\t}\n\t},\n\tdefaultVariants: {\n\t\tgap: \"md\",\n\t\talign: \"stretch\",\n\t\tjustify: \"start\"\n\t}\n});\nconst VStack = React$1.forwardRef(({ className, gap, align, justify, as = \"div\",...props }, ref) => {\n\treturn /* @__PURE__ */ jsx(as, {\n\t\tref,\n\t\tclassName: cn(vStackVariants({\n\t\t\tgap,\n\t\t\talign,\n\t\t\tjustify\n\t\t}), className),\n\t\t...props\n\t});\n});\nVStack.displayName = \"VStack\";\nconst hStackVariants = cva(\"flex flex-row\", {\n\tvariants: {\n\t\tgap: {\n\t\t\tnone: \"gap-0\",\n\t\t\txs: \"gap-1\",\n\t\t\tsm: \"gap-2\",\n\t\t\tmd: \"gap-3\",\n\t\t\tlg: \"gap-4\",\n\t\t\txl: \"gap-6\",\n\t\t\t\"2xl\": \"gap-8\"\n\t\t},\n\t\talign: {\n\t\t\tstart: \"items-start\",\n\t\t\tcenter: \"items-center\",\n\t\t\tend: \"items-end\",\n\t\t\tstretch: \"items-stretch\",\n\t\t\tbaseline: \"items-baseline\"\n\t\t},\n\t\tjustify: {\n\t\t\tstart: \"justify-start\",\n\t\t\tcenter: \"justify-center\",\n\t\t\tend: \"justify-end\",\n\t\t\tbetween: \"justify-between\",\n\t\t\taround: \"justify-around\",\n\t\t\tevenly: \"justify-evenly\"\n\t\t},\n\t\twrap: {\n\t\t\tnowrap: \"flex-nowrap\",\n\t\t\twrap: \"flex-wrap\",\n\t\t\twrapReverse: \"flex-wrap-reverse\"\n\t\t}\n\t},\n\tdefaultVariants: {\n\t\tgap: \"md\",\n\t\talign: \"center\",\n\t\tjustify: \"start\",\n\t\twrap: \"wrap\"\n\t}\n});\nconst HStack = React$1.forwardRef(({ className, gap, align, justify, wrap, as = \"div\",...props }, ref) => {\n\treturn /* @__PURE__ */ jsx(as, {\n\t\tref,\n\t\tclassName: cn(hStackVariants({\n\t\t\tgap,\n\t\t\talign,\n\t\t\tjustify,\n\t\t\twrap\n\t\t}), className),\n\t\t...props\n\t});\n});\nHStack.displayName = \"HStack\";\nconst boxVariants = cva(\"flex flex-row\", {\n\tvariants: {\n\t\tgap: {\n\t\t\tnone: \"gap-0\",\n\t\t\txs: \"gap-1\",\n\t\t\tsm: \"gap-2\",\n\t\t\tmd: \"gap-3\",\n\t\t\tlg: \"gap-4\",\n\t\t\txl: \"gap-6\",\n\t\t\t\"2xl\": \"gap-8\"\n\t\t},\n\t\talign: {\n\t\t\tstart: \"items-start\",\n\t\t\tcenter: \"items-center\",\n\t\t\tend: \"items-end\",\n\t\t\tstretch: \"items-stretch\",\n\t\t\tbaseline: \"items-baseline\"\n\t\t},\n\t\tjustify: {\n\t\t\tstart: \"justify-start\",\n\t\t\tcenter: \"justify-center\",\n\t\t\tend: \"justify-end\",\n\t\t\tbetween: \"justify-between\",\n\t\t\taround: \"justify-around\",\n\t\t\tevenly: \"justify-evenly\"\n\t\t},\n\t\twrap: {\n\t\t\tnowrap: \"flex-nowrap\",\n\t\t\twrap: \"flex-wrap\",\n\t\t\twrapReverse: \"flex-wrap-reverse\"\n\t\t}\n\t},\n\tdefaultVariants: {\n\t\tgap: \"md\",\n\t\talign: \"center\",\n\t\tjustify: \"center\",\n\t\twrap: \"nowrap\"\n\t}\n});\nconst Box = React$1.forwardRef(({ className, gap, align, justify, wrap, as = \"div\",...props }, ref) => {\n\treturn /* @__PURE__ */ jsx(as, {\n\t\tref,\n\t\tclassName: cn(boxVariants({\n\t\t\tgap,\n\t\t\talign,\n\t\t\tjustify,\n\t\t\twrap\n\t\t}), className),\n\t\t...props\n\t});\n});\nBox.displayName = \"Box\";\n\n//#endregion\nexport { Box, HStack, VStack, boxVariants, hStackVariants, vStackVariants };\n//# sourceMappingURL=stack.js.map"],"mappings":";;;;;;YAAgC;AAMhC,MAAM,iBAAiB,IAAI,iBAAiB;CAC3C,UAAU;EACT,KAAK;GACJ,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,OAAO;GACP;EACD,OAAO;GACN,OAAO;GACP,QAAQ;GACR,KAAK;GACL,SAAS;GACT;EACD,SAAS;GACR,OAAO;GACP,QAAQ;GACR,KAAK;GACL,SAAS;GACT,QAAQ;GACR,QAAQ;GACR;EACD;CACD,iBAAiB;EAChB,KAAK;EACL,OAAO;EACP,SAAS;EACT;CACD,CAAC;AACF,MAAM,SAAS,QAAQ,YAAY,EAAE,WAAW,KAAK,OAAO,SAAS,KAAK,MAAM,GAAG,SAAS,QAAQ;AACnG,QAAuB,oBAAI,IAAI;EAC9B;EACA,WAAW,GAAG,eAAe;GAC5B;GACA;GACA;GACA,CAAC,EAAE,UAAU;EACd,GAAG;EACH,CAAC;EACD;AACF,OAAO,cAAc;AACrB,MAAM,iBAAiB,IAAI,iBAAiB;CAC3C,UAAU;EACT,KAAK;GACJ,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,OAAO;GACP;EACD,OAAO;GACN,OAAO;GACP,QAAQ;GACR,KAAK;GACL,SAAS;GACT,UAAU;GACV;EACD,SAAS;GACR,OAAO;GACP,QAAQ;GACR,KAAK;GACL,SAAS;GACT,QAAQ;GACR,QAAQ;GACR;EACD,MAAM;GACL,QAAQ;GACR,MAAM;GACN,aAAa;GACb;EACD;CACD,iBAAiB;EAChB,KAAK;EACL,OAAO;EACP,SAAS;EACT,MAAM;EACN;CACD,CAAC;AACF,MAAM,SAAS,QAAQ,YAAY,EAAE,WAAW,KAAK,OAAO,SAAS,MAAM,KAAK,MAAM,GAAG,SAAS,QAAQ;AACzG,QAAuB,oBAAI,IAAI;EAC9B;EACA,WAAW,GAAG,eAAe;GAC5B;GACA;GACA;GACA;GACA,CAAC,EAAE,UAAU;EACd,GAAG;EACH,CAAC;EACD;AACF,OAAO,cAAc;AACrB,MAAM,cAAc,IAAI,iBAAiB;CACxC,UAAU;EACT,KAAK;GACJ,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,OAAO;GACP;EACD,OAAO;GACN,OAAO;GACP,QAAQ;GACR,KAAK;GACL,SAAS;GACT,UAAU;GACV;EACD,SAAS;GACR,OAAO;GACP,QAAQ;GACR,KAAK;GACL,SAAS;GACT,QAAQ;GACR,QAAQ;GACR;EACD,MAAM;GACL,QAAQ;GACR,MAAM;GACN,aAAa;GACb;EACD;CACD,iBAAiB;EAChB,KAAK;EACL,OAAO;EACP,SAAS;EACT,MAAM;EACN;CACD,CAAC;AACF,MAAM,MAAM,QAAQ,YAAY,EAAE,WAAW,KAAK,OAAO,SAAS,MAAM,KAAK,MAAM,GAAG,SAAS,QAAQ;AACtG,QAAuB,oBAAI,IAAI;EAC9B;EACA,WAAW,GAAG,YAAY;GACzB;GACA;GACA;GACA;GACA,CAAC,EAAE,UAAU;EACd,GAAG;EACH,CAAC;EACD;AACF,IAAI,cAAc"}