@tollerud/ui - npm Package Compare versions

+146

dist/chunk-46FJFBQU.js

		'use client';
		import { TopNav } from './chunk-VLROGAHI.js';
		import { SidebarProvider, Sidebar, SidebarHeader, SidebarFooter, SidebarInset, useSidebar, SidebarContent, SidebarGroup, SidebarGroupLabel, SidebarGroupContent, SidebarMenu, SidebarMenuItem, SidebarMenuButton, SidebarTrigger } from './chunk-5C75B2HC.js';
		import { MainContent } from './chunk-MV6GEJGK.js';
		import { PageShell } from './chunk-IV5PG465.js';
		import { DashboardTopBar } from './chunk-ZAZNOK76.js';
		import { Monogram } from './chunk-KGFOWDPH.js';
		import { cn } from './chunk-62DSK4IE.js';
		import { forwardRef } from 'react';
		import { jsxs, jsx } from 'react/jsx-runtime';

		function mapTopNavItems(items) {
		return items.map((item, index) => ({
		id: `${item.href}-${index}`,
		label: item.label,
		href: item.href,
		active: item.active
		}));
		}
		function resolveSidebarGroups(sidebarGroups, sidebarItems, navItems) {
		if (sidebarGroups?.length) return sidebarGroups;
		if (sidebarItems?.length) return [{ items: sidebarItems }];
		if (navItems?.length) return [{ items: mapTopNavItems(navItems) }];
		return void 0;
		}
		function DashboardSidebarNav({ groups }) {
		const { setOpenMobile } = useSidebar();
		return /* @__PURE__ / jsx(SidebarContent, { children: groups.map((group, groupIndex) => / @__PURE__ */ jsxs(SidebarGroup, { children: [
		group.label && /* @__PURE__ */ jsx(SidebarGroupLabel, { children: group.label }),
		/* @__PURE__ / jsx(SidebarGroupContent, { children: / @__PURE__ / jsx(SidebarMenu, { children: group.items.map((item) => / @__PURE__ / jsx(SidebarMenuItem, { children: / @__PURE__ */ jsx(
		SidebarMenuButton,
		{
		asChild: !!item.href,
		isActive: item.active,
		icon: item.icon,
		onClick: () => {
		item.onSelect?.();
		setOpenMobile(false);
		},
		children: item.href ? /* @__PURE__ */ jsx("a", { href: item.href, children: item.label }) : item.label
		}
		) }, item.id)) }) })
		] }, group.label ? String(group.label) : groupIndex)) });
		}
		function DashboardMobileTrigger() {
		return /* @__PURE__ */ jsx(SidebarTrigger, { className: "lg:hidden" });
		}
		var DashboardShell = forwardRef(
		({
		className,
		projectName,
		projectSubtitle,
		homeHref = "/",
		variant = "sidebar",
		sidebarGroups,
		sidebarItems,
		breadcrumb,
		pageTitle,
		navItems,
		topActions,
		showMobileLogo,
		sidebar,
		header,
		density,
		contentWidth = "wide",
		children,
		...props
		}, ref) => {
		const resolvedGroups = resolveSidebarGroups(sidebarGroups, sidebarItems, navItems);
		if (variant === "topnav") {
		return /* @__PURE__ */ jsxs(PageShell, { as: "div", background: "plain", density, children: [
		/* @__PURE__ */ jsx(
		TopNav,
		{
		projectName,
		homeHref,
		navItems,
		actions: topActions
		}
		),
		/* @__PURE__ */ jsxs(
		"div",
		{
		ref,
		className: cn(
		"grid min-h-[calc(100vh-3.5rem)] grid-cols-1 lg:grid-cols-[260px_1fr]",
		!sidebar && "lg:grid-cols-1",
		className
		),
		...props,
		children: [
		sidebar && /* @__PURE__ */ jsx("aside", { className: "border-b border-tollerud-border bg-tollerud-surface-raised/60 p-4 lg:border-b-0 lg:border-r", children: sidebar }),
		/* @__PURE__ */ jsxs(MainContent, { as: "div", width: contentWidth, spacing: "lg", density, children: [
		header && /* @__PURE__ */ jsx("div", { className: "mb-8", children: header }),
		children
		] })
		]
		}
		)
		] });
		}
		return /* @__PURE__ / jsx(PageShell, { as: "div", background: "plain", density, children: / @__PURE__ / jsx(SidebarProvider, { children: / @__PURE__ */ jsxs("div", { ref, className: cn("flex min-h-screen w-full", className), ...props, children: [
		/* @__PURE__ */ jsxs(Sidebar, { collapsible: "offcanvas", mobileTitle: "Navigation menu", children: [
		/* @__PURE__ / jsx(SidebarHeader, { children: / @__PURE__ */ jsxs(
		"a",
		{
		href: homeHref,
		className: "tollerud-focus-ring flex min-w-0 items-center gap-[11px] no-underline",
		children: [
		/* @__PURE__ */ jsx(Monogram, { color: "yellow", className: "h-[26px] w-auto" }),
		/* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
		/* @__PURE__ */ jsx("div", { className: "truncate text-[15px] font-bold leading-tight tracking-[-0.01em] text-tollerud-text-primary", children: projectName }),
		projectSubtitle && /* @__PURE__ */ jsx("div", { className: "truncate font-mono text-[10px] text-tollerud-text-muted", children: projectSubtitle })
		] })
		]
		}
		) }),
		resolvedGroups && resolvedGroups.length > 0 && /* @__PURE__ */ jsx(DashboardSidebarNav, { groups: resolvedGroups }),
		sidebar && /* @__PURE__ */ jsx(SidebarFooter, { children: sidebar })
		] }),
		/* @__PURE__ */ jsxs(SidebarInset, { children: [
		/* @__PURE__ */ jsx(
		DashboardTopBar,
		{
		projectName,
		homeHref,
		breadcrumb: breadcrumb ?? projectName,
		pageTitle,
		actions: topActions,
		menuTrigger: /* @__PURE__ */ jsx(DashboardMobileTrigger, {}),
		showMobileLogo
		}
		),
		/* @__PURE__ */ jsxs(MainContent, { as: "div", width: contentWidth, spacing: "lg", density, children: [
		header && /* @__PURE__ */ jsx("div", { className: "mb-8", children: header }),
		children
		] })
		] })
		] }) }) });
		}
		);
		DashboardShell.displayName = "DashboardShell";

		export { DashboardShell };
		//# sourceMappingURL=chunk-46FJFBQU.js.map
		//# sourceMappingURL=chunk-46FJFBQU.js.map

+1

dist/chunk-46FJFBQU.js.map

+321

dist/chunk-5C75B2HC.js

		'use client';
		import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './chunk-R7UC7XAU.js';
		import { Sheet, SheetContent } from './chunk-HBK2UI3O.js';
		import { useIsMobile } from './chunk-FZI7IBJ3.js';
		import { cn } from './chunk-62DSK4IE.js';
		import { Slot, Slottable } from '@radix-ui/react-slot';
		import { PanelLeft } from 'lucide-react';
		import { createContext, forwardRef, useEffect, useContext } from 'react';
		import { useControllableState } from '@radix-ui/react-use-controllable-state';
		import { jsx, jsxs } from 'react/jsx-runtime';

		var SidebarContext = createContext(null);
		function useSidebar() {
		const ctx = useContext(SidebarContext);
		if (!ctx) throw new Error("useSidebar must be used within a <SidebarProvider>");
		return ctx;
		}
		var SidebarConfigContext = createContext({
		side: "left",
		collapsible: "offcanvas"
		});
		var SidebarProvider = forwardRef(
		({ open, defaultOpen = true, onOpenChange, keyboardShortcut = true, style, className, children, ...props }, ref) => {
		const [isOpen, setIsOpen] = useControllableState({
		prop: open,
		defaultProp: defaultOpen,
		onChange: onOpenChange
		});
		const isMobile = useIsMobile();
		const [openMobile, setOpenMobile] = useControllableState({
		defaultProp: false
		});
		const toggleSidebar = () => {
		if (isMobile) setOpenMobile((prev) => !prev);
		else setIsOpen((prev) => !prev);
		};
		useEffect(() => {
		if (!keyboardShortcut) return;
		function handleKeyDown(event) {
		if ((event.metaKey \|\| event.ctrlKey) && event.key.toLowerCase() === "b") {
		event.preventDefault();
		toggleSidebar();
		}
		}
		document.addEventListener("keydown", handleKeyDown);
		return () => document.removeEventListener("keydown", handleKeyDown);
		}, [keyboardShortcut, isMobile]);
		const contextValue = {
		state: isOpen ? "expanded" : "collapsed",
		open: isOpen ?? true,
		setOpen: setIsOpen,
		isMobile,
		openMobile: openMobile ?? false,
		setOpenMobile,
		toggleSidebar
		};
		return /* @__PURE__ / jsx(SidebarContext.Provider, { value: contextValue, children: / @__PURE__ / jsx(TooltipProvider, { delayDuration: 0, children: / @__PURE__ */ jsx(
		"div",
		{
		ref,
		style: {
		"--sidebar-width": "264px",
		"--sidebar-width-icon": "3.5rem",
		"--sidebar-width-mobile": "288px",
		...style
		},
		className: cn("flex min-h-screen w-full", className),
		...props,
		children
		}
		) }) });
		}
		);
		SidebarProvider.displayName = "SidebarProvider";
		var Sidebar = forwardRef(
		({ side = "left", collapsible = "offcanvas", mobileTitle = "Navigation menu", className, children, ...props }, ref) => {
		const { isMobile, open, openMobile, setOpenMobile } = useSidebar();
		if (isMobile) {
		return /* @__PURE__ / jsx(SidebarConfigContext.Provider, { value: { side, collapsible }, children: / @__PURE__ / jsx(Sheet, { open: openMobile, onOpenChange: setOpenMobile, children: / @__PURE__ */ jsx(
		SheetContent,
		{
		side,
		title: mobileTitle,
		className: cn(
		"flex w-[--sidebar-width-mobile] max-w-[--sidebar-width-mobile] flex-col gap-0 border-0 p-0",
		side === "left" ? "border-r" : "border-l",
		className
		),
		children
		}
		) }) });
		}
		const collapsedIcon = collapsible === "icon" && !open;
		const width = collapsible === "none" \|\| open ? "var(--sidebar-width)" : collapsible === "icon" ? "var(--sidebar-width-icon)" : "0px";
		return /* @__PURE__ / jsx(SidebarConfigContext.Provider, { value: { side, collapsible }, children: / @__PURE__ */ jsx(
		"aside",
		{
		ref,
		"data-state": open ? "expanded" : "collapsed",
		"data-collapsible": collapsible,
		style: { width },
		className: cn(
		// Absolute (viewport-relative) height, not h-full — a flex row's
		// default align-items:stretch would otherwise stretch this to
		// match SidebarInset's content height, defeating `sticky` (see
		// PageShell.test.tsx). --sidebar-height lets an embedding context
		// (e.g. a bounded docs demo box) override it without needing a
		// new prop — CSS custom properties inherit through any ancestor.
		"sticky top-0 flex h-[var(--sidebar-height,100vh)] shrink-0 flex-col overflow-hidden border-tollerud-border bg-tollerud-noir-900 transition-[width] duration-normal ease-out",
		side === "left" ? "border-r" : "border-l",
		collapsedIcon && "items-center",
		className
		),
		...props,
		children
		}
		) });
		}
		);
		Sidebar.displayName = "Sidebar";
		var SidebarTrigger = forwardRef(
		({ className, onClick, ...props }, ref) => {
		const { toggleSidebar, isMobile, open, openMobile } = useSidebar();
		const expanded = isMobile ? openMobile : open;
		return /* @__PURE__ */ jsx(
		"button",
		{
		ref,
		type: "button",
		"aria-label": "Toggle sidebar",
		"aria-expanded": expanded,
		className: cn(
		"tollerud-focus-ring inline-flex h-[34px] w-[34px] shrink-0 items-center justify-center rounded-md border border-tollerud-border bg-tollerud-noir-900 text-tollerud-text-secondary transition-colors hover:border-tollerud-noir-500 hover:text-tollerud-text-primary",
		className
		),
		onClick: (event) => {
		onClick?.(event);
		toggleSidebar();
		},
		...props,
		children: /* @__PURE__ */ jsx(PanelLeft, { className: "h-4 w-4" })
		}
		);
		}
		);
		SidebarTrigger.displayName = "SidebarTrigger";
		var SidebarInset = forwardRef(
		({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex min-w-0 flex-1 flex-col", className), ...props })
		);
		SidebarInset.displayName = "SidebarInset";
		var SidebarHeader = forwardRef(
		({ className, ...props }, ref) => /* @__PURE__ */ jsx(
		"div",
		{
		ref,
		className: cn("flex h-14 shrink-0 items-center gap-[11px] border-b border-tollerud-border px-[22px]", className),
		...props
		}
		)
		);
		SidebarHeader.displayName = "SidebarHeader";
		var SidebarContent = forwardRef(
		({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex min-h-0 flex-1 flex-col overflow-y-auto px-3 py-4", className), ...props })
		);
		SidebarContent.displayName = "SidebarContent";
		var SidebarFooter = forwardRef(
		({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("border-t border-tollerud-border px-3 py-4", className), ...props })
		);
		SidebarFooter.displayName = "SidebarFooter";
		var SidebarGroup = forwardRef(
		({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("mb-[18px] last:mb-0", className), ...props })
		);
		SidebarGroup.displayName = "SidebarGroup";
		var SidebarGroupLabel = forwardRef(
		({ className, ...props }, ref) => {
		const { open } = useSidebar();
		const { collapsible } = useContext(SidebarConfigContext);
		if (collapsible === "icon" && !open) return null;
		return /* @__PURE__ */ jsx(
		"div",
		{
		ref,
		className: cn(
		"px-2.5 pb-1.5 text-[10.5px] font-semibold uppercase tracking-[0.09em] text-tollerud-text-muted",
		className
		),
		...props
		}
		);
		}
		);
		SidebarGroupLabel.displayName = "SidebarGroupLabel";
		var SidebarGroupContent = forwardRef(
		({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex flex-col", className), ...props })
		);
		SidebarGroupContent.displayName = "SidebarGroupContent";
		var SidebarMenu = forwardRef(
		({ className, ...props }, ref) => /* @__PURE__ */ jsx("ul", { ref, className: cn("flex flex-col gap-0.5", className), ...props })
		);
		SidebarMenu.displayName = "SidebarMenu";
		var SidebarMenuItem = forwardRef(
		({ className, ...props }, ref) => /* @__PURE__ */ jsx("li", { ref, className: cn("relative", className), ...props })
		);
		SidebarMenuItem.displayName = "SidebarMenuItem";
		var SidebarMenuButton = forwardRef(
		({ asChild, isActive, icon, tooltip, className, children, ...props }, ref) => {
		const { state, isMobile } = useSidebar();
		const { collapsible } = useContext(SidebarConfigContext);
		const collapsedIcon = !isMobile && collapsible === "icon" && state === "collapsed";
		const Comp = asChild ? Slot : "button";
		const button = /* @__PURE__ */ jsxs(
		Comp,
		{
		ref,
		type: asChild ? void 0 : "button",
		"data-active": isActive \|\| void 0,
		"aria-current": isActive ? "page" : void 0,
		className: cn(
		"tollerud-focus-ring flex w-full items-center gap-2.5 rounded-md border-0 bg-transparent px-2.5 py-1.5 text-left text-[13.5px] font-medium text-tollerud-text-secondary no-underline transition-colors duration-fast",
		"hover:bg-tollerud-noir-800 hover:text-tollerud-text-primary",
		isActive && "bg-tollerud-yellow/10 text-tollerud-text-primary shadow-[inset_2px_0_0_0] shadow-tollerud-yellow",
		collapsedIcon && "w-9 justify-center px-0",
		className
		),
		...props,
		children: [
		icon && /* @__PURE__ */ jsx(
		"span",
		{
		className: cn(
		"flex h-[15px] w-[15px] shrink-0 items-center justify-center text-tollerud-text-muted",
		isActive && "text-tollerud-yellow"
		),
		children: icon
		}
		),
		/* @__PURE__ / jsx(Slottable, { children: asChild ? children : / @__PURE__ */ jsx("span", { className: cn("truncate", collapsedIcon && "sr-only"), children }) })
		]
		}
		);
		if (collapsedIcon && tooltip) {
		return /* @__PURE__ */ jsxs(Tooltip, { children: [
		/* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: button }),
		/* @__PURE__ */ jsx(TooltipContent, { side: "right", children: tooltip })
		] });
		}
		return button;
		}
		);
		SidebarMenuButton.displayName = "SidebarMenuButton";
		var SidebarMenuAction = forwardRef(({ asChild, className, ...props }, ref) => {
		const Comp = asChild ? Slot : "button";
		return /* @__PURE__ */ jsx(
		Comp,
		{
		ref,
		type: asChild ? void 0 : "button",
		className: cn(
		"tollerud-focus-ring absolute right-1.5 top-1/2 -translate-y-1/2 flex h-6 w-6 items-center justify-center rounded text-tollerud-text-muted transition-colors hover:bg-tollerud-noir-800 hover:text-tollerud-text-primary",
		className
		),
		...props
		}
		);
		});
		SidebarMenuAction.displayName = "SidebarMenuAction";
		var SidebarMenuBadge = forwardRef(
		({ className, ...props }, ref) => /* @__PURE__ */ jsx(
		"div",
		{
		ref,
		className: cn(
		"pointer-events-none absolute right-2.5 top-1/2 -translate-y-1/2 min-w-[18px] rounded-full px-1.5 text-center font-mono text-[10px] text-tollerud-text-muted",
		className
		),
		...props
		}
		)
		);
		SidebarMenuBadge.displayName = "SidebarMenuBadge";
		var SidebarMenuSub = forwardRef(
		({ className, ...props }, ref) => /* @__PURE__ */ jsx(
		"ul",
		{
		ref,
		className: cn("ml-[19px] flex flex-col gap-0.5 border-l border-tollerud-border py-0.5 pl-3", className),
		...props
		}
		)
		);
		SidebarMenuSub.displayName = "SidebarMenuSub";
		var SidebarMenuSubItem = forwardRef(
		({ className, ...props }, ref) => /* @__PURE__ */ jsx("li", { ref, className: cn("relative", className), ...props })
		);
		SidebarMenuSubItem.displayName = "SidebarMenuSubItem";
		var SidebarMenuSubButton = forwardRef(
		({ asChild, isActive, className, ...props }, ref) => {
		const Comp = asChild ? Slot : "button";
		return /* @__PURE__ */ jsx(
		Comp,
		{
		ref,
		type: asChild ? void 0 : "button",
		"data-active": isActive \|\| void 0,
		"aria-current": isActive ? "page" : void 0,
		className: cn(
		"tollerud-focus-ring flex w-full items-center rounded-md border-0 bg-transparent px-2.5 py-1.5 text-left text-[13px] text-tollerud-text-secondary no-underline transition-colors duration-fast",
		"hover:bg-tollerud-noir-800 hover:text-tollerud-text-primary",
		isActive && "text-tollerud-yellow",
		className
		),
		...props
		}
		);
		}
		);
		SidebarMenuSubButton.displayName = "SidebarMenuSubButton";

		export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarTrigger, useSidebar };
		//# sourceMappingURL=chunk-5C75B2HC.js.map
		//# sourceMappingURL=chunk-5C75B2HC.js.map

+1

dist/chunk-5C75B2HC.js.map

+204

dist/chunk-AEAF6K5D.js

		'use client';
		import { FloatingDropdownPortal } from './chunk-CLPW6X62.js';
		import { cn } from './chunk-62DSK4IE.js';
		import { forwardRef, useState, useRef, useCallback, useEffect, useId } from 'react';
		import { jsxs, jsx } from 'react/jsx-runtime';

		var Select = forwardRef(
		({ className, label, error, placeholder, options = [], value, onChange, layout = "stacked", size = "md", required, ...props }, ref) => {
		const [open, setOpen] = useState(false);
		const [highlightedIdx, setHighlightedIdx] = useState(0);
		const containerRef = useRef(null);
		const listRef = useRef(null);
		const outerRef = useRef(null);
		const selectedOption = options.find((o) => o.value === value);
		const setOuterRef = useCallback(
		(node) => {
		outerRef.current = node;
		if (typeof ref === "function") ref(node);
		else if (ref) ref.current = node;
		},
		[ref]
		);
		useEffect(() => {
		if (!open) return;
		const handleClick = (e) => {
		const target = e.target;
		if (outerRef.current?.contains(target)) return;
		if (listRef.current?.contains(target)) return;
		setOpen(false);
		};
		document.addEventListener("mousedown", handleClick);
		return () => document.removeEventListener("mousedown", handleClick);
		}, [open]);
		useEffect(() => {
		if (open) {
		const idx = value ? options.findIndex((o) => o.value === value) : -1;
		setHighlightedIdx(idx >= 0 ? idx : 0);
		}
		}, [open, options, value]);
		useEffect(() => {
		if (open && listRef.current) {
		const item = listRef.current.children[highlightedIdx];
		item?.scrollIntoView({ block: "nearest" });
		}
		}, [open, highlightedIdx]);
		const selectOption = useCallback(
		(opt) => {
		onChange?.(opt.value);
		setOpen(false);
		},
		[onChange]
		);
		const handleKeyDown = (e) => {
		if (!open) {
		if (e.key === "Enter" \|\| e.key === " " \|\| e.key === "ArrowDown") {
		e.preventDefault();
		setOpen(true);
		}
		return;
		}
		switch (e.key) {
		case "Escape":
		e.preventDefault();
		e.stopPropagation();
		setOpen(false);
		break;
		case "ArrowDown":
		e.preventDefault();
		setHighlightedIdx((prev) => Math.min(prev + 1, options.length - 1));
		break;
		case "ArrowUp":
		e.preventDefault();
		setHighlightedIdx((prev) => Math.max(prev - 1, 0));
		break;
		case "Enter":
		e.preventDefault();
		if (options[highlightedIdx]) {
		selectOption(options[highlightedIdx]);
		}
		break;
		}
		};
		const triggerId = useId();
		const autoErrorId = useId();
		const errorId = error ? autoErrorId : void 0;
		const listboxId = `${triggerId}-listbox`;
		const activeOptionId = open && options.length > 0 ? `${triggerId}-option-${highlightedIdx}` : void 0;
		return /* @__PURE__ */ jsxs(
		"div",
		{
		className: cn(layout === "inline" ? "flex items-center gap-2" : "flex flex-col gap-1.5"),
		ref: setOuterRef,
		...props,
		children: [
		label && /* @__PURE__ */ jsxs(
		"label",
		{
		htmlFor: triggerId,
		className: cn(
		"shrink-0 font-medium text-tollerud-text-muted text-xs",
		layout === "inline" && "mb-0"
		),
		children: [
		label,
		required && /* @__PURE__ / jsx("span", { "aria-hidden": "true", className: "ml-0.5 text-tollerud-error", children: "" })
		]
		}
		),
		/* @__PURE__ */ jsxs("div", { ref: containerRef, className: cn("relative", layout === "inline" && "min-w-0"), children: [
		/* @__PURE__ */ jsxs(
		"button",
		{
		id: triggerId,
		type: "button",
		onClick: () => setOpen(!open),
		onKeyDown: handleKeyDown,
		role: "combobox",
		"aria-haspopup": "listbox",
		"aria-expanded": open,
		"aria-controls": listboxId,
		"aria-activedescendant": activeOptionId,
		"aria-describedby": errorId,
		"aria-label": layout === "inline" && label ? `${label}: ${selectedOption?.label ?? placeholder ?? "Select"}` : void 0,
		className: cn(
		"font-sans w-full flex items-center justify-between rounded",
		size === "sm" ? "px-2.5 py-1.5 text-xs" : "px-3 py-2.5 text-base",
		"bg-tollerud-surface-raised",
		"text-tollerud-text-primary text-left",
		"transition-all duration-fast ease-out cursor-pointer",
		error ? "border-tollerud-error/70 focus:border-tollerud-error focus:shadow-[0_0_0_1px_var(--tollerud-error,#EF4444)]" : "border-tollerud-border focus:border-tollerud-yellow focus:shadow-[0_0_0_1px_var(--tollerud-yellow-warm,#E8D500)]",
		"border hover:border-tollerud-noir-400",
		"focus:outline-none",
		className
		),
		children: [
		/* @__PURE__ */ jsx("span", { className: cn(!selectedOption && "text-tollerud-text-muted"), children: selectedOption ? selectedOption.label : placeholder \|\| "Select\u2026" }),
		/* @__PURE__ */ jsx(
		"svg",
		{
		className: cn(
		"h-4 w-4 text-tollerud-text-muted transition-transform duration-fast flex-shrink-0",
		open && "rotate-180"
		),
		fill: "none",
		viewBox: "0 0 24 24",
		stroke: "currentColor",
		strokeWidth: 2,
		"aria-hidden": "true",
		children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 9l6 6 6-6" })
		}
		)
		]
		}
		),
		/* @__PURE__ */ jsxs(
		FloatingDropdownPortal,
		{
		open,
		anchorRef: containerRef,
		popoverRef: listRef,
		id: listboxId,
		role: "listbox",
		placementOptions: { maxHeight: 240 },
		className: cn(
		"overflow-y-auto py-1",
		"rounded-lg border border-tollerud-border bg-tollerud-surface-overlay"
		),
		children: [
		options.length === 0 && /* @__PURE__ */ jsx("div", { className: "px-3 py-2 text-xs text-tollerud-text-muted text-center", children: "No options" }),
		options.map((opt, idx) => /* @__PURE__ */ jsx(
		"button",
		{
		type: "button",
		id: `${triggerId}-option-${idx}`,
		role: "option",
		"aria-selected": opt.value === value,
		onClick: () => selectOption(opt),
		onMouseEnter: () => setHighlightedIdx(idx),
		className: cn(
		"w-full text-sm text-left px-3 py-2 transition-colors duration-fast",
		"cursor-pointer",
		opt.value === value ? "text-tollerud-yellow" : "text-tollerud-text-primary",
		idx === highlightedIdx && !(opt.value === value) ? "bg-tollerud-noir-700" : "hover:bg-tollerud-noir-700/60",
		opt.value === value && highlightedIdx === idx && "bg-tollerud-noir-700"
		),
		children: opt.label
		},
		opt.value
		))
		]
		}
		)
		] }),
		error && /* @__PURE__ */ jsx("p", { id: errorId, className: "text-xs text-tollerud-error mt-0.5", children: error })
		]
		}
		);
		}
		);
		Select.displayName = "Select";

		export { Select };
		//# sourceMappingURL=chunk-AEAF6K5D.js.map
		//# sourceMappingURL=chunk-AEAF6K5D.js.map

+1

dist/chunk-AEAF6K5D.js.map

+72

dist/chunk-AGGRBON4.js

		'use client';
		import { useBypassModalScrollLock } from './chunk-E6S6ASAQ.js';
		import { cn } from './chunk-62DSK4IE.js';
		import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
		import { useComposedRefs } from '@radix-ui/react-compose-refs';
		import { forwardRef } from 'react';
		import { jsx } from 'react/jsx-runtime';

		var DropdownMenu = DropdownMenuPrimitive.Root;
		var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
		var DropdownMenuContent = forwardRef(({ className, sideOffset = 4, collisionPadding = 8, ...props }, forwardedRef) => {
		const bypassScrollLockRef = useBypassModalScrollLock(true);
		const composedRefs = useComposedRefs(forwardedRef, bypassScrollLockRef);
		return /* @__PURE__ / jsx(DropdownMenuPrimitive.Portal, { children: / @__PURE__ */ jsx(
		DropdownMenuPrimitive.Content,
		{
		ref: composedRefs,
		sideOffset,
		collisionPadding,
		className: cn(
		"pointer-events-auto z-50 min-w-[9rem] overflow-hidden rounded-lg border p-1 shadow-lg",
		"bg-tollerud-noir-850 border-tollerud-border/30 text-tollerud-text-primary",
		"data-[state=open]:animate-in data-[state=closed]:animate-out",
		"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
		"data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
		"data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2",
		"data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
		className
		),
		...props
		}
		) });
		});
		DropdownMenuContent.displayName = "DropdownMenuContent";
		var DropdownMenuItem = forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
		DropdownMenuPrimitive.Item,
		{
		ref,
		className: cn(
		"relative flex cursor-default select-none items-center rounded-md px-2 py-1.5 text-sm outline-none",
		"text-tollerud-text-secondary data-[highlighted]:text-tollerud-text-primary",
		"data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
		"data-[highlighted]:bg-tollerud-surface-raised",
		inset && "pl-8",
		className
		),
		...props
		}
		));
		DropdownMenuItem.displayName = "DropdownMenuItem";
		var DropdownMenuSeparator = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
		DropdownMenuPrimitive.Separator,
		{
		ref,
		className: cn("-mx-1 my-1 h-px bg-tollerud-border/30", className),
		...props
		}
		));
		DropdownMenuSeparator.displayName = "DropdownMenuSeparator";
		var DropdownMenuLabel = forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
		DropdownMenuPrimitive.Label,
		{
		ref,
		className: cn("px-2 py-1.5 text-xs font-semibold text-tollerud-text-muted", inset && "pl-8", className),
		...props
		}
		));
		DropdownMenuLabel.displayName = "DropdownMenuLabel";

		export { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger };
		//# sourceMappingURL=chunk-AGGRBON4.js.map
		//# sourceMappingURL=chunk-AGGRBON4.js.map

+1

dist/chunk-AGGRBON4.js.map

{"version":3,"sources":["../components/DropdownMenu.tsx"],"names":[],"mappings":";;;;;;;AAUA,IAAM,YAAA,GAAqC,qBAAA,CAAA;AAC3C,IAAM,mBAAA,GAA4C,qBAAA,CAAA;AAElD,IAAM,mBAAA,GAAsB,UAAA,CAG1B,CAAC,EAAE,SAAA,EAAW,UAAA,GAAa,CAAA,EAAG,gBAAA,GAAmB,CAAA,EAAG,GAAG,KAAA,EAAM,EAAG,YAAA,KAAiB;AACjF,EAAA,MAAM,mBAAA,GAAsB,yBAAyB,IAAI,CAAA;AACzD,EAAA,MAAM,YAAA,GAAe,eAAA,CAAgB,YAAA,EAAc,mBAAmB,CAAA;AAEtE,EAAA,uBACA,GAAA,CAAuB,8BAAtB,EACC,QAAA,kBAAA,GAAA;AAAA,IAAuB,qBAAA,CAAA,OAAA;AAAA,IAAtB;AAAA,MACC,GAAA,EAAK,YAAA;AAAA,MACL,UAAA;AAAA,MACA,gBAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACT,uFAAA;AAAA,QACA,2EAAA;AAAA,QACA,8DAAA;AAAA,QACA,4DAAA;AAAA,QACA,8DAAA;AAAA,QACA,+EAAA;AAAA,QACA,+EAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN,EACF,CAAA;AAEF,CAAC;AACD,mBAAA,CAAoB,WAAA,GAAc,qBAAA;AAElC,IAAM,gBAAA,GAAmB,WAKvB,CAAC,EAAE,WAAW,KAAA,EAAO,GAAG,KAAA,EAAM,EAAG,GAAA,qBACjC,GAAA;AAAA,EAAuB,qBAAA,CAAA,IAAA;AAAA,EAAtB;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,EAAA;AAAA,MACT,mGAAA;AAAA,MACA,4EAAA;AAAA,MACA,gEAAA;AAAA,MACA,+CAAA;AAAA,MACA,KAAA,IAAS,MAAA;AAAA,MACT;AAAA,KACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,gBAAA,CAAiB,WAAA,GAAc,kBAAA;AAE/B,IAAM,qBAAA,GAAwB,WAG5B,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAAA,qBAC1B,GAAA;AAAA,EAAuB,qBAAA,CAAA,SAAA;AAAA,EAAtB;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,EAAA,CAAG,uCAAA,EAAyC,SAAS,CAAA;AAAA,IAC/D,GAAG;AAAA;AACN,CACD;AACD,qBAAA,CAAsB,WAAA,GAAc,uBAAA;AAEpC,IAAM,iBAAA,GAAoB,WAKxB,CAAC,EAAE,WAAW,KAAA,EAAO,GAAG,KAAA,EAAM,EAAG,GAAA,qBACjC,GAAA;AAAA,EAAuB,qBAAA,CAAA,KAAA;AAAA,EAAtB;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,EAAA,CAAG,4DAAA,EAA8D,KAAA,IAAS,QAAQ,SAAS,CAAA;AAAA,IACrG,GAAG;AAAA;AACN,CACD;AACD,iBAAA,CAAkB,WAAA,GAAc,mBAAA","file":"chunk-AGGRBON4.js","sourcesContent":["'use client'\n\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu'\nimport { useComposedRefs } from '@radix-ui/react-compose-refs'\nimport { forwardRef } from 'react'\nimport { useBypassModalScrollLock } from '@/lib/bypass-modal-scroll-lock'\nimport { cn } from '@/lib/utils'\n\n/* ──────────────────── DropdownMenu ──────────────────── */\n\nconst DropdownMenu = DropdownMenuPrimitive.Root\nconst DropdownMenuTrigger = DropdownMenuPrimitive.Trigger\n\nconst DropdownMenuContent = forwardRef<\n React.ComponentRef<typeof DropdownMenuPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>\n>(({ className, sideOffset = 4, collisionPadding = 8, ...props }, forwardedRef) => {\n const bypassScrollLockRef = useBypassModalScrollLock(true)\n const composedRefs = useComposedRefs(forwardedRef, bypassScrollLockRef)\n\n return (\n <DropdownMenuPrimitive.Portal>\n <DropdownMenuPrimitive.Content\n ref={composedRefs}\n sideOffset={sideOffset}\n collisionPadding={collisionPadding}\n className={cn(\n 'pointer-events-auto z-50 min-w-[9rem] overflow-hidden rounded-lg border p-1 shadow-lg',\n 'bg-tollerud-noir-850 border-tollerud-border/30 text-tollerud-text-primary',\n 'data-[state=open]:animate-in data-[state=closed]:animate-out',\n 'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n 'data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95',\n 'data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2',\n 'data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n className\n )}\n {...props}\n />\n </DropdownMenuPrimitive.Portal>\n )\n})\nDropdownMenuContent.displayName = 'DropdownMenuContent'\n\nconst DropdownMenuItem = forwardRef<\n React.ComponentRef<typeof DropdownMenuPrimitive.Item>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {\n inset?: boolean\n }\n>(({ className, inset, ...props }, ref) => (\n <DropdownMenuPrimitive.Item\n ref={ref}\n className={cn(\n 'relative flex cursor-default select-none items-center rounded-md px-2 py-1.5 text-sm outline-none',\n 'text-tollerud-text-secondary data-[highlighted]:text-tollerud-text-primary',\n 'data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n 'data-[highlighted]:bg-tollerud-surface-raised',\n inset && 'pl-8',\n className\n )}\n {...props}\n />\n))\nDropdownMenuItem.displayName = 'DropdownMenuItem'\n\nconst DropdownMenuSeparator = forwardRef<\n React.ComponentRef<typeof DropdownMenuPrimitive.Separator>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n <DropdownMenuPrimitive.Separator\n ref={ref}\n className={cn('-mx-1 my-1 h-px bg-tollerud-border/30', className)}\n {...props}\n />\n))\nDropdownMenuSeparator.displayName = 'DropdownMenuSeparator'\n\nconst DropdownMenuLabel = forwardRef<\n React.ComponentRef<typeof DropdownMenuPrimitive.Label>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {\n inset?: boolean\n }\n>(({ className, inset, ...props }, ref) => (\n <DropdownMenuPrimitive.Label\n ref={ref}\n className={cn('px-2 py-1.5 text-xs font-semibold text-tollerud-text-muted', inset && 'pl-8', className)}\n {...props}\n />\n))\nDropdownMenuLabel.displayName = 'DropdownMenuLabel'\n\nexport {\n DropdownMenu,\n DropdownMenuTrigger,\n DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuSeparator,\n DropdownMenuLabel,\n}"]}

+1764

dist/chunk-CLPW6X62.js

		'use client';
		import { useBypassModalScrollLock } from './chunk-E6S6ASAQ.js';
		import { mergeRefs, cn } from './chunk-62DSK4IE.js';
		import * as React from 'react';
		import { useLayoutEffect, useMemo } from 'react';
		import * as ReactDOM from 'react-dom';
		import { createPortal } from 'react-dom';
		import { jsx } from 'react/jsx-runtime';

		// node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs
		var min = Math.min;
		var max = Math.max;
		var round = Math.round;
		var floor = Math.floor;
		var createCoords = (v) => ({
		x: v,
		y: v
		});
		var oppositeSideMap = {
		left: "right",
		right: "left",
		bottom: "top",
		top: "bottom"
		};
		function clamp(start, value, end) {
		return max(start, min(value, end));
		}
		function evaluate(value, param) {
		return typeof value === "function" ? value(param) : value;
		}
		function getSide(placement) {
		return placement.split("-")[0];
		}
		function getAlignment(placement) {
		return placement.split("-")[1];
		}
		function getOppositeAxis(axis) {
		return axis === "x" ? "y" : "x";
		}
		function getAxisLength(axis) {
		return axis === "y" ? "height" : "width";
		}
		function getSideAxis(placement) {
		const firstChar = placement[0];
		return firstChar === "t" \|\| firstChar === "b" ? "y" : "x";
		}
		function getAlignmentAxis(placement) {
		return getOppositeAxis(getSideAxis(placement));
		}
		function getAlignmentSides(placement, rects, rtl) {
		if (rtl === void 0) {
		rtl = false;
		}
		const alignment = getAlignment(placement);
		const alignmentAxis = getAlignmentAxis(placement);
		const length = getAxisLength(alignmentAxis);
		let mainAlignmentSide = alignmentAxis === "x" ? alignment === (rtl ? "end" : "start") ? "right" : "left" : alignment === "start" ? "bottom" : "top";
		if (rects.reference[length] > rects.floating[length]) {
		mainAlignmentSide = getOppositePlacement(mainAlignmentSide);
		}
		return [mainAlignmentSide, getOppositePlacement(mainAlignmentSide)];
		}
		function getExpandedPlacements(placement) {
		const oppositePlacement = getOppositePlacement(placement);
		return [getOppositeAlignmentPlacement(placement), oppositePlacement, getOppositeAlignmentPlacement(oppositePlacement)];
		}
		function getOppositeAlignmentPlacement(placement) {
		return placement.includes("start") ? placement.replace("start", "end") : placement.replace("end", "start");
		}
		var lrPlacement = ["left", "right"];
		var rlPlacement = ["right", "left"];
		var tbPlacement = ["top", "bottom"];
		var btPlacement = ["bottom", "top"];
		function getSideList(side, isStart, rtl) {
		switch (side) {
		case "top":
		case "bottom":
		if (rtl) return isStart ? rlPlacement : lrPlacement;
		return isStart ? lrPlacement : rlPlacement;
		case "left":
		case "right":
		return isStart ? tbPlacement : btPlacement;
		default:
		return [];
		}
		}
		function getOppositeAxisPlacements(placement, flipAlignment, direction, rtl) {
		const alignment = getAlignment(placement);
		let list = getSideList(getSide(placement), direction === "start", rtl);
		if (alignment) {
		list = list.map((side) => side + "-" + alignment);
		if (flipAlignment) {
		list = list.concat(list.map(getOppositeAlignmentPlacement));
		}
		}
		return list;
		}
		function getOppositePlacement(placement) {
		const side = getSide(placement);
		return oppositeSideMap[side] + placement.slice(side.length);
		}
		function expandPaddingObject(padding) {
		var _padding$top, _padding$right, _padding$bottom, _padding$left;
		return {
		top: (_padding$top = padding.top) != null ? _padding$top : 0,
		right: (_padding$right = padding.right) != null ? _padding$right : 0,
		bottom: (_padding$bottom = padding.bottom) != null ? _padding$bottom : 0,
		left: (_padding$left = padding.left) != null ? _padding$left : 0
		};
		}
		function getPaddingObject(padding) {
		return typeof padding !== "number" ? expandPaddingObject(padding) : {
		top: padding,
		right: padding,
		bottom: padding,
		left: padding
		};
		}
		function rectToClientRect(rect) {
		const {
		x,
		y,
		width,
		height
		} = rect;
		return {
		width,
		height,
		top: y,
		left: x,
		right: x + width,
		bottom: y + height,
		x,
		y
		};
		}

		// node_modules/@floating-ui/core/dist/floating-ui.core.mjs
		function computeCoordsFromPlacement(_ref, placement, rtl) {
		let {
		reference,
		floating
		} = _ref;
		const sideAxis = getSideAxis(placement);
		const alignmentAxis = getAlignmentAxis(placement);
		const alignLength = getAxisLength(alignmentAxis);
		const side = getSide(placement);
		const isVertical = sideAxis === "y";
		const commonX = reference.x + reference.width / 2 - floating.width / 2;
		const commonY = reference.y + reference.height / 2 - floating.height / 2;
		const commonAlign = reference[alignLength] / 2 - floating[alignLength] / 2;
		let coords;
		switch (side) {
		case "top":
		coords = {
		x: commonX,
		y: reference.y - floating.height
		};
		break;
		case "bottom":
		coords = {
		x: commonX,
		y: reference.y + reference.height
		};
		break;
		case "right":
		coords = {
		x: reference.x + reference.width,
		y: commonY
		};
		break;
		case "left":
		coords = {
		x: reference.x - floating.width,
		y: commonY
		};
		break;
		default:
		coords = {
		x: reference.x,
		y: reference.y
		};
		}
		const alignment = getAlignment(placement);
		if (alignment) {
		coords[alignmentAxis] += commonAlign * (alignment === "end" ? 1 : -1) * (rtl && isVertical ? -1 : 1);
		}
		return coords;
		}
		async function detectOverflow(state, options) {
		var _await$platform$isEle;
		if (options === void 0) {
		options = {};
		}
		const {
		x,
		y,
		platform: platform2,
		rects,
		elements,
		strategy
		} = state;
		const {
		boundary = "clippingAncestors",
		rootBoundary = "viewport",
		elementContext = "floating",
		altBoundary = false,
		padding = 0
		} = evaluate(options, state);
		const paddingObject = getPaddingObject(padding);
		const altContext = elementContext === "floating" ? "reference" : "floating";
		const element = elements[altBoundary ? altContext : elementContext];
		const clippingClientRect = rectToClientRect(await platform2.getClippingRect({
		element: ((_await$platform$isEle = await (platform2.isElement == null ? void 0 : platform2.isElement(element))) != null ? _await$platform$isEle : true) ? element : element.contextElement \|\| await (platform2.getDocumentElement == null ? void 0 : platform2.getDocumentElement(elements.floating)),
		boundary,
		rootBoundary,
		strategy
		}));
		const rect = elementContext === "floating" ? {
		x,
		y,
		width: rects.floating.width,
		height: rects.floating.height
		} : rects.reference;
		const offsetParent = await (platform2.getOffsetParent == null ? void 0 : platform2.getOffsetParent(elements.floating));
		const offsetScale = await (platform2.isElement == null ? void 0 : platform2.isElement(offsetParent)) && await (platform2.getScale == null ? void 0 : platform2.getScale(offsetParent)) \|\| {
		x: 1,
		y: 1
		};
		const elementClientRect = rectToClientRect(platform2.convertOffsetParentRelativeRectToViewportRelativeRect ? await platform2.convertOffsetParentRelativeRectToViewportRelativeRect({
		elements,
		rect,
		offsetParent,
		strategy
		}) : rect);
		return {
		top: (clippingClientRect.top - elementClientRect.top + paddingObject.top) / offsetScale.y,
		bottom: (elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom) / offsetScale.y,
		left: (clippingClientRect.left - elementClientRect.left + paddingObject.left) / offsetScale.x,
		right: (elementClientRect.right - clippingClientRect.right + paddingObject.right) / offsetScale.x
		};
		}
		var MAX_RESET_COUNT = 50;
		var computePosition = async (reference, floating, config) => {
		const {
		placement = "bottom",
		strategy = "absolute",
		middleware = [],
		platform: platform2
		} = config;
		const platformWithDetectOverflow = platform2.detectOverflow ? platform2 : {
		...platform2,
		detectOverflow
		};
		const rtl = await (platform2.isRTL == null ? void 0 : platform2.isRTL(floating));
		let rects = await platform2.getElementRects({
		reference,
		floating,
		strategy
		});
		let {
		x,
		y
		} = computeCoordsFromPlacement(rects, placement, rtl);
		let statefulPlacement = placement;
		let resetCount = 0;
		const middlewareData = {};
		for (let i = 0; i < middleware.length; i++) {
		const currentMiddleware = middleware[i];
		if (!currentMiddleware) {
		continue;
		}
		const {
		name,
		fn
		} = currentMiddleware;
		const {
		x: nextX,
		y: nextY,
		data,
		reset
		} = await fn({
		x,
		y,
		initialPlacement: placement,
		placement: statefulPlacement,
		strategy,
		middlewareData,
		rects,
		platform: platformWithDetectOverflow,
		elements: {
		reference,
		floating
		}
		});
		x = nextX != null ? nextX : x;
		y = nextY != null ? nextY : y;
		middlewareData[name] = {
		...middlewareData[name],
		...data
		};
		if (reset && resetCount < MAX_RESET_COUNT) {
		resetCount++;
		if (typeof reset === "object") {
		if (reset.placement) {
		statefulPlacement = reset.placement;
		}
		if (reset.rects) {
		rects = reset.rects === true ? await platform2.getElementRects({
		reference,
		floating,
		strategy
		}) : reset.rects;
		}
		({
		x,
		y
		} = computeCoordsFromPlacement(rects, statefulPlacement, rtl));
		}
		i = -1;
		}
		}
		return {
		x,
		y,
		placement: statefulPlacement,
		strategy,
		middlewareData
		};
		};
		var flip = function(options) {
		if (options === void 0) {
		options = {};
		}
		return {
		name: "flip",
		options,
		async fn(state) {
		var _middlewareData$arrow, _middlewareData$flip;
		const {
		placement,
		middlewareData,
		rects,
		initialPlacement,
		platform: platform2,
		elements
		} = state;
		const {
		mainAxis: checkMainAxis = true,
		crossAxis: checkCrossAxis = true,
		fallbackPlacements: specifiedFallbackPlacements,
		fallbackStrategy = "bestFit",
		fallbackAxisSideDirection = "none",
		flipAlignment = true,
		...detectOverflowOptions
		} = evaluate(options, state);
		if ((_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset) {
		return {};
		}
		const side = getSide(placement);
		const initialSideAxis = getSideAxis(initialPlacement);
		const isBasePlacement = getSide(initialPlacement) === initialPlacement;
		const rtl = await (platform2.isRTL == null ? void 0 : platform2.isRTL(elements.floating));
		const fallbackPlacements = specifiedFallbackPlacements \|\| (isBasePlacement \|\| !flipAlignment ? [getOppositePlacement(initialPlacement)] : getExpandedPlacements(initialPlacement));
		const hasFallbackAxisSideDirection = fallbackAxisSideDirection !== "none";
		if (!specifiedFallbackPlacements && hasFallbackAxisSideDirection) {
		fallbackPlacements.push(...getOppositeAxisPlacements(initialPlacement, flipAlignment, fallbackAxisSideDirection, rtl));
		}
		const placements2 = [initialPlacement, ...fallbackPlacements];
		const overflow = await platform2.detectOverflow(state, detectOverflowOptions);
		const overflows = [];
		let overflowsData = ((_middlewareData$flip = middlewareData.flip) == null ? void 0 : _middlewareData$flip.overflows) \|\| [];
		if (checkMainAxis) {
		overflows.push(overflow[side]);
		}
		if (checkCrossAxis) {
		const sides2 = getAlignmentSides(placement, rects, rtl);
		overflows.push(overflow[sides2[0]], overflow[sides2[1]]);
		}
		overflowsData = [...overflowsData, {
		placement,
		overflows
		}];
		if (!overflows.every((side2) => side2 <= 0)) {
		var _middlewareData$flip2, _overflowsData$filter;
		const nextIndex = (((_middlewareData$flip2 = middlewareData.flip) == null ? void 0 : _middlewareData$flip2.index) \|\| 0) + 1;
		const nextPlacement = placements2[nextIndex];
		if (nextPlacement) {
		const ignoreCrossAxisOverflow = checkCrossAxis === "alignment" ? initialSideAxis !== getSideAxis(nextPlacement) : false;
		if (!ignoreCrossAxisOverflow \|\| // We leave the current main axis only if every placement on that axis
		// overflows the main axis.
		overflowsData.every((d) => getSideAxis(d.placement) === initialSideAxis ? d.overflows[0] > 0 : true)) {
		return {
		data: {
		index: nextIndex,
		overflows: overflowsData
		},
		reset: {
		placement: nextPlacement
		}
		};
		}
		}
		let resetPlacement = (_overflowsData$filter = overflowsData.filter((d) => d.overflows[0] <= 0).sort((a, b) => a.overflows[1] - b.overflows[1])[0]) == null ? void 0 : _overflowsData$filter.placement;
		if (!resetPlacement) {
		switch (fallbackStrategy) {
		case "bestFit": {
		var _overflowsData$filter2;
		const placement2 = (_overflowsData$filter2 = overflowsData.filter((d) => {
		if (hasFallbackAxisSideDirection) {
		const currentSideAxis = getSideAxis(d.placement);
		return currentSideAxis === initialSideAxis \|\| // Create a bias to the `y` side axis due to horizontal
		// reading directions favoring greater width.
		currentSideAxis === "y";
		}
		return true;
		}).map((d) => [d.placement, d.overflows.filter((overflow2) => overflow2 > 0).reduce((acc, overflow2) => acc + overflow2, 0)]).sort((a, b) => a[1] - b[1])[0]) == null ? void 0 : _overflowsData$filter2[0];
		if (placement2) {
		resetPlacement = placement2;
		}
		break;
		}
		case "initialPlacement":
		resetPlacement = initialPlacement;
		break;
		}
		}
		if (placement !== resetPlacement) {
		return {
		reset: {
		placement: resetPlacement
		}
		};
		}
		}
		return {};
		}
		};
		};
		var originSides = /* @__PURE__ */ new Set(["left", "top"]);
		async function convertValueToCoords(state, options) {
		const {
		placement,
		platform: platform2,
		elements
		} = state;
		const rtl = await (platform2.isRTL == null ? void 0 : platform2.isRTL(elements.floating));
		const side = getSide(placement);
		const alignment = getAlignment(placement);
		const isVertical = getSideAxis(placement) === "y";
		const mainAxisMulti = originSides.has(side) ? -1 : 1;
		const crossAxisMulti = rtl && isVertical ? -1 : 1;
		const rawValue = evaluate(options, state);
		let {
		mainAxis,
		crossAxis,
		alignmentAxis
		} = typeof rawValue === "number" ? {
		mainAxis: rawValue,
		crossAxis: 0,
		alignmentAxis: null
		} : {
		mainAxis: rawValue.mainAxis \|\| 0,
		crossAxis: rawValue.crossAxis \|\| 0,
		alignmentAxis: rawValue.alignmentAxis
		};
		if (alignment && typeof alignmentAxis === "number") {
		crossAxis = alignment === "end" ? alignmentAxis * -1 : alignmentAxis;
		}
		return isVertical ? {
		x: crossAxis * crossAxisMulti,
		y: mainAxis * mainAxisMulti
		} : {
		x: mainAxis * mainAxisMulti,
		y: crossAxis * crossAxisMulti
		};
		}
		var offset = function(options) {
		if (options === void 0) {
		options = 0;
		}
		return {
		name: "offset",
		options,
		async fn(state) {
		var _middlewareData$offse, _middlewareData$arrow;
		const {
		x,
		y,
		placement,
		middlewareData
		} = state;
		const diffCoords = await convertValueToCoords(state, options);
		if (placement === ((_middlewareData$offse = middlewareData.offset) == null ? void 0 : _middlewareData$offse.placement) && (_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset) {
		return {};
		}
		return {
		x: x + diffCoords.x,
		y: y + diffCoords.y,
		data: {
		...diffCoords,
		placement
		}
		};
		}
		};
		};
		var shift = function(options) {
		if (options === void 0) {
		options = {};
		}
		return {
		name: "shift",
		options,
		async fn(state) {
		const {
		x,
		y,
		placement,
		platform: platform2
		} = state;
		const {
		mainAxis: checkMainAxis = true,
		crossAxis: checkCrossAxis = false,
		limiter = {
		fn: (_ref) => {
		let {
		x: x2,
		y: y2
		} = _ref;
		return {
		x: x2,
		y: y2
		};
		}
		},
		...detectOverflowOptions
		} = evaluate(options, state);
		const coords = {
		x,
		y
		};
		const overflow = await platform2.detectOverflow(state, detectOverflowOptions);
		const crossAxis = getSideAxis(placement);
		const mainAxis = getOppositeAxis(crossAxis);
		let mainAxisCoord = coords[mainAxis];
		let crossAxisCoord = coords[crossAxis];
		const clampCoord = (axis, coord) => clamp(coord + overflow[axis === "y" ? "top" : "left"], coord, coord - overflow[axis === "y" ? "bottom" : "right"]);
		if (checkMainAxis) {
		mainAxisCoord = clampCoord(mainAxis, mainAxisCoord);
		}
		if (checkCrossAxis) {
		crossAxisCoord = clampCoord(crossAxis, crossAxisCoord);
		}
		const limitedCoords = limiter.fn({
		...state,
		[mainAxis]: mainAxisCoord,
		[crossAxis]: crossAxisCoord
		});
		return {
		...limitedCoords,
		data: {
		x: limitedCoords.x - x,
		y: limitedCoords.y - y,
		enabled: {
		[mainAxis]: checkMainAxis,
		[crossAxis]: checkCrossAxis
		}
		}
		};
		}
		};
		};
		var size = function(options) {
		if (options === void 0) {
		options = {};
		}
		return {
		name: "size",
		options,
		async fn(state) {
		const {
		placement,
		rects,
		platform: platform2,
		elements
		} = state;
		const {
		apply = () => {
		},
		...detectOverflowOptions
		} = evaluate(options, state);
		const overflow = await platform2.detectOverflow(state, detectOverflowOptions);
		const side = getSide(placement);
		const alignment = getAlignment(placement);
		const isYAxis = getSideAxis(placement) === "y";
		const {
		width,
		height
		} = rects.floating;
		let heightSide;
		let widthSide;
		if (side === "top" \|\| side === "bottom") {
		heightSide = side;
		widthSide = alignment === (await (platform2.isRTL == null ? void 0 : platform2.isRTL(elements.floating)) ? "start" : "end") ? "left" : "right";
		} else {
		widthSide = side;
		heightSide = alignment === "end" ? "top" : "bottom";
		}
		const maximumClippingHeight = height - overflow.top - overflow.bottom;
		const maximumClippingWidth = width - overflow.left - overflow.right;
		const overflowAvailableHeight = min(height - overflow[heightSide], maximumClippingHeight);
		const overflowAvailableWidth = min(width - overflow[widthSide], maximumClippingWidth);
		const shiftData = state.middlewareData.shift;
		const noShift = !shiftData;
		let availableHeight = overflowAvailableHeight;
		let availableWidth = overflowAvailableWidth;
		if (shiftData != null && shiftData.enabled.x) {
		availableWidth = maximumClippingWidth;
		}
		if (shiftData != null && shiftData.enabled.y) {
		availableHeight = maximumClippingHeight;
		}
		if (noShift && !alignment) {
		if (isYAxis) {
		availableWidth = width - 2 * max(overflow.left, overflow.right);
		} else {
		availableHeight = height - 2 * max(overflow.top, overflow.bottom);
		}
		}
		await apply({
		...state,
		availableWidth,
		availableHeight
		});
		const nextDimensions = await platform2.getDimensions(elements.floating);
		if (width !== nextDimensions.width \|\| height !== nextDimensions.height) {
		return {
		reset: {
		rects: true
		}
		};
		}
		return {};
		}
		};
		};

		// node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.mjs
		function hasWindow() {
		return typeof window !== "undefined";
		}
		function getNodeName(node) {
		if (isNode(node)) {
		return (node.nodeName \|\| "").toLowerCase();
		}
		return "#document";
		}
		function getWindow(node) {
		var _node$ownerDocument;
		return (node == null \|\| (_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) \|\| window;
		}
		function getDocumentElement(node) {
		var _ref;
		return (_ref = (isNode(node) ? node.ownerDocument : node.document) \|\| window.document) == null ? void 0 : _ref.documentElement;
		}
		function isNode(value) {
		if (!hasWindow()) {
		return false;
		}
		return value instanceof Node \|\| value instanceof getWindow(value).Node;
		}
		function isElement(value) {
		if (!hasWindow()) {
		return false;
		}
		return value instanceof Element \|\| value instanceof getWindow(value).Element;
		}
		function isHTMLElement(value) {
		if (!hasWindow()) {
		return false;
		}
		return value instanceof HTMLElement \|\| value instanceof getWindow(value).HTMLElement;
		}
		function isShadowRoot(value) {
		if (!hasWindow() \|\| typeof ShadowRoot === "undefined") {
		return false;
		}
		return value instanceof ShadowRoot \|\| value instanceof getWindow(value).ShadowRoot;
		}
		function isOverflowElement(element) {
		const {
		overflow,
		overflowX,
		overflowY,
		display
		} = getComputedStyle2(element);
		return /auto\|scroll\|overlay\|hidden\|clip/.test(overflow + overflowY + overflowX) && display !== "inline" && display !== "contents";
		}
		function isTableElement(element) {
		return /^(table\|td\|th)$/.test(getNodeName(element));
		}
		function isTopLayer(element) {
		try {
		if (element.matches(":popover-open")) {
		return true;
		}
		} catch (_e) {
		}
		try {
		return element.matches(":modal");
		} catch (_e) {
		return false;
		}
		}
		var willChangeRe = /transform\|translate\|scale\|rotate\|perspective\|filter/;
		var containRe = /paint\|layout\|strict\|content/;
		var isNotNone = (value) => !!value && value !== "none";
		var isWebKitValue;
		function isContainingBlock(elementOrCss) {
		const css = isElement(elementOrCss) ? getComputedStyle2(elementOrCss) : elementOrCss;
		return isNotNone(css.transform) \|\| isNotNone(css.translate) \|\| isNotNone(css.scale) \|\| isNotNone(css.rotate) \|\| isNotNone(css.perspective) \|\| !isWebKit() && (isNotNone(css.backdropFilter) \|\| isNotNone(css.filter)) \|\| willChangeRe.test(css.willChange \|\| "") \|\| containRe.test(css.contain \|\| "");
		}
		function getContainingBlock(element) {
		let currentNode = getParentNode(element);
		while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {
		if (isContainingBlock(currentNode)) {
		return currentNode;
		} else if (isTopLayer(currentNode)) {
		return null;
		}
		currentNode = getParentNode(currentNode);
		}
		return null;
		}
		function isWebKit() {
		if (isWebKitValue == null) {
		isWebKitValue = typeof CSS !== "undefined" && CSS.supports && CSS.supports("-webkit-backdrop-filter", "none");
		}
		return isWebKitValue;
		}
		function isLastTraversableNode(node) {
		return /^(html\|body\|#document)$/.test(getNodeName(node));
		}
		function getComputedStyle2(element) {
		return getWindow(element).getComputedStyle(element);
		}
		function getNodeScroll(element) {
		if (isElement(element)) {
		return {
		scrollLeft: element.scrollLeft,
		scrollTop: element.scrollTop
		};
		}
		return {
		scrollLeft: element.scrollX,
		scrollTop: element.scrollY
		};
		}
		function getParentNode(node) {
		if (getNodeName(node) === "html") {
		return node;
		}
		const result = (
		// Step into the shadow DOM of the parent of a slotted node.
		node.assignedSlot \|\| // DOM Element detected.
		node.parentNode \|\| // ShadowRoot detected.
		isShadowRoot(node) && node.host \|\| // Fallback.
		getDocumentElement(node)
		);
		return isShadowRoot(result) ? result.host : result;
		}
		function getNearestOverflowAncestor(node) {
		const parentNode = getParentNode(node);
		if (isLastTraversableNode(parentNode)) {
		return (node.ownerDocument \|\| node).body;
		}
		if (isHTMLElement(parentNode) && isOverflowElement(parentNode)) {
		return parentNode;
		}
		return getNearestOverflowAncestor(parentNode);
		}
		function getOverflowAncestors(node, list, traverseIframes) {
		var _node$ownerDocument2;
		if (list === void 0) {
		list = [];
		}
		if (traverseIframes === void 0) {
		traverseIframes = true;
		}
		const scrollableAncestor = getNearestOverflowAncestor(node);
		const isBody = scrollableAncestor === ((_node$ownerDocument2 = node.ownerDocument) == null ? void 0 : _node$ownerDocument2.body);
		const win = getWindow(scrollableAncestor);
		if (isBody) {
		const frameElement = getFrameElement(win);
		return list.concat(win, win.visualViewport \|\| [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], frameElement && traverseIframes ? getOverflowAncestors(frameElement) : []);
		} else {
		return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, [], traverseIframes));
		}
		}
		function getFrameElement(win) {
		return win.parent && Object.getPrototypeOf(win.parent) ? win.frameElement : null;
		}

		// node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs
		function getCssDimensions(element) {
		const css = getComputedStyle2(element);
		let width = parseFloat(css.width) \|\| 0;
		let height = parseFloat(css.height) \|\| 0;
		const hasOffset = isHTMLElement(element);
		const offsetWidth = hasOffset ? element.offsetWidth : width;
		const offsetHeight = hasOffset ? element.offsetHeight : height;
		const shouldFallback = round(width) !== offsetWidth \|\| round(height) !== offsetHeight;
		if (shouldFallback) {
		width = offsetWidth;
		height = offsetHeight;
		}
		return {
		width,
		height,
		$: shouldFallback
		};
		}
		function unwrapElement(element) {
		return !isElement(element) ? element.contextElement : element;
		}
		function getScale(element) {
		const domElement = unwrapElement(element);
		if (!isHTMLElement(domElement)) {
		return createCoords(1);
		}
		const rect = domElement.getBoundingClientRect();
		const {
		width,
		height,
		$
		} = getCssDimensions(domElement);
		let x = ($ ? round(rect.width) : rect.width) / width;
		let y = ($ ? round(rect.height) : rect.height) / height;
		if (!x \|\| !Number.isFinite(x)) {
		x = 1;
		}
		if (!y \|\| !Number.isFinite(y)) {
		y = 1;
		}
		return {
		x,
		y
		};
		}
		var noOffsets = /* @__PURE__ */ createCoords(0);
		function getVisualOffsets(element) {
		const win = getWindow(element);
		if (!isWebKit() \|\| !win.visualViewport) {
		return noOffsets;
		}
		return {
		x: win.visualViewport.offsetLeft,
		y: win.visualViewport.offsetTop
		};
		}
		function shouldAddVisualOffsets(element, isFixed, floatingOffsetParent) {
		if (isFixed === void 0) {
		isFixed = false;
		}
		return !!floatingOffsetParent && isFixed && floatingOffsetParent === getWindow(element);
		}
		function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetParent) {
		if (includeScale === void 0) {
		includeScale = false;
		}
		if (isFixedStrategy === void 0) {
		isFixedStrategy = false;
		}
		const clientRect = element.getBoundingClientRect();
		const domElement = unwrapElement(element);
		let scale = createCoords(1);
		if (includeScale) {
		if (offsetParent) {
		if (isElement(offsetParent)) {
		scale = getScale(offsetParent);
		}
		} else {
		scale = getScale(element);
		}
		}
		const visualOffsets = shouldAddVisualOffsets(domElement, isFixedStrategy, offsetParent) ? getVisualOffsets(domElement) : createCoords(0);
		let x = (clientRect.left + visualOffsets.x) / scale.x;
		let y = (clientRect.top + visualOffsets.y) / scale.y;
		let width = clientRect.width / scale.x;
		let height = clientRect.height / scale.y;
		if (domElement && offsetParent) {
		const win = getWindow(domElement);
		const offsetWin = isElement(offsetParent) ? getWindow(offsetParent) : offsetParent;
		let currentWin = win;
		let currentIFrame = getFrameElement(currentWin);
		while (currentIFrame && offsetWin !== currentWin) {
		const iframeScale = getScale(currentIFrame);
		const iframeRect = currentIFrame.getBoundingClientRect();
		const css = getComputedStyle2(currentIFrame);
		const left = iframeRect.left + (currentIFrame.clientLeft + parseFloat(css.paddingLeft)) * iframeScale.x;
		const top = iframeRect.top + (currentIFrame.clientTop + parseFloat(css.paddingTop)) * iframeScale.y;
		x *= iframeScale.x;
		y *= iframeScale.y;
		width *= iframeScale.x;
		height *= iframeScale.y;
		x += left;
		y += top;
		currentWin = getWindow(currentIFrame);
		currentIFrame = getFrameElement(currentWin);
		}
		}
		return rectToClientRect({
		width,
		height,
		x,
		y
		});
		}
		function getWindowScrollBarX(element, rect) {
		const leftScroll = getNodeScroll(element).scrollLeft;
		if (!rect) {
		return getBoundingClientRect(getDocumentElement(element)).left + leftScroll;
		}
		return rect.left + leftScroll;
		}
		function getHTMLOffset(documentElement, scroll) {
		const htmlRect = documentElement.getBoundingClientRect();
		const x = htmlRect.left + scroll.scrollLeft - getWindowScrollBarX(documentElement, htmlRect);
		const y = htmlRect.top + scroll.scrollTop;
		return {
		x,
		y
		};
		}
		function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
		let {
		elements,
		rect,
		offsetParent,
		strategy
		} = _ref;
		const isFixed = strategy === "fixed";
		const documentElement = getDocumentElement(offsetParent);
		const topLayer = elements ? isTopLayer(elements.floating) : false;
		if (offsetParent === documentElement \|\| topLayer && isFixed) {
		return rect;
		}
		let scroll = {
		scrollLeft: 0,
		scrollTop: 0
		};
		let scale = createCoords(1);
		const offsets = createCoords(0);
		const isOffsetParentAnElement = isHTMLElement(offsetParent);
		if (isOffsetParentAnElement \|\| !isFixed) {
		if (getNodeName(offsetParent) !== "body" \|\| isOverflowElement(documentElement)) {
		scroll = getNodeScroll(offsetParent);
		}
		if (isOffsetParentAnElement) {
		const offsetRect = getBoundingClientRect(offsetParent);
		scale = getScale(offsetParent);
		offsets.x = offsetRect.x + offsetParent.clientLeft;
		offsets.y = offsetRect.y + offsetParent.clientTop;
		}
		}
		const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);
		return {
		width: rect.width * scale.x,
		height: rect.height * scale.y,
		x: rect.x * scale.x - scroll.scrollLeft * scale.x + offsets.x + htmlOffset.x,
		y: rect.y * scale.y - scroll.scrollTop * scale.y + offsets.y + htmlOffset.y
		};
		}
		function getClientRects(element) {
		return element.getClientRects ? Array.from(element.getClientRects()) : [];
		}
		function getDocumentRect(html) {
		const scroll = getNodeScroll(html);
		const body = html.ownerDocument.body;
		const width = max(html.scrollWidth, html.clientWidth, body.scrollWidth, body.clientWidth);
		const height = max(html.scrollHeight, html.clientHeight, body.scrollHeight, body.clientHeight);
		let x = -scroll.scrollLeft + getWindowScrollBarX(html);
		const y = -scroll.scrollTop;
		if (getComputedStyle2(body).direction === "rtl") {
		x += max(html.clientWidth, body.clientWidth) - width;
		}
		return {
		width,
		height,
		x,
		y
		};
		}
		var SCROLLBAR_MAX = 25;
		function getViewportRect(element, strategy, rootBoundary) {
		if (rootBoundary === void 0) {
		rootBoundary = "viewport";
		}
		const isLayoutViewport = rootBoundary === "layoutViewport";
		const win = getWindow(element);
		const html = getDocumentElement(element);
		const visualViewport = win.visualViewport;
		let width = html.clientWidth;
		let height = html.clientHeight;
		let x = 0;
		let y = 0;
		if (visualViewport) {
		const layoutRelativeClientCoords = !isWebKit() \|\| strategy === "fixed";
		if (isLayoutViewport) {
		if (!layoutRelativeClientCoords) {
		x = -visualViewport.offsetLeft;
		y = -visualViewport.offsetTop;
		}
		} else {
		width = visualViewport.width;
		height = visualViewport.height;
		if (layoutRelativeClientCoords) {
		x = visualViewport.offsetLeft;
		y = visualViewport.offsetTop;
		}
		}
		}
		const windowScrollbarX = getWindowScrollBarX(html);
		if (windowScrollbarX <= 0) {
		const doc = html.ownerDocument;
		const body = doc.body;
		const bodyStyles = getComputedStyle(body);
		const bodyMarginInline = doc.compatMode === "CSS1Compat" ? parseFloat(bodyStyles.marginLeft) + parseFloat(bodyStyles.marginRight) \|\| 0 : 0;
		const reservedWidth = Math.abs(html.clientWidth - body.clientWidth - bodyMarginInline);
		const gutter = getComputedStyle(html).scrollbarGutter === "stable both-edges" ? reservedWidth / 2 : reservedWidth;
		if (gutter <= SCROLLBAR_MAX) {
		width -= gutter;
		}
		}
		return {
		width,
		height,
		x,
		y
		};
		}
		function getInnerBoundingClientRect(element, strategy) {
		const clientRect = getBoundingClientRect(element, true, strategy === "fixed");
		const top = clientRect.top + element.clientTop;
		const left = clientRect.left + element.clientLeft;
		const scale = getScale(element);
		const width = element.clientWidth * scale.x;
		const height = element.clientHeight * scale.y;
		const x = left * scale.x;
		const y = top * scale.y;
		return {
		width,
		height,
		x,
		y
		};
		}
		function getClientRectFromClippingAncestor(element, clippingAncestor, strategy) {
		let rect;
		if (clippingAncestor === "viewport" \|\| clippingAncestor === "layoutViewport") {
		rect = getViewportRect(element, strategy, clippingAncestor);
		} else if (clippingAncestor === "document") {
		rect = getDocumentRect(getDocumentElement(element));
		} else if (isElement(clippingAncestor)) {
		rect = getInnerBoundingClientRect(clippingAncestor, strategy);
		} else {
		const visualOffsets = getVisualOffsets(element);
		rect = {
		x: clippingAncestor.x - visualOffsets.x,
		y: clippingAncestor.y - visualOffsets.y,
		width: clippingAncestor.width,
		height: clippingAncestor.height
		};
		}
		return rectToClientRect(rect);
		}
		function getClippingElementAncestors(element, cache) {
		const cachedResult = cache.get(element);
		if (cachedResult) {
		return cachedResult;
		}
		let result = getOverflowAncestors(element, [], false).filter((el) => isElement(el) && getNodeName(el) !== "body");
		let lastKeptComputedStyle = null;
		const elementIsFixed = getComputedStyle2(element).position === "fixed";
		let currentNode = elementIsFixed ? getParentNode(element) : element;
		while (isElement(currentNode) && !isLastTraversableNode(currentNode)) {
		const computedStyle = getComputedStyle2(currentNode);
		const currentNodeIsContaining = isContainingBlock(currentNode);
		const lastPosition = lastKeptComputedStyle ? lastKeptComputedStyle.position : elementIsFixed ? "fixed" : "";
		const shouldDropCurrentNode = !currentNodeIsContaining && (lastPosition === "fixed" \|\| lastPosition === "absolute" && computedStyle.position === "static");
		if (shouldDropCurrentNode) {
		result = result.filter((ancestor) => ancestor !== currentNode);
		} else {
		lastKeptComputedStyle = computedStyle;
		}
		currentNode = getParentNode(currentNode);
		}
		cache.set(element, result);
		return result;
		}
		function getClippingRect(_ref) {
		let {
		element,
		boundary,
		rootBoundary,
		strategy
		} = _ref;
		const elementClippingAncestors = boundary === "clippingAncestors" ? isTopLayer(element) ? [] : getClippingElementAncestors(element, this._c) : [].concat(boundary);
		const clippingAncestors = [...elementClippingAncestors, rootBoundary];
		const firstRect = getClientRectFromClippingAncestor(element, clippingAncestors[0], strategy);
		let top = firstRect.top;
		let right = firstRect.right;
		let bottom = firstRect.bottom;
		let left = firstRect.left;
		for (let i = 1; i < clippingAncestors.length; i++) {
		const rect = getClientRectFromClippingAncestor(element, clippingAncestors[i], strategy);
		top = max(rect.top, top);
		right = min(rect.right, right);
		bottom = min(rect.bottom, bottom);
		left = max(rect.left, left);
		}
		return {
		width: right - left,
		height: bottom - top,
		x: left,
		y: top
		};
		}
		function getDimensions(element) {
		const {
		width,
		height
		} = getCssDimensions(element);
		return {
		width,
		height
		};
		}
		function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
		const isOffsetParentAnElement = isHTMLElement(offsetParent);
		const documentElement = getDocumentElement(offsetParent);
		const isFixed = strategy === "fixed";
		const rect = getBoundingClientRect(element, true, isFixed, offsetParent);
		let scroll = {
		scrollLeft: 0,
		scrollTop: 0
		};
		const offsets = createCoords(0);
		if (isOffsetParentAnElement \|\| !isFixed) {
		if (getNodeName(offsetParent) !== "body" \|\| isOverflowElement(documentElement)) {
		scroll = getNodeScroll(offsetParent);
		}
		if (isOffsetParentAnElement) {
		const offsetRect = getBoundingClientRect(offsetParent, true, isFixed, offsetParent);
		offsets.x = offsetRect.x + offsetParent.clientLeft;
		offsets.y = offsetRect.y + offsetParent.clientTop;
		}
		}
		if (!isOffsetParentAnElement && documentElement) {
		offsets.x = getWindowScrollBarX(documentElement);
		}
		const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);
		const x = rect.left + scroll.scrollLeft - offsets.x - htmlOffset.x;
		const y = rect.top + scroll.scrollTop - offsets.y - htmlOffset.y;
		return {
		x,
		y,
		width: rect.width,
		height: rect.height
		};
		}
		function isStaticPositioned(element) {
		return getComputedStyle2(element).position === "static";
		}
		function getTrueOffsetParent(element, polyfill) {
		if (!isHTMLElement(element) \|\| getComputedStyle2(element).position === "fixed") {
		return null;
		}
		if (polyfill) {
		return polyfill(element);
		}
		let rawOffsetParent = element.offsetParent;
		if (getDocumentElement(element) === rawOffsetParent) {
		rawOffsetParent = rawOffsetParent.ownerDocument.body;
		}
		return rawOffsetParent;
		}
		function getOffsetParent(element, polyfill) {
		const win = getWindow(element);
		if (isTopLayer(element)) {
		return win;
		}
		if (!isHTMLElement(element)) {
		let svgOffsetParent = getParentNode(element);
		while (svgOffsetParent && !isLastTraversableNode(svgOffsetParent)) {
		if (isElement(svgOffsetParent) && !isStaticPositioned(svgOffsetParent)) {
		return svgOffsetParent;
		}
		svgOffsetParent = getParentNode(svgOffsetParent);
		}
		return win;
		}
		let offsetParent = getTrueOffsetParent(element, polyfill);
		while (offsetParent && isTableElement(offsetParent) && isStaticPositioned(offsetParent)) {
		offsetParent = getTrueOffsetParent(offsetParent, polyfill);
		}
		if (offsetParent && isLastTraversableNode(offsetParent) && isStaticPositioned(offsetParent) && !isContainingBlock(offsetParent)) {
		return win;
		}
		return offsetParent \|\| getContainingBlock(element) \|\| win;
		}
		var getElementRects = async function(data) {
		const getOffsetParentFn = this.getOffsetParent \|\| getOffsetParent;
		const getDimensionsFn = this.getDimensions;
		const floatingDimensions = await getDimensionsFn(data.floating);
		return {
		reference: getRectRelativeToOffsetParent(data.reference, await getOffsetParentFn(data.floating), data.strategy),
		floating: {
		x: 0,
		y: 0,
		width: floatingDimensions.width,
		height: floatingDimensions.height
		}
		};
		};
		function isRTL(element) {
		return getComputedStyle2(element).direction === "rtl";
		}
		var platform = {
		convertOffsetParentRelativeRectToViewportRelativeRect,
		getDocumentElement,
		getClippingRect,
		getOffsetParent,
		getElementRects,
		getClientRects,
		getDimensions,
		getScale,
		isElement,
		isRTL
		};
		function rectsAreEqual(a, b) {
		return a.x === b.x && a.y === b.y && a.width === b.width && a.height === b.height;
		}
		function observeMove(element, onMove, ancestorResize) {
		let io = null;
		let timeoutId;
		const root = getDocumentElement(element);
		function cleanup() {
		var _io;
		clearTimeout(timeoutId);
		(_io = io) == null \|\| _io.disconnect();
		io = null;
		}
		function refresh(skip, threshold) {
		if (skip === void 0) {
		skip = false;
		}
		if (threshold === void 0) {
		threshold = 1;
		}
		cleanup();
		const elementRectForRootMargin = element.getBoundingClientRect();
		const {
		left,
		top,
		width,
		height
		} = elementRectForRootMargin;
		if (!skip) {
		onMove();
		}
		if (!width \|\| !height) {
		return;
		}
		const insetTop = floor(top);
		const insetRight = floor(root.clientWidth - (left + width));
		const insetBottom = floor(root.clientHeight - (top + height));
		const insetLeft = floor(left);
		const rootMargin = -insetTop + "px " + -insetRight + "px " + -insetBottom + "px " + -insetLeft + "px";
		const options = {
		rootMargin,
		threshold: max(0, min(1, threshold)) \|\| 1
		};
		let isFirstUpdate = true;
		function handleObserve(entries) {
		const ratio = entries[0].intersectionRatio;
		if (!rectsAreEqual(elementRectForRootMargin, element.getBoundingClientRect())) {
		return refresh();
		}
		if (ratio !== threshold) {
		if (!isFirstUpdate) {
		return refresh();
		}
		if (!ratio) {
		timeoutId = setTimeout(() => {
		refresh(false, 1e-7);
		}, 1e3);
		} else {
		refresh(false, ratio);
		}
		}
		isFirstUpdate = false;
		}
		try {
		io = new IntersectionObserver(handleObserve, {
		...options,
		// Handle <iframe>s
		root: root.ownerDocument
		});
		} catch (_e) {
		io = new IntersectionObserver(handleObserve, options);
		}
		io.observe(element);
		}
		const win = getWindow(element);
		const handleResize = () => refresh(ancestorResize);
		win.addEventListener("resize", handleResize);
		refresh(true);
		return () => {
		win.removeEventListener("resize", handleResize);
		cleanup();
		};
		}
		function autoUpdate(reference, floating, update, options) {
		if (options === void 0) {
		options = {};
		}
		const {
		ancestorScroll = true,
		ancestorResize = true,
		elementResize = typeof ResizeObserver === "function",
		layoutShift = typeof IntersectionObserver === "function",
		animationFrame = false
		} = options;
		const referenceEl = unwrapElement(reference);
		const ancestors = ancestorScroll \|\| ancestorResize ? [...referenceEl ? getOverflowAncestors(referenceEl) : [], ...floating ? getOverflowAncestors(floating) : []] : [];
		ancestors.forEach((ancestor) => {
		ancestorScroll && ancestor.addEventListener("scroll", update);
		ancestorResize && ancestor.addEventListener("resize", update);
		});
		const cleanupIo = referenceEl && layoutShift ? observeMove(referenceEl, update, ancestorResize) : null;
		let reobserveFrame = -1;
		let resizeObserver = null;
		if (elementResize) {
		resizeObserver = new ResizeObserver((_ref) => {
		let [firstEntry] = _ref;
		if (firstEntry && firstEntry.target === referenceEl && resizeObserver && floating) {
		resizeObserver.unobserve(floating);
		cancelAnimationFrame(reobserveFrame);
		reobserveFrame = requestAnimationFrame(() => {
		var _resizeObserver;
		(_resizeObserver = resizeObserver) == null \|\| _resizeObserver.observe(floating);
		});
		}
		update();
		});
		if (referenceEl && !animationFrame) {
		resizeObserver.observe(referenceEl);
		}
		if (floating) {
		resizeObserver.observe(floating);
		}
		}
		let frameId;
		let prevRefRect = animationFrame ? getBoundingClientRect(reference) : null;
		if (animationFrame) {
		frameLoop();
		}
		function frameLoop() {
		const nextRefRect = getBoundingClientRect(reference);
		if (prevRefRect && !rectsAreEqual(prevRefRect, nextRefRect)) {
		update();
		}
		prevRefRect = nextRefRect;
		frameId = requestAnimationFrame(frameLoop);
		}
		update();
		return () => {
		var _resizeObserver2;
		ancestors.forEach((ancestor) => {
		ancestorScroll && ancestor.removeEventListener("scroll", update);
		ancestorResize && ancestor.removeEventListener("resize", update);
		});
		cleanupIo == null \|\| cleanupIo();
		(_resizeObserver2 = resizeObserver) == null \|\| _resizeObserver2.disconnect();
		resizeObserver = null;
		if (animationFrame) {
		cancelAnimationFrame(frameId);
		}
		};
		}
		var offset2 = offset;
		var shift2 = shift;
		var flip2 = flip;
		var size2 = size;
		var computePosition2 = (reference, floating, options) => {
		const cache = /* @__PURE__ */ new Map();
		const mergedOptions = options != null ? options : {};
		const platformWithCache = {
		...platform,
		...mergedOptions.platform,
		_c: cache
		};
		return computePosition(reference, floating, {
		...mergedOptions,
		platform: platformWithCache
		});
		};
		var isClient = typeof document !== "undefined";
		var noop = function noop2() {
		};
		var index = isClient ? useLayoutEffect : noop;
		function deepEqual(a, b) {
		if (a === b) {
		return true;
		}
		if (typeof a !== typeof b) {
		return false;
		}
		if (typeof a === "function" && a.toString() === b.toString()) {
		return true;
		}
		let length;
		let i;
		let keys;
		if (a && b && typeof a === "object") {
		if (Array.isArray(a)) {
		length = a.length;
		if (length !== b.length) return false;
		for (i = length; i-- !== 0; ) {
		if (!deepEqual(a[i], b[i])) {
		return false;
		}
		}
		return true;
		}
		keys = Object.keys(a);
		length = keys.length;
		if (length !== Object.keys(b).length) {
		return false;
		}
		for (i = length; i-- !== 0; ) {
		if (!{}.hasOwnProperty.call(b, keys[i])) {
		return false;
		}
		}
		for (i = length; i-- !== 0; ) {
		const key = keys[i];
		if (key === "_owner" && a.$$typeof) {
		continue;
		}
		if (!deepEqual(a[key], b[key])) {
		return false;
		}
		}
		return true;
		}
		return a !== a && b !== b;
		}
		function getDPR(element) {
		if (typeof window === "undefined") {
		return 1;
		}
		const win = element.ownerDocument.defaultView \|\| window;
		return win.devicePixelRatio \|\| 1;
		}
		function roundByDPR(element, value) {
		const dpr = getDPR(element);
		return Math.round(value * dpr) / dpr;
		}
		function useLatestRef(value) {
		const ref = React.useRef(value);
		index(() => {
		ref.current = value;
		});
		return ref;
		}
		function useFloating(options) {
		if (options === void 0) {
		options = {};
		}
		const {
		placement = "bottom",
		strategy = "absolute",
		middleware = [],
		platform: platform2,
		elements: {
		reference: externalReference,
		floating: externalFloating
		} = {},
		transform = true,
		whileElementsMounted,
		open
		} = options;
		const [data, setData] = React.useState({
		x: 0,
		y: 0,
		strategy,
		placement,
		middlewareData: {},
		isPositioned: false
		});
		const [latestMiddleware, setLatestMiddleware] = React.useState(middleware);
		if (!deepEqual(latestMiddleware, middleware)) {
		setLatestMiddleware(middleware);
		}
		const [_reference, _setReference] = React.useState(null);
		const [_floating, _setFloating] = React.useState(null);
		const setReference = React.useCallback((node) => {
		if (node !== referenceRef.current) {
		referenceRef.current = node;
		_setReference(node);
		}
		}, []);
		const setFloating = React.useCallback((node) => {
		if (node !== floatingRef.current) {
		floatingRef.current = node;
		_setFloating(node);
		}
		}, []);
		const referenceEl = externalReference \|\| _reference;
		const floatingEl = externalFloating \|\| _floating;
		const referenceRef = React.useRef(null);
		const floatingRef = React.useRef(null);
		const dataRef = React.useRef(data);
		const hasWhileElementsMounted = whileElementsMounted != null;
		const whileElementsMountedRef = useLatestRef(whileElementsMounted);
		const platformRef = useLatestRef(platform2);
		const openRef = useLatestRef(open);
		const update = React.useCallback(() => {
		if (!referenceRef.current \|\| !floatingRef.current) {
		return;
		}
		const config = {
		placement,
		strategy,
		middleware: latestMiddleware
		};
		if (platformRef.current) {
		config.platform = platformRef.current;
		}
		computePosition2(referenceRef.current, floatingRef.current, config).then((data2) => {
		const fullData = {
		...data2,
		// The floating element's position may be recomputed while it's closed
		// but still mounted (such as when transitioning out). To ensure
		// `isPositioned` will be `false` initially on the next open, avoid
		// setting it to `true` when `open === false` (must be specified).
		isPositioned: openRef.current !== false
		};
		if (isMountedRef.current && !deepEqual(dataRef.current, fullData)) {
		dataRef.current = fullData;
		ReactDOM.flushSync(() => {
		setData(fullData);
		});
		}
		});
		}, [latestMiddleware, placement, strategy, platformRef, openRef]);
		index(() => {
		if (open === false && dataRef.current.isPositioned) {
		dataRef.current.isPositioned = false;
		setData((data2) => ({
		...data2,
		isPositioned: false
		}));
		}
		}, [open]);
		const isMountedRef = React.useRef(false);
		index(() => {
		isMountedRef.current = true;
		return () => {
		isMountedRef.current = false;
		};
		}, []);
		index(() => {
		if (referenceEl) referenceRef.current = referenceEl;
		if (floatingEl) floatingRef.current = floatingEl;
		if (referenceEl && floatingEl) {
		if (whileElementsMountedRef.current) {
		return whileElementsMountedRef.current(referenceEl, floatingEl, update);
		}
		update();
		}
		}, [referenceEl, floatingEl, update, whileElementsMountedRef, hasWhileElementsMounted]);
		const refs = React.useMemo(() => ({
		reference: referenceRef,
		floating: floatingRef,
		setReference,
		setFloating
		}), [setReference, setFloating]);
		const elements = React.useMemo(() => ({
		reference: referenceEl,
		floating: floatingEl
		}), [referenceEl, floatingEl]);
		const floatingStyles = React.useMemo(() => {
		const initialStyles = {
		position: strategy,
		left: 0,
		top: 0
		};
		if (!elements.floating) {
		return initialStyles;
		}
		const x = roundByDPR(elements.floating, data.x);
		const y = roundByDPR(elements.floating, data.y);
		if (transform) {
		return {
		...initialStyles,
		transform: "translate(" + x + "px, " + y + "px)",
		...getDPR(elements.floating) >= 1.5 && {
		willChange: "transform"
		}
		};
		}
		return {
		position: strategy,
		left: x,
		top: y
		};
		}, [strategy, transform, elements.floating, data.x, data.y]);
		return React.useMemo(() => ({
		...data,
		update,
		refs,
		elements,
		floatingStyles
		}), [data, update, refs, elements, floatingStyles]);
		}
		var offset3 = (options, deps) => {
		const result = offset2(options);
		return {
		name: result.name,
		fn: result.fn,
		options: [options, deps]
		};
		};
		var shift3 = (options, deps) => {
		const result = shift2(options);
		return {
		name: result.name,
		fn: result.fn,
		options: [options, deps]
		};
		};
		var flip3 = (options, deps) => {
		const result = flip2(options);
		return {
		name: result.name,
		fn: result.fn,
		options: [options, deps]
		};
		};
		var size3 = (options, deps) => {
		const result = size2(options);
		return {
		name: result.name,
		fn: result.fn,
		options: [options, deps]
		};
		};
		function useDialogEscapeHatch(elementRef, enabled) {
		useLayoutEffect(() => {
		if (!enabled) return;
		const el = elementRef.current;
		if (!el) return;
		const stop = (e) => e.stopPropagation();
		el.addEventListener("pointerdown", stop);
		el.addEventListener("focusin", stop);
		const stopFocusOut = (e) => {
		if (e.relatedTarget instanceof Node && el.contains(e.relatedTarget)) {
		e.stopPropagation();
		}
		};
		document.addEventListener("focusout", stopFocusOut, { capture: true });
		return () => {
		el.removeEventListener("pointerdown", stop);
		el.removeEventListener("focusin", stop);
		document.removeEventListener("focusout", stopFocusOut, { capture: true });
		};
		}, [enabled, elementRef]);
		}
		function FloatingDropdownPortal({
		open,
		anchorRef,
		popoverRef,
		children,
		className,
		style,
		placementOptions,
		width = "anchor",
		id,
		role,
		"aria-label": ariaLabel
		}) {
		const gap = placementOptions?.offset ?? 4;
		const maxHeight = placementOptions?.maxHeight ?? 240;
		const { refs, floatingStyles, placement, isPositioned } = useFloating({
		open,
		strategy: "fixed",
		placement: "bottom-start",
		whileElementsMounted: autoUpdate,
		middleware: [
		offset3(gap),
		flip3({ padding: 8 }),
		shift3({ padding: 8 }),
		size3({
		padding: 8,
		apply({ rects, availableHeight, elements }) {
		elements.floating.style.width = width === "anchor" ? `${rects.reference.width}px` : `${width}px`;
		elements.floating.style.maxHeight = `${Math.min(maxHeight, availableHeight)}px`;
		}
		})
		]
		});
		useLayoutEffect(() => {
		refs.setReference(anchorRef.current);
		}, [refs, anchorRef, open]);
		const isOpen = open && isPositioned;
		const bypassScrollLockRef = useBypassModalScrollLock(isOpen);
		const setFloatingRef = useMemo(
		() => mergeRefs(popoverRef, refs.setFloating, bypassScrollLockRef),
		[popoverRef, refs, bypassScrollLockRef]
		);
		useDialogEscapeHatch(popoverRef, isOpen);
		if (!open \|\| typeof document === "undefined") return null;
		const side = placement.split("-")[0] === "top" ? "top" : "bottom";
		return createPortal(
		/* @__PURE__ */ jsx(
		"div",
		{
		ref: setFloatingRef,
		id,
		role,
		"aria-label": ariaLabel,
		"data-placement": side,
		className: cn("pointer-events-auto shadow-lg", className),
		style: {
		...floatingStyles,
		zIndex: 50,
		// Avoid a flash at (0,0) before the first measurement resolves. Uses
		// opacity rather than visibility: visibility:hidden makes descendants
		// unfocusable, which silently breaks callers (e.g. Combobox's
		// dropdown search input) that focus a child as soon as it mounts,
		// before `isPositioned` flips true.
		opacity: isPositioned ? 1 : 0,
		pointerEvents: isPositioned ? "auto" : "none",
		...style
		},
		children
		}
		),
		document.body
		);
		}
		function isOutsideFloatingDropdown(target, anchorRef, popoverRef) {
		if (anchorRef.current?.contains(target)) return false;
		if (popoverRef.current?.contains(target)) return false;
		return true;
		}

		export { FloatingDropdownPortal, isOutsideFloatingDropdown };
		//# sourceMappingURL=chunk-CLPW6X62.js.map
		//# sourceMappingURL=chunk-CLPW6X62.js.map

dist/chunk-CLPW6X62.js.map

Sorry, the diff of this file is too big to display

+53

dist/chunk-DCIGA44G.js

		'use client';
		import { StatusDot } from './chunk-VRFU3FNQ.js';
		import { cn } from './chunk-62DSK4IE.js';
		import { forwardRef } from 'react';
		import { jsxs, jsx } from 'react/jsx-runtime';

		var DockerStackCard = forwardRef(
		({ className, name, services, composePath, loading, ...props }, ref) => {
		const onlineCount = services.filter((s) => s.status === "online").length;
		const degraded = services.some((s) => s.status === "offline" \|\| s.status === "warning");
		const status = services.every((s) => s.status === "online") ? "online" : degraded ? "warning" : "offline";
		return /* @__PURE__ */ jsxs(
		"div",
		{
		ref,
		className: cn(
		"rounded-lg border bg-tollerud-surface-raised p-4",
		"transition-[border-color] duration-fast",
		status === "offline" && "border-tollerud-error/40",
		status === "warning" && "border-tollerud-yellow/30",
		status === "online" && "border-tollerud-border hover:border-tollerud-noir-500",
		loading && "animate-pulse",
		className
		),
		...props,
		children: [
		/* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-3", children: [
		/* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [
		/* @__PURE__ */ jsx(StatusDot, { status }),
		/* @__PURE__ */ jsx("span", { className: "font-semibold text-sm text-tollerud-foreground truncate", children: name })
		] }),
		/* @__PURE__ */ jsxs("span", { className: "text-xs text-tollerud-text-muted whitespace-nowrap ml-2", children: [
		onlineCount,
		"/",
		services.length,
		" healthy"
		] })
		] }),
		composePath && /* @__PURE__ */ jsx("div", { className: "text-[11px] text-tollerud-text-muted font-mono mb-2 truncate", children: composePath }),
		/* @__PURE__ / jsx("div", { className: "flex flex-col gap-1", children: services.map((svc) => / @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-xs", children: [
		/* @__PURE__ */ jsx("span", { className: "text-tollerud-text-secondary truncate", children: svc.name }),
		/* @__PURE__ */ jsx(StatusDot, { status: svc.status })
		] }, svc.name)) })
		]
		}
		);
		}
		);
		DockerStackCard.displayName = "DockerStackCard";

		export { DockerStackCard };
		//# sourceMappingURL=chunk-DCIGA44G.js.map
		//# sourceMappingURL=chunk-DCIGA44G.js.map

+1

dist/chunk-DCIGA44G.js.map

+35

dist/chunk-E6S6ASAQ.js

		'use client';
		import { useRef, useCallback } from 'react';

		// lib/bypass-modal-scroll-lock.ts
		function useBypassModalScrollLock(enabled) {
		const cleanupRef = useRef(null);
		return useCallback(
		(element) => {
		cleanupRef.current?.();
		cleanupRef.current = null;
		if (!enabled \|\| !element) return;
		const stopCapture = (event) => {
		event.stopImmediatePropagation();
		};
		const stopBubble = (event) => {
		event.stopPropagation();
		};
		element.addEventListener("wheel", stopCapture, { capture: true, passive: false });
		element.addEventListener("touchmove", stopCapture, { capture: true, passive: false });
		element.addEventListener("wheel", stopBubble, { passive: false });
		element.addEventListener("touchmove", stopBubble, { passive: false });
		cleanupRef.current = () => {
		element.removeEventListener("wheel", stopCapture, { capture: true });
		element.removeEventListener("touchmove", stopCapture, { capture: true });
		element.removeEventListener("wheel", stopBubble);
		element.removeEventListener("touchmove", stopBubble);
		};
		},
		[enabled]
		);
		}

		export { useBypassModalScrollLock };
		//# sourceMappingURL=chunk-E6S6ASAQ.js.map
		//# sourceMappingURL=chunk-E6S6ASAQ.js.map

+1

dist/chunk-E6S6ASAQ.js.map

{"version":3,"sources":["../lib/bypass-modal-scroll-lock.ts"],"names":[],"mappings":";;;AAkBO,SAAS,yBAAyB,OAAA,EAA4C;AACnF,EAAA,MAAM,UAAA,GAAa,OAA4B,IAAI,CAAA;AAEnD,EAAA,OAAO,WAAA;AAAA,IACL,CAAC,OAAA,KAAgC;AAC/B,MAAA,UAAA,CAAW,OAAA,IAAU;AACrB,MAAA,UAAA,CAAW,OAAA,GAAU,IAAA;AAErB,MAAA,IAAI,CAAC,OAAA,IAAW,CAAC,OAAA,EAAS;AAE1B,MAAA,MAAM,WAAA,GAAc,CAAC,KAAA,KAAiB;AACpC,QAAA,KAAA,CAAM,wBAAA,EAAyB;AAAA,MACjC,CAAA;AACA,MAAA,MAAM,UAAA,GAAa,CAAC,KAAA,KAAiB;AACnC,QAAA,KAAA,CAAM,eAAA,EAAgB;AAAA,MACxB,CAAA;AAEA,MAAA,OAAA,CAAQ,gBAAA,CAAiB,SAAS,WAAA,EAAa,EAAE,SAAS,IAAA,EAAM,OAAA,EAAS,OAAO,CAAA;AAChF,MAAA,OAAA,CAAQ,gBAAA,CAAiB,aAAa,WAAA,EAAa,EAAE,SAAS,IAAA,EAAM,OAAA,EAAS,OAAO,CAAA;AACpF,MAAA,OAAA,CAAQ,iBAAiB,OAAA,EAAS,UAAA,EAAY,EAAE,OAAA,EAAS,OAAO,CAAA;AAChE,MAAA,OAAA,CAAQ,iBAAiB,WAAA,EAAa,UAAA,EAAY,EAAE,OAAA,EAAS,OAAO,CAAA;AAEpE,MAAA,UAAA,CAAW,UAAU,MAAM;AACzB,QAAA,OAAA,CAAQ,oBAAoB,OAAA,EAAS,WAAA,EAAa,EAAE,OAAA,EAAS,MAAM,CAAA;AACnE,QAAA,OAAA,CAAQ,oBAAoB,WAAA,EAAa,WAAA,EAAa,EAAE,OAAA,EAAS,MAAM,CAAA;AACvE,QAAA,OAAA,CAAQ,mBAAA,CAAoB,SAAS,UAAU,CAAA;AAC/C,QAAA,OAAA,CAAQ,mBAAA,CAAoB,aAAa,UAAU,CAAA;AAAA,MACrD,CAAA;AAAA,IACF,CAAA;AAAA,IACA,CAAC,OAAO;AAAA,GACV;AACF","file":"chunk-E6S6ASAQ.js","sourcesContent":["'use client'\n\nimport { useCallback, useRef, type RefCallback } from 'react'\n\n/**\n * Radix Dialog/Sheet uses react-remove-scroll on document. Portalled dropdowns sit\n * outside dialog content shards, so wheel/touch hit preventDefault on document.\n *\n * Native listeners on the portal element stop propagation before document handlers run.\n * Pair with `pointer-events-auto` on the same node when body is scroll-locked/inert.\n *\n * Implemented as a ref callback (not a `useLayoutEffect` keyed off a ref object) because\n * the target element (e.g. Radix DropdownMenuContent) unmounts/remounts on every\n * open/close — a `useRef` + effect with a stable dependency array only gets one shot at\n * attaching, at the wrapper component's initial mount, which is almost always *before*\n * the dropdown's first open. A callback ref instead fires exactly when the real node\n * mounts and unmounts, every time, so it reattaches on every open.\n */\nexport function useBypassModalScrollLock(enabled: boolean): RefCallback<HTMLElement> {\n const cleanupRef = useRef<(() => void) | null>(null)\n\n return useCallback(\n (element: HTMLElement | null) => {\n cleanupRef.current?.()\n cleanupRef.current = null\n\n if (!enabled || !element) return\n\n const stopCapture = (event: Event) => {\n event.stopImmediatePropagation()\n }\n const stopBubble = (event: Event) => {\n event.stopPropagation()\n }\n\n element.addEventListener('wheel', stopCapture, { capture: true, passive: false })\n element.addEventListener('touchmove', stopCapture, { capture: true, passive: false })\n element.addEventListener('wheel', stopBubble, { passive: false })\n element.addEventListener('touchmove', stopBubble, { passive: false })\n\n cleanupRef.current = () => {\n element.removeEventListener('wheel', stopCapture, { capture: true })\n element.removeEventListener('touchmove', stopCapture, { capture: true })\n element.removeEventListener('wheel', stopBubble)\n element.removeEventListener('touchmove', stopBubble)\n }\n },\n [enabled]\n )\n}\n"]}

+66

dist/chunk-FVJ7MV7Y.js

		'use client';
		import { StatusDot } from './chunk-VRFU3FNQ.js';
		import { cn } from './chunk-62DSK4IE.js';
		import { forwardRef } from 'react';
		import { jsxs, jsx } from 'react/jsx-runtime';

		var BackupStatusPanel = forwardRef(
		({ className, jobs, totalSize, lastFullBackup, loading, ...props }, ref) => {
		const failed = jobs.filter((j) => j.status === "offline").length;
		return /* @__PURE__ */ jsxs(
		"div",
		{
		ref,
		className: cn(
		"rounded-lg border border-tollerud-border bg-tollerud-surface-raised",
		loading && "animate-pulse",
		className
		),
		...props,
		children: [
		/* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-4 py-3 border-b border-tollerud-border", children: [
		/* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-tollerud-foreground", children: "Backups" }),
		/* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 text-[11px] text-tollerud-text-muted", children: [
		totalSize && /* @__PURE__ */ jsx("span", { children: totalSize }),
		lastFullBackup && /* @__PURE__ */ jsxs("span", { children: [
		"Last full: ",
		lastFullBackup
		] })
		] })
		] }),
		/* @__PURE__ */ jsxs("div", { className: "p-1", children: [
		jobs.length === 0 && /* @__PURE__ */ jsx("div", { className: "px-3 py-6 text-xs text-center text-tollerud-text-muted", children: "No backup jobs configured" }),
		jobs.map((job) => /* @__PURE__ */ jsxs(
		"div",
		{
		className: "flex items-center justify-between px-3 py-2 rounded-md hover:bg-tollerud-noir-800/50 transition-colors",
		children: [
		/* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: [
		/* @__PURE__ */ jsx(StatusDot, { status: job.status }),
		/* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-tollerud-foreground truncate", children: job.name })
		] }),
		/* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 text-[11px] text-tollerud-text-muted flex-shrink-0 ml-2", children: [
		job.size && /* @__PURE__ */ jsx("span", { children: job.size }),
		job.target && /* @__PURE__ */ jsx("span", { className: "hidden sm:inline font-mono", children: job.target })
		] })
		]
		},
		job.name
		))
		] }),
		failed > 0 && /* @__PURE__ / jsx("div", { className: "px-4 py-2 border-t border-tollerud-border", children: / @__PURE__ */ jsxs("span", { className: "text-[11px] text-tollerud-error", children: [
		failed,
		" job",
		failed !== 1 ? "s" : "",
		" failed \u2014 check logs"
		] }) })
		]
		}
		);
		}
		);
		BackupStatusPanel.displayName = "BackupStatusPanel";

		export { BackupStatusPanel };
		//# sourceMappingURL=chunk-FVJ7MV7Y.js.map
		//# sourceMappingURL=chunk-FVJ7MV7Y.js.map

+1

dist/chunk-FVJ7MV7Y.js.map

+26

dist/chunk-FZI7IBJ3.js

		'use client';
		import { useSyncExternalStore } from 'react';

		// lib/use-mobile.ts
		var MOBILE_MEDIA_QUERY = "(max-width: 767px)";
		function subscribe(onStoreChange) {
		if (typeof window.matchMedia !== "function") return () => {
		};
		const mq = window.matchMedia(MOBILE_MEDIA_QUERY);
		mq.addEventListener("change", onStoreChange);
		return () => mq.removeEventListener("change", onStoreChange);
		}
		function getSnapshot() {
		if (typeof window.matchMedia !== "function") return false;
		return window.matchMedia(MOBILE_MEDIA_QUERY).matches;
		}
		function getServerSnapshot() {
		return false;
		}
		function useIsMobile() {
		return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
		}

		export { useIsMobile };
		//# sourceMappingURL=chunk-FZI7IBJ3.js.map
		//# sourceMappingURL=chunk-FZI7IBJ3.js.map

+1

dist/chunk-FZI7IBJ3.js.map

{"version":3,"sources":["../lib/use-mobile.ts"],"names":[],"mappings":";;;AAKA,IAAM,kBAAA,GAAqB,oBAAA;AAE3B,SAAS,UAAU,aAAA,EAA2B;AAC5C,EAAA,IAAI,OAAO,MAAA,CAAO,UAAA,KAAe,UAAA,SAAmB,MAAM;AAAA,EAAC,CAAA;AAC3D,EAAA,MAAM,EAAA,GAAK,MAAA,CAAO,UAAA,CAAW,kBAAkB,CAAA;AAC/C,EAAA,EAAA,CAAG,gBAAA,CAAiB,UAAU,aAAa,CAAA;AAC3C,EAAA,OAAO,MAAM,EAAA,CAAG,mBAAA,CAAoB,QAAA,EAAU,aAAa,CAAA;AAC7D;AAEA,SAAS,WAAA,GAAc;AACrB,EAAA,IAAI,OAAO,MAAA,CAAO,UAAA,KAAe,UAAA,EAAY,OAAO,KAAA;AACpD,EAAA,OAAO,MAAA,CAAO,UAAA,CAAW,kBAAkB,CAAA,CAAE,OAAA;AAC/C;AAEA,SAAS,iBAAA,GAAoB;AAC3B,EAAA,OAAO,KAAA;AACT;AAEO,SAAS,WAAA,GAAc;AAC5B,EAAA,OAAO,oBAAA,CAAqB,SAAA,EAAW,WAAA,EAAa,iBAAiB,CAAA;AACvE","file":"chunk-FZI7IBJ3.js","sourcesContent":["'use client'\n\nimport { useSyncExternalStore } from 'react'\n\n/** Tailwind `md` breakpoint — viewports below 768px. */\nconst MOBILE_MEDIA_QUERY = '(max-width: 767px)'\n\nfunction subscribe(onStoreChange: () => void) {\n if (typeof window.matchMedia !== 'function') return () => {}\n const mq = window.matchMedia(MOBILE_MEDIA_QUERY)\n mq.addEventListener('change', onStoreChange)\n return () => mq.removeEventListener('change', onStoreChange)\n}\n\nfunction getSnapshot() {\n if (typeof window.matchMedia !== 'function') return false\n return window.matchMedia(MOBILE_MEDIA_QUERY).matches\n}\n\nfunction getServerSnapshot() {\n return false\n}\n\nexport function useIsMobile() {\n return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot)\n}\n"]}

+16

dist/chunk-GTKO7UEG.js

		'use client';
		// lib/motion.ts
		var motionDuration = {
		fast: 0.15,
		normal: 0.25,
		slow: 0.35
		};
		var motionEase = {
		out: [0.16, 1, 0.3, 1],
		in: [0.7, 0, 0.84, 0],
		inOut: [0.4, 0, 0.2, 1]
		};

		export { motionDuration, motionEase };
		//# sourceMappingURL=chunk-GTKO7UEG.js.map
		//# sourceMappingURL=chunk-GTKO7UEG.js.map

+1

dist/chunk-GTKO7UEG.js.map

{"version":3,"sources":["../lib/motion.ts"],"names":[],"mappings":";AAMO,IAAM,cAAA,GAAiB;AAAA,EAC5B,IAAA,EAAM,IAAA;AAAA,EACN,MAAA,EAAQ,IAAA;AAAA,EACR,IAAA,EAAM;AACR;AAEO,IAAM,UAAA,GAAa;AAAA,EACxB,GAAA,EAAK,CAAC,IAAA,EAAM,CAAA,EAAG,KAAK,CAAC,CAAA;AAAA,EACrB,EAAA,EAAI,CAAC,GAAA,EAAK,CAAA,EAAG,MAAM,CAAC,CAAA;AAAA,EACpB,KAAA,EAAO,CAAC,GAAA,EAAK,CAAA,EAAG,KAAK,CAAC;AACxB","file":"chunk-GTKO7UEG.js","sourcesContent":["// Mirrors the --motion-duration-* / --motion-ease-* custom properties in\n// globals-layers.css. JS-side motion libraries (e.g. framer-motion) can't\n// consume CSS custom properties directly, so these constants exist to keep\n// JS-driven animation in sync with the CSS/Tailwind motion tokens instead of\n// hardcoding independent values. Keep both in sync by hand.\n\nexport const motionDuration = {\n fast: 0.15,\n normal: 0.25,\n slow: 0.35,\n} as const\n\nexport const motionEase = {\n out: [0.16, 1, 0.3, 1],\n in: [0.7, 0, 0.84, 0],\n inOut: [0.4, 0, 0.2, 1],\n} as const\n"]}

+27

dist/chunk-H42Y7WN3.js

		'use client';
		import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetDescription } from './chunk-HBK2UI3O.js';
		import { jsx, jsxs } from 'react/jsx-runtime';

		function Drawer({
		open,
		onClose,
		side = "right",
		title,
		description,
		children,
		footer,
		width = 380
		}) {
		return /* @__PURE__ / jsx(Sheet, { open, onOpenChange: (next) => !next && onClose?.(), children: / @__PURE__ */ jsxs(SheetContent, { side, style: { maxWidth: width }, title: typeof title === "string" ? title : "Drawer", className: "flex flex-col", children: [
		(title \|\| description) && /* @__PURE__ */ jsxs(SheetHeader, { children: [
		title ? /* @__PURE__ */ jsx(SheetTitle, { children: title }) : null,
		description ? /* @__PURE__ */ jsx(SheetDescription, { children: description }) : null
		] }),
		/* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto py-4", children }),
		footer ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-end gap-2 border-t border-tollerud-border pt-4", children: footer }) : null
		] }) });
		}

		export { Drawer };
		//# sourceMappingURL=chunk-H42Y7WN3.js.map
		//# sourceMappingURL=chunk-H42Y7WN3.js.map

+1

dist/chunk-H42Y7WN3.js.map

{"version":3,"sources":["../components/Drawer.tsx"],"names":[],"mappings":";;;AAyBA,SAAS,MAAA,CAAO;AAAA,EACd,IAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAA,GAAO,OAAA;AAAA,EACP,KAAA;AAAA,EACA,WAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA,GAAQ;AACV,CAAA,EAAgB;AACd,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAM,IAAA,EAAY,YAAA,EAAc,CAAC,SAAS,CAAC,IAAA,IAAQ,OAAA,IAAU,EAC5D,QAAA,kBAAA,IAAA,CAAC,YAAA,EAAA,EAAa,MAAY,KAAA,EAAO,EAAE,QAAA,EAAU,KAAA,EAAM,EAAG,KAAA,EAAO,OAAO,KAAA,KAAU,QAAA,GAAW,KAAA,GAAQ,QAAA,EAAU,SAAA,EAAU,eAAA,EACjH,QAAA,EAAA;AAAA,IAAA,CAAA,KAAA,IAAS,WAAA,0BACR,WAAA,EAAA,EACE,QAAA,EAAA;AAAA,MAAA,KAAA,mBAAQ,GAAA,CAAC,UAAA,EAAA,EAAY,QAAA,EAAA,KAAA,EAAM,CAAA,GAAgB,IAAA;AAAA,MAC3C,WAAA,mBAAc,GAAA,CAAC,gBAAA,EAAA,EAAkB,QAAA,EAAA,WAAA,EAAY,CAAA,GAAsB;AAAA,KAAA,EACtE,CAAA;AAAA,oBAEF,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,6BAAA,EAA+B,QAAA,EAAS,CAAA;AAAA,IACtD,yBACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,0EAAA,EACZ,kBACH,CAAA,GACE;AAAA,GAAA,EACN,CAAA,EACF,CAAA;AAEJ","file":"chunk-H42Y7WN3.js","sourcesContent":["'use client'\n\nimport { type ReactNode } from 'react'\nimport {\n Sheet,\n SheetContent,\n SheetDescription,\n SheetHeader,\n SheetTitle,\n} from './Sheet'\n\nexport type DrawerSide = 'left' | 'right'\n\nexport interface DrawerProps {\n open: boolean\n onClose?: () => void\n side?: DrawerSide\n title?: ReactNode\n description?: ReactNode\n children?: ReactNode\n footer?: ReactNode\n /** Panel width in pixels (maps to max-width on SheetContent) */\n width?: number\n}\n\nfunction Drawer({\n open,\n onClose,\n side = 'right',\n title,\n description,\n children,\n footer,\n width = 380,\n}: DrawerProps) {\n return (\n <Sheet open={open} onOpenChange={(next) => !next && onClose?.()}>\n <SheetContent side={side} style={{ maxWidth: width }} title={typeof title === 'string' ? title : 'Drawer'} className=\"flex flex-col\">\n {(title || description) && (\n <SheetHeader>\n {title ? <SheetTitle>{title}</SheetTitle> : null}\n {description ? <SheetDescription>{description}</SheetDescription> : null}\n </SheetHeader>\n )}\n <div className=\"flex-1 overflow-y-auto py-4\">{children}</div>\n {footer ? (\n <div className=\"flex items-center justify-end gap-2 border-t border-tollerud-border pt-4\">\n {footer}\n </div>\n ) : null}\n </SheetContent>\n </Sheet>\n )\n}\n\nexport { Drawer }\n"]}

+135

dist/chunk-HBK2UI3O.js

		'use client';
		import { motionEase, motionDuration } from './chunk-GTKO7UEG.js';
		import { cn } from './chunk-62DSK4IE.js';
		import * as DialogPrimitive from '@radix-ui/react-dialog';
		import { useControllableState } from '@radix-ui/react-use-controllable-state';
		import { useReducedMotion, AnimatePresence, motion } from 'framer-motion';
		import { createContext, forwardRef, useContext, Children, isValidElement } from 'react';
		import { jsx, jsxs } from 'react/jsx-runtime';

		var SheetOpenContext = createContext(false);
		var Sheet = ({ open, defaultOpen = false, onOpenChange, children }) => {
		const [isOpen, setIsOpen] = useControllableState({
		prop: open,
		defaultProp: defaultOpen,
		onChange: onOpenChange
		});
		return /* @__PURE__ / jsx(DialogPrimitive.Root, { open: isOpen, onOpenChange: setIsOpen, children: / @__PURE__ */ jsx(SheetOpenContext.Provider, { value: isOpen ?? false, children }) });
		};
		var SheetTrigger = DialogPrimitive.Trigger;
		var SheetClose = DialogPrimitive.Close;
		function treeContainsDisplayName(node, displayName) {
		let found = false;
		Children.forEach(node, (child) => {
		if (found \|\| !isValidElement(child)) return;
		if (child.type.displayName === displayName) {
		found = true;
		return;
		}
		const props = child.props;
		if (props.children && treeContainsDisplayName(props.children, displayName)) {
		found = true;
		}
		});
		return found;
		}
		var sideOffset = {
		right: "100%",
		left: "-100%"
		};
		var SheetContent = forwardRef(
		({
		className,
		children,
		side = "right",
		title = "Panel",
		onOpenAutoFocus,
		onCloseAutoFocus,
		onEscapeKeyDown,
		onPointerDownOutside,
		onInteractOutside,
		style,
		...props
		}, ref) => {
		const isOpen = useContext(SheetOpenContext);
		const prefersReducedMotion = useReducedMotion();
		const enterTransition = prefersReducedMotion ? { duration: 0 } : { duration: motionDuration.normal, ease: motionEase.out };
		const exitTransition = prefersReducedMotion ? { duration: 0 } : { duration: motionDuration.normal, ease: motionEase.in };
		const offset = sideOffset[side];
		return /* @__PURE__ / jsx(AnimatePresence, { children: isOpen && / @__PURE__ */ jsxs(DialogPrimitive.Portal, { forceMount: true, children: [
		/* @__PURE__ / jsx(DialogPrimitive.Overlay, { asChild: true, forceMount: true, children: / @__PURE__ */ jsx(
		motion.div,
		{
		className: "tollerud-sheet-overlay",
		initial: { opacity: 0 },
		animate: { opacity: 1, transition: enterTransition },
		exit: { opacity: 0, transition: exitTransition }
		}
		) }),
		/* @__PURE__ */ jsx(
		DialogPrimitive.Content,
		{
		asChild: true,
		forceMount: true,
		onOpenAutoFocus,
		onCloseAutoFocus,
		onEscapeKeyDown,
		onPointerDownOutside,
		onInteractOutside,
		children: /* @__PURE__ */ jsxs(
		motion.div,
		{
		ref,
		style,
		className: cn(
		"tollerud-sheet-panel fixed z-50 flex gap-4 bg-tollerud-noir-900 border-tollerud-border/30 p-6 shadow-xl",
		side === "right" && ["inset-y-0 right-0 h-full w-full max-w-md border-l"],
		side === "left" && ["inset-y-0 left-0 h-full w-full max-w-md border-r"],
		className
		),
		initial: { x: offset },
		animate: { x: 0, transition: enterTransition },
		exit: { x: offset, transition: exitTransition },
		...props,
		children: [
		!treeContainsDisplayName(children, "SheetTitle") && /* @__PURE__ */ jsx(DialogPrimitive.Title, { className: "tollerud-sr-only", children: title }),
		children,
		/* @__PURE__ */ jsxs(SheetClose, { className: "absolute right-4 top-4 rounded-sm opacity-70 hover:opacity-100 transition-opacity duration-fast text-tollerud-text-muted hover:text-tollerud-text-primary", children: [
		/* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
		/* @__PURE__ */ jsx("path", { d: "M18 6 6 18" }),
		/* @__PURE__ */ jsx("path", { d: "m6 6 12 12" })
		] }),
		/* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
		] })
		]
		}
		)
		}
		)
		] }) });
		}
		);
		SheetContent.displayName = "SheetContent";
		var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("flex flex-col space-y-1.5 text-left", className), ...props });
		var SheetTitle = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
		DialogPrimitive.Title,
		{
		ref,
		className: cn("text-base font-semibold text-tollerud-text-primary", className),
		...props
		}
		));
		SheetTitle.displayName = "SheetTitle";
		var SheetDescription = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
		DialogPrimitive.Description,
		{
		ref,
		className: cn("text-sm text-tollerud-text-secondary", className),
		...props
		}
		));
		SheetDescription.displayName = "SheetDescription";

		export { Sheet, SheetClose, SheetContent, SheetDescription, SheetHeader, SheetTitle, SheetTrigger };
		//# sourceMappingURL=chunk-HBK2UI3O.js.map
		//# sourceMappingURL=chunk-HBK2UI3O.js.map

+1

dist/chunk-HBK2UI3O.js.map

+168

dist/chunk-JZDRLKBU.js

		'use client';
		import { FloatingDropdownPortal } from './chunk-CLPW6X62.js';
		import { cn } from './chunk-62DSK4IE.js';
		import { useId, useRef, useState, useMemo, useEffect } from 'react';
		import { Calendar, ChevronLeft, ChevronRight } from 'lucide-react';
		import { jsxs, jsx } from 'react/jsx-runtime';

		var defaultFormat = (date) => date.toLocaleDateString(void 0, { year: "numeric", month: "short", day: "numeric" });
		function isSameDay(a, b) {
		return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
		}
		function startOfMonth(date) {
		return new Date(date.getFullYear(), date.getMonth(), 1);
		}
		function buildCalendarGrid(monthDate) {
		const first = startOfMonth(monthDate);
		const startWeekday = first.getDay();
		const daysInMonth = new Date(monthDate.getFullYear(), monthDate.getMonth() + 1, 0).getDate();
		const cells = [];
		for (let i = 0; i < startWeekday; i++) cells.push(null);
		for (let d = 1; d <= daysInMonth; d++) cells.push(new Date(monthDate.getFullYear(), monthDate.getMonth(), d));
		return cells;
		}
		var WEEKDAYS = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
		function DatePicker({
		value: valueProp,
		defaultValue = null,
		onChange,
		label,
		error,
		placeholder = "Select a date",
		formatDate = defaultFormat,
		className,
		disabled,
		required
		}) {
		const id = useId();
		const autoErrorId = useId();
		const errorId = error ? autoErrorId : void 0;
		const rootRef = useRef(null);
		const anchorRef = useRef(null);
		const panelRef = useRef(null);
		const isControlled = valueProp !== void 0;
		const [internalValue, setInternalValue] = useState(defaultValue);
		const value = isControlled ? valueProp ?? null : internalValue;
		const [open, setOpen] = useState(false);
		const [viewMonth, setViewMonth] = useState(() => startOfMonth(value ?? /* @__PURE__ */ new Date()));
		const cells = useMemo(() => buildCalendarGrid(viewMonth), [viewMonth]);
		useEffect(() => {
		if (!open) return;
		function onClickOutside(e) {
		const target = e.target;
		if (rootRef.current?.contains(target)) return;
		if (panelRef.current?.contains(target)) return;
		setOpen(false);
		}
		document.addEventListener("mousedown", onClickOutside);
		return () => {
		document.removeEventListener("mousedown", onClickOutside);
		};
		}, [open]);
		const select = (date) => {
		if (!isControlled) setInternalValue(date);
		onChange?.(date);
		setOpen(false);
		};
		return /* @__PURE__ */ jsxs("div", { ref: rootRef, className: cn("relative flex flex-col gap-1", className), children: [
		label && /* @__PURE__ */ jsxs("label", { htmlFor: id, className: "text-xs font-medium text-tollerud-text-muted", children: [
		label,
		required && /* @__PURE__ / jsx("span", { "aria-hidden": "true", className: "ml-0.5 text-tollerud-error", children: "" })
		] }),
		/* @__PURE__ */ jsxs(
		"button",
		{
		ref: anchorRef,
		id,
		type: "button",
		disabled,
		onClick: () => {
		setViewMonth(startOfMonth(value ?? /* @__PURE__ */ new Date()));
		setOpen((o) => !o);
		},
		"aria-haspopup": "dialog",
		"aria-expanded": open,
		"aria-describedby": errorId,
		className: cn(
		"flex w-full items-center justify-between gap-2 rounded px-3 py-2.5 text-left text-base",
		"bg-tollerud-surface-raised border",
		"transition-[border-color] duration-fast",
		"focus:outline-none focus:border-tollerud-yellow focus:shadow-[0_0_0_1px_var(--tollerud-yellow-warm,#E8D500)]",
		error ? "border-tollerud-error" : "border-tollerud-border",
		value ? "text-tollerud-text-primary" : "text-tollerud-text-muted",
		disabled && "opacity-50 pointer-events-none"
		),
		children: [
		/* @__PURE__ */ jsx("span", { children: value ? formatDate(value) : placeholder }),
		/* @__PURE__ */ jsx(Calendar, { size: 15, className: "text-tollerud-text-muted" })
		]
		}
		),
		/* @__PURE__ */ jsxs(
		FloatingDropdownPortal,
		{
		open,
		anchorRef,
		popoverRef: panelRef,
		width: 288,
		role: "dialog",
		"aria-label": "Choose date",
		placementOptions: { maxHeight: 320 },
		className: "rounded-lg border border-tollerud-border bg-tollerud-surface-overlay p-3",
		children: [
		/* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center justify-between", children: [
		/* @__PURE__ */ jsx(
		"button",
		{
		type: "button",
		"aria-label": "Previous month",
		onClick: () => setViewMonth((m) => new Date(m.getFullYear(), m.getMonth() - 1, 1)),
		className: "rounded p-1 text-tollerud-text-secondary hover:bg-tollerud-surface-hover",
		children: /* @__PURE__ */ jsx(ChevronLeft, { size: 16 })
		}
		),
		/* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-tollerud-text-primary", children: viewMonth.toLocaleDateString(void 0, { month: "long", year: "numeric" }) }),
		/* @__PURE__ */ jsx(
		"button",
		{
		type: "button",
		"aria-label": "Next month",
		onClick: () => setViewMonth((m) => new Date(m.getFullYear(), m.getMonth() + 1, 1)),
		className: "rounded p-1 text-tollerud-text-secondary hover:bg-tollerud-surface-hover",
		children: /* @__PURE__ */ jsx(ChevronRight, { size: 16 })
		}
		)
		] }),
		/* @__PURE__ */ jsxs("div", { className: "grid grid-cols-7 gap-1 text-center", children: [
		WEEKDAYS.map((d) => /* @__PURE__ */ jsx("span", { className: "text-[11px] font-medium text-tollerud-text-muted py-1", children: d }, d)),
		cells.map((date, i) => {
		if (!date) return /* @__PURE__ */ jsx("span", {}, i);
		const selected = value ? isSameDay(date, value) : false;
		const today = isSameDay(date, /* @__PURE__ */ new Date());
		return /* @__PURE__ */ jsx(
		"button",
		{
		type: "button",
		onClick: () => select(date),
		className: cn(
		"h-8 w-8 rounded-full text-sm transition-colors duration-fast",
		selected ? "bg-tollerud-yellow text-tollerud-noir-black font-medium" : "text-tollerud-text-secondary hover:bg-tollerud-surface-hover",
		!selected && today && "ring-1 ring-tollerud-yellow/40"
		),
		children: date.getDate()
		},
		i
		);
		})
		] })
		]
		}
		),
		error && /* @__PURE__ */ jsx("p", { id: errorId, className: "text-xs text-tollerud-error mt-0.5", children: error })
		] });
		}
		DatePicker.displayName = "DatePicker";

		export { DatePicker };
		//# sourceMappingURL=chunk-JZDRLKBU.js.map
		//# sourceMappingURL=chunk-JZDRLKBU.js.map

+1

dist/chunk-JZDRLKBU.js.map

+223

dist/chunk-KYFRCOXZ.js

		'use client';
		import { ActionRow } from './chunk-ZX2VZGXZ.js';
		import { cn } from './chunk-62DSK4IE.js';
		import { FocusScope } from '@radix-ui/react-focus-scope';
		import { forwardRef, useState, useRef, useId, useCallback, useEffect } from 'react';
		import { jsxs, Fragment, jsx } from 'react/jsx-runtime';

		var CommandMenu = forwardRef(
		({
		open,
		onOpenChange,
		groups,
		placeholder = "Type a command\u2026",
		emptyMessage = "No matching commands",
		className,
		filter: customFilter,
		onAction
		}, ref) => {
		const [query, setQuery] = useState("");
		const [selectedIndex, setSelectedIndex] = useState(0);
		const inputRef = useRef(null);
		const listRef = useRef(null);
		const listId = useId();
		const filteredGroups = customFilter ? customFilter(query, groups) : query.trim() ? groups.map((g) => ({
		...g,
		items: g.items.filter(
		(item) => item.label.toLowerCase().includes(query.toLowerCase()) \|\| item.description?.toLowerCase().includes(query.toLowerCase()) \|\| item.group?.toLowerCase().includes(query.toLowerCase())
		)
		})).filter((g) => g.items.length > 0) : groups;
		const currentFlat = filteredGroups.flatMap((g) => g.items);
		const handleKeyDown = useCallback(
		(e) => {
		if (e.key === "Escape") {
		e.preventDefault();
		onOpenChange(false);
		return;
		}
		if (e.key === "ArrowDown") {
		e.preventDefault();
		setSelectedIndex(
		(prev) => prev < currentFlat.length - 1 ? prev + 1 : 0
		);
		return;
		}
		if (e.key === "ArrowUp") {
		e.preventDefault();
		setSelectedIndex(
		(prev) => prev > 0 ? prev - 1 : currentFlat.length - 1
		);
		return;
		}
		if (e.key === "Enter") {
		e.preventDefault();
		const item = currentFlat[selectedIndex];
		if (item && !item.disabled) {
		item.onSelect?.();
		onAction?.(item);
		onOpenChange(false);
		}
		return;
		}
		},
		[currentFlat, selectedIndex, onOpenChange, onAction]
		);
		useEffect(() => {
		function handleGlobalKey(e) {
		if ((e.metaKey \|\| e.ctrlKey) && e.key.toLowerCase() === "k") {
		e.preventDefault();
		onOpenChange(!open);
		}
		}
		document.addEventListener("keydown", handleGlobalKey);
		return () => document.removeEventListener("keydown", handleGlobalKey);
		}, [open, onOpenChange]);
		useEffect(() => {
		if (open) {
		setQuery("");
		setSelectedIndex(0);
		const timer = setTimeout(() => inputRef.current?.focus(), 50);
		return () => clearTimeout(timer);
		}
		}, [open]);
		useEffect(() => {
		if (open) {
		document.body.style.overflow = "hidden";
		} else {
		document.body.style.overflow = "";
		}
		return () => {
		document.body.style.overflow = "";
		};
		}, [open]);
		useEffect(() => {
		if (selectedIndex >= currentFlat.length) {
		setSelectedIndex(0);
		}
		}, [currentFlat.length, selectedIndex]);
		useEffect(() => {
		if (!open) return;
		document.getElementById(`${listId}-option-${selectedIndex}`)?.scrollIntoView({ block: "nearest" });
		}, [open, selectedIndex, listId]);
		if (!open) return null;
		return /* @__PURE__ */ jsxs(Fragment, { children: [
		/* @__PURE__ */ jsx(
		"div",
		{
		className: "tollerud-cmd-overlay",
		onClick: () => onOpenChange(false),
		"aria-hidden": "true"
		}
		),
		/* @__PURE__ */ jsx(
		FocusScope,
		{
		asChild: true,
		trapped: true,
		loop: true,
		onMountAutoFocus: (event) => event.preventDefault(),
		children: /* @__PURE__ */ jsxs(
		"div",
		{
		ref,
		className: cn("tollerud-cmd", className),
		role: "dialog",
		"aria-modal": "true",
		"aria-label": "Command palette",
		children: [
		/* @__PURE__ */ jsxs("div", { className: "tollerud-cmd__header", children: [
		/* @__PURE__ / jsx("span", { className: "tollerud-cmd__search-icon", children: / @__PURE__ */ jsxs(
		"svg",
		{
		width: "18",
		height: "18",
		viewBox: "0 0 24 24",
		fill: "none",
		stroke: "currentColor",
		strokeWidth: "2",
		strokeLinecap: "round",
		strokeLinejoin: "round",
		children: [
		/* @__PURE__ */ jsx("circle", { cx: "11", cy: "11", r: "8" }),
		/* @__PURE__ */ jsx("path", { d: "m21 21-4.35-4.35" })
		]
		}
		) }),
		/* @__PURE__ */ jsx(
		"input",
		{
		ref: inputRef,
		type: "text",
		className: "tollerud-cmd__input",
		role: "combobox",
		"aria-expanded": true,
		"aria-autocomplete": "list",
		"aria-controls": listId,
		"aria-activedescendant": currentFlat.length > 0 ? `${listId}-option-${Math.min(selectedIndex, currentFlat.length - 1)}` : void 0,
		placeholder,
		value: query,
		onChange: (e) => {
		setQuery(e.target.value);
		setSelectedIndex(0);
		},
		onKeyDown: handleKeyDown,
		autoComplete: "off",
		spellCheck: false
		}
		)
		] }),
		/* @__PURE__ */ jsxs("div", { ref: listRef, id: listId, className: "tollerud-cmd__list", role: "listbox", "aria-label": "Commands", tabIndex: -1, children: [
		filteredGroups.length === 0 && /* @__PURE__ */ jsx("div", { className: "tollerud-cmd__empty", children: emptyMessage }),
		filteredGroups.map((group, gi) => {
		const flatOffset = filteredGroups.slice(0, gi).reduce((acc, g) => acc + g.items.length, 0);
		return /* @__PURE__ */ jsxs("div", { className: "tollerud-cmd__group", children: [
		/* @__PURE__ */ jsx("div", { className: "tollerud-cmd__group-label", children: group.label }),
		group.items.map((item, ii) => {
		const flatIndex = flatOffset + ii;
		return /* @__PURE__ */ jsx(
		ActionRow,
		{
		id: `${listId}-option-${flatIndex}`,
		action: item,
		highlighted: selectedIndex === flatIndex,
		onClick: () => {
		item.onSelect?.();
		onAction?.(item);
		onOpenChange(false);
		},
		onMouseEnter: () => setSelectedIndex(flatIndex)
		},
		item.id
		);
		})
		] }, group.label);
		})
		] }),
		/* @__PURE__ */ jsxs("div", { className: "tollerud-cmd__footer", children: [
		/* @__PURE__ */ jsxs("span", { className: "tollerud-cmd__hint", children: [
		/* @__PURE__ / jsx("span", { className: "tollerud-kbd tollerud-kbd--sm", children: / @__PURE__ */ jsx("span", { className: "tollerud-kbd__key", children: "\u2191" }) }),
		/* @__PURE__ / jsx("span", { className: "tollerud-kbd tollerud-kbd--sm", children: / @__PURE__ */ jsx("span", { className: "tollerud-kbd__key", children: "\u2193" }) }),
		/* @__PURE__ */ jsx("span", { className: "tollerud-cmd__hint-text", children: "navigate" })
		] }),
		/* @__PURE__ */ jsxs("span", { className: "tollerud-cmd__hint", children: [
		/* @__PURE__ / jsx("span", { className: "tollerud-kbd tollerud-kbd--sm", children: / @__PURE__ */ jsx("span", { className: "tollerud-kbd__key", children: "\u21B5" }) }),
		/* @__PURE__ */ jsx("span", { className: "tollerud-cmd__hint-text", children: "select" })
		] }),
		/* @__PURE__ */ jsxs("span", { className: "tollerud-cmd__hint", children: [
		/* @__PURE__ / jsx("span", { className: "tollerud-kbd tollerud-kbd--sm", children: / @__PURE__ */ jsx("span", { className: "tollerud-kbd__key", children: "Esc" }) }),
		/* @__PURE__ */ jsx("span", { className: "tollerud-cmd__hint-text", children: "close" })
		] })
		] })
		]
		}
		)
		}
		)
		] });
		}
		);
		CommandMenu.displayName = "CommandMenu";

		export { CommandMenu };
		//# sourceMappingURL=chunk-KYFRCOXZ.js.map
		//# sourceMappingURL=chunk-KYFRCOXZ.js.map

+1

dist/chunk-KYFRCOXZ.js.map

+389

dist/chunk-M32HIGZR.js

		'use client';
		import { FloatingDropdownPortal } from './chunk-CLPW6X62.js';
		import { cn } from './chunk-62DSK4IE.js';
		import { forwardRef, useId, useRef, useState, useMemo, useCallback, useEffect } from 'react';
		import { Check, Plus, ChevronDown, Search } from 'lucide-react';
		import { jsxs, jsx, Fragment } from 'react/jsx-runtime';

		var defaultFilter = (option, query) => option.label.toLowerCase().includes(query.toLowerCase());
		function flattenOptions(options, groups) {
		if (groups && groups.length > 0) {
		return groups.flatMap((group) => group.options);
		}
		return options;
		}
		function filterGroups(groups, query, filter) {
		if (!query) return groups;
		return groups.map((group) => ({
		...group,
		options: group.options.filter((option) => filter(option, query))
		})).filter((group) => group.options.length > 0);
		}
		var Combobox = forwardRef(function Combobox2({
		options = [],
		groups,
		value: valueProp,
		defaultValue,
		onChange,
		placeholder = "Search\u2026",
		label,
		error,
		filter = defaultFilter,
		searchPlacement = "trigger",
		onCreateOption,
		createOptionLabel = (query) => `Create "${query}"`,
		className,
		disabled,
		required
		}, ref) {
		const id = useId();
		const autoErrorId = useId();
		const errorId = error ? autoErrorId : void 0;
		const internalRootRef = useRef(null);
		const anchorRef = useRef(null);
		const listRef = useRef(null);
		const isControlled = valueProp !== void 0;
		const [internalValue, setInternalValue] = useState(defaultValue);
		const value = isControlled ? valueProp : internalValue;
		const [open, setOpen] = useState(false);
		const [query, setQuery] = useState("");
		const [activeIndex, setActiveIndex] = useState(0);
		const [createdOptions, setCreatedOptions] = useState([]);
		const isGrouped = Boolean(groups && groups.length > 0);
		const allOptions = useMemo(() => flattenOptions(options, groups), [options, groups]);
		const filteredGroups = useMemo(() => {
		if (!isGrouped \|\| !groups) return [];
		return filterGroups(groups, query, filter);
		}, [groups, isGrouped, query, filter]);
		const filtered = useMemo(() => {
		if (isGrouped) return filteredGroups.flatMap((group) => group.options);
		if (!query) return options;
		return options.filter((option) => filter(option, query));
		}, [filteredGroups, filter, isGrouped, options, query]);
		const lookupOptions = useMemo(() => {
		if (createdOptions.length === 0) return allOptions;
		return [...allOptions, ...createdOptions.filter((c) => !allOptions.some((o) => o.value === c.value))];
		}, [allOptions, createdOptions]);
		const trimmedQuery = query.trim();
		const showCreateOption = Boolean(onCreateOption) && trimmedQuery !== "" && !lookupOptions.some((option) => option.label.toLowerCase() === trimmedQuery.toLowerCase());
		const rowCount = filtered.length + (showCreateOption ? 1 : 0);
		const createRowIndex = filtered.length;
		const highlightedIndex = rowCount === 0 ? 0 : Math.min(activeIndex, rowCount - 1);
		const activeOptionId = open && rowCount > 0 ? highlightedIndex === createRowIndex && showCreateOption ? `${id}-option-create` : `${id}-option-${highlightedIndex}` : void 0;
		const selected = lookupOptions.find((option) => option.value === value);
		const setRootRef = useCallback(
		(node) => {
		internalRootRef.current = node;
		if (typeof ref === "function") ref(node);
		else if (ref) ref.current = node;
		},
		[ref]
		);
		useEffect(() => {
		if (!open) return;
		function onClickOutside(e) {
		const target = e.target;
		if (internalRootRef.current?.contains(target)) return;
		if (listRef.current?.contains(target)) return;
		setOpen(false);
		setQuery("");
		}
		document.addEventListener("mousedown", onClickOutside);
		return () => {
		document.removeEventListener("mousedown", onClickOutside);
		};
		}, [open]);
		useEffect(() => {
		if (!activeOptionId) return;
		document.getElementById(activeOptionId)?.scrollIntoView({ block: "nearest" });
		}, [activeOptionId]);
		const dropdownSearchCallbackRef = useCallback((node) => {
		if (node && searchPlacement === "dropdown") {
		queueMicrotask(() => node.focus());
		}
		}, [searchPlacement]);
		const commit = (option) => {
		if (option.disabled) return;
		if (!isControlled) setInternalValue(option.value);
		onChange?.(option.value);
		setOpen(false);
		setQuery("");
		};
		const commitCreate = () => {
		const label2 = trimmedQuery;
		if (!label2) return;
		const returned = onCreateOption?.(label2);
		const newValue = typeof returned === "string" && returned ? returned : label2;
		setCreatedOptions(
		(prev) => prev.some((o) => o.value === newValue) ? prev : [...prev, { value: newValue, label: label2 }]
		);
		if (!isControlled) setInternalValue(newValue);
		onChange?.(newValue);
		setOpen(false);
		setQuery("");
		};
		const onKeyDown = (e) => {
		if (e.key === "ArrowDown") {
		e.preventDefault();
		setOpen(true);
		setActiveIndex((index) => Math.min(index + 1, rowCount - 1));
		} else if (e.key === "ArrowUp") {
		e.preventDefault();
		setActiveIndex((index) => Math.max(index - 1, 0));
		} else if (e.key === "Enter") {
		e.preventDefault();
		if (showCreateOption && highlightedIndex === createRowIndex) {
		commitCreate();
		return;
		}
		const option = filtered[highlightedIndex];
		if (option) commit(option);
		} else if (e.key === "Escape") {
		if (open) {
		e.preventDefault();
		e.stopPropagation();
		setOpen(false);
		setQuery("");
		}
		}
		};
		let flatIndex = 0;
		const optionList = /* @__PURE__ */ jsxs("ul", { className: "m-0 list-none p-0", children: [
		filtered.length === 0 && !showCreateOption && /* @__PURE__ */ jsx("li", { className: "px-3 py-2 text-sm text-tollerud-text-muted", children: "No results" }),
		isGrouped ? filteredGroups.map((group) => /* @__PURE__ */ jsxs("li", { role: "presentation", children: [
		/* @__PURE__ */ jsx("div", { className: "px-3 pb-1 pt-2 text-[11px] font-semibold uppercase tracking-[0.06em] text-tollerud-text-muted", children: group.label }),
		/* @__PURE__ */ jsx("ul", { role: "group", "aria-label": group.label, children: group.options.map((option) => {
		const index = flatIndex++;
		const isSelected = option.value === value;
		return /* @__PURE__ */ jsxs(
		"li",
		{
		id: `${id}-option-${index}`,
		role: "option",
		"aria-selected": isSelected,
		onMouseDown: (e) => {
		e.preventDefault();
		commit(option);
		},
		onMouseEnter: () => setActiveIndex(index),
		className: cn(
		"flex items-center justify-between gap-2 px-3 py-2 text-sm cursor-pointer",
		index === highlightedIndex ? "bg-tollerud-surface-hover text-tollerud-text-primary" : "text-tollerud-text-secondary",
		option.disabled && "opacity-40 pointer-events-none"
		),
		children: [
		option.label,
		isSelected && /* @__PURE__ */ jsx(Check, { size: 14, className: "text-tollerud-yellow" })
		]
		},
		option.value
		);
		}) })
		] }, group.label)) : filtered.map((option, index) => {
		const isSelected = option.value === value;
		return /* @__PURE__ */ jsxs(
		"li",
		{
		id: `${id}-option-${index}`,
		role: "option",
		"aria-selected": isSelected,
		onMouseDown: (e) => {
		e.preventDefault();
		commit(option);
		},
		onMouseEnter: () => setActiveIndex(index),
		className: cn(
		"flex items-center justify-between gap-2 px-3 py-2 text-sm cursor-pointer",
		index === highlightedIndex ? "bg-tollerud-surface-hover text-tollerud-text-primary" : "text-tollerud-text-secondary",
		option.disabled && "opacity-40 pointer-events-none"
		),
		children: [
		option.label,
		isSelected && /* @__PURE__ */ jsx(Check, { size: 14, className: "text-tollerud-yellow" })
		]
		},
		option.value
		);
		}),
		showCreateOption && /* @__PURE__ */ jsxs(
		"li",
		{
		id: `${id}-option-create`,
		role: "option",
		"aria-selected": false,
		onMouseDown: (e) => {
		e.preventDefault();
		commitCreate();
		},
		onMouseEnter: () => setActiveIndex(createRowIndex),
		className: cn(
		"flex items-center gap-2 px-3 py-2 text-sm cursor-pointer",
		createRowIndex === highlightedIndex ? "bg-tollerud-surface-hover text-tollerud-text-primary" : "text-tollerud-text-secondary"
		),
		children: [
		/* @__PURE__ */ jsx(Plus, { size: 14, className: "shrink-0 text-tollerud-yellow" }),
		createOptionLabel(trimmedQuery)
		]
		}
		)
		] });
		return /* @__PURE__ */ jsxs("div", { ref: setRootRef, className: cn("relative flex flex-col gap-1", className), children: [
		label && /* @__PURE__ */ jsxs("label", { htmlFor: id, className: "text-xs font-medium text-tollerud-text-muted", children: [
		label,
		required && /* @__PURE__ / jsx("span", { "aria-hidden": "true", className: "ml-0.5 text-tollerud-error", children: "" })
		] }),
		/* @__PURE__ / jsx("div", { ref: anchorRef, className: "relative", children: searchPlacement === "dropdown" ? / @__PURE__ */ jsxs(
		"button",
		{
		id,
		type: "button",
		role: "combobox",
		"aria-expanded": open,
		"aria-controls": `${id}-listbox`,
		"aria-haspopup": "listbox",
		"aria-required": required \|\| void 0,
		"aria-invalid": error ? true : void 0,
		"aria-describedby": errorId,
		disabled,
		onClick: () => {
		if (open) {
		setOpen(false);
		setQuery("");
		} else {
		setOpen(true);
		setActiveIndex(0);
		}
		},
		onKeyDown: (e) => {
		if (e.key === "ArrowDown" \|\| e.key === "Enter" \|\| e.key === " ") {
		e.preventDefault();
		setOpen(true);
		setActiveIndex(0);
		} else if (e.key === "Escape") {
		if (open) {
		e.preventDefault();
		e.stopPropagation();
		setOpen(false);
		setQuery("");
		}
		}
		},
		className: cn(
		"w-full font-sans text-base px-3 py-2.5 rounded text-left flex items-center justify-between gap-2",
		"bg-tollerud-surface-raised border",
		"transition-[border-color] duration-fast",
		"focus:outline-none focus:border-tollerud-yellow focus:shadow-[0_0_0_1px_var(--tollerud-yellow-warm,#E8D500)]",
		error ? "border-tollerud-error" : "border-tollerud-border",
		disabled && "opacity-50 pointer-events-none"
		),
		children: [
		/* @__PURE__ */ jsx("span", { className: selected ? "text-tollerud-text-primary" : "text-tollerud-text-muted", children: selected?.label ?? placeholder }),
		/* @__PURE__ */ jsx(
		ChevronDown,
		{
		size: 15,
		className: cn(
		"shrink-0 text-tollerud-text-muted transition-transform duration-fast",
		open && "rotate-180"
		)
		}
		)
		]
		}
		) : /* @__PURE__ */ jsxs(Fragment, { children: [
		/* @__PURE__ */ jsx(
		"input",
		{
		id,
		role: "combobox",
		"aria-expanded": open,
		"aria-autocomplete": "list",
		"aria-controls": `${id}-listbox`,
		"aria-activedescendant": activeOptionId,
		"aria-required": required \|\| void 0,
		"aria-invalid": error ? true : void 0,
		"aria-describedby": errorId,
		disabled,
		value: open ? query : selected?.label ?? "",
		placeholder: selected ? selected.label : placeholder,
		onFocus: () => {
		setOpen(true);
		setActiveIndex(0);
		},
		onChange: (e) => {
		setQuery(e.target.value);
		setActiveIndex(0);
		if (!open) setOpen(true);
		},
		onKeyDown,
		className: cn(
		"w-full font-sans text-base px-3 py-2.5 pr-9 rounded",
		"bg-tollerud-surface-raised border",
		"text-tollerud-text-primary placeholder:text-tollerud-text-muted",
		"transition-[border-color] duration-fast",
		"focus:outline-none focus:border-tollerud-yellow focus:shadow-[0_0_0_1px_var(--tollerud-yellow-warm,#E8D500)]",
		error ? "border-tollerud-error" : "border-tollerud-border",
		disabled && "opacity-50 pointer-events-none"
		)
		}
		),
		/* @__PURE__ */ jsx(
		ChevronDown,
		{
		size: 15,
		className: cn(
		"pointer-events-none absolute right-3 top-1/2 -translate-y-1/2 text-tollerud-text-muted transition-transform duration-fast",
		open && "rotate-180"
		)
		}
		)
		] }) }),
		/* @__PURE__ */ jsx(
		FloatingDropdownPortal,
		{
		open,
		anchorRef,
		popoverRef: listRef,
		id: `${id}-listbox`,
		role: "listbox",
		placementOptions: { maxHeight: 320 },
		className: cn(
		"rounded-lg border border-tollerud-border bg-tollerud-surface-overlay",
		searchPlacement === "dropdown" ? "overflow-hidden" : "overflow-auto py-1"
		),
		children: searchPlacement === "dropdown" ? /* @__PURE__ */ jsxs(Fragment, { children: [
		/* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 border-b border-tollerud-border px-3 py-2", children: [
		/* @__PURE__ */ jsx(Search, { size: 13, className: "shrink-0 text-tollerud-text-muted" }),
		/* @__PURE__ */ jsx(
		"input",
		{
		ref: dropdownSearchCallbackRef,
		type: "text",
		role: "combobox",
		"aria-expanded": true,
		"aria-autocomplete": "list",
		"aria-controls": `${id}-listbox`,
		"aria-activedescendant": activeOptionId,
		placeholder,
		value: query,
		onChange: (e) => {
		setQuery(e.target.value);
		setActiveIndex(0);
		},
		onKeyDown,
		className: "w-full bg-transparent text-sm pointer-coarse:text-base text-tollerud-text-primary placeholder:text-tollerud-text-muted focus:outline-none"
		}
		)
		] }),
		/* @__PURE__ */ jsx("div", { className: "overflow-auto py-1", style: { maxHeight: 256 }, children: optionList })
		] }) : optionList
		}
		),
		error && /* @__PURE__ */ jsx("p", { id: errorId, className: "text-xs text-tollerud-error mt-0.5", children: error })
		] });
		});
		Combobox.displayName = "Combobox";

		export { Combobox };
		//# sourceMappingURL=chunk-M32HIGZR.js.map
		//# sourceMappingURL=chunk-M32HIGZR.js.map

+1

dist/chunk-M32HIGZR.js.map

+63

dist/chunk-NJ65OXAM.js

		'use client';
		import { StatusDot } from './chunk-VRFU3FNQ.js';
		import { cn } from './chunk-62DSK4IE.js';
		import { forwardRef } from 'react';
		import { jsxs, jsx } from 'react/jsx-runtime';

		var HostCard = forwardRef(
		({ className, hostname, ip, status = "online", cpu, memory, disk, uptime, containers, loading, ...props }, ref) => {
		return /* @__PURE__ */ jsxs(
		"div",
		{
		ref,
		className: cn(
		"rounded-lg border bg-tollerud-surface-raised p-4",
		"transition-[border-color] duration-fast",
		status === "offline" && "border-tollerud-error/40",
		status === "warning" && "border-tollerud-yellow/30",
		status === "online" && "border-tollerud-border hover:border-tollerud-noir-500",
		loading && "animate-pulse",
		className
		),
		...props,
		children: [
		/* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-2", children: [
		/* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [
		/* @__PURE__ */ jsx(StatusDot, { status }),
		/* @__PURE__ */ jsx("span", { className: "font-semibold text-sm text-tollerud-foreground truncate", children: hostname })
		] }),
		containers !== void 0 && /* @__PURE__ */ jsxs("span", { className: "text-[11px] text-tollerud-text-muted whitespace-nowrap ml-2", children: [
		containers,
		" container",
		containers !== 1 ? "s" : ""
		] })
		] }),
		ip && /* @__PURE__ */ jsx("div", { className: "text-xs text-tollerud-text-muted mb-2 font-mono", children: ip }),
		/* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-x-4 gap-y-1 text-xs text-tollerud-text-muted", children: [
		cpu && /* @__PURE__ */ jsxs("span", { children: [
		"CPU: ",
		/* @__PURE__ */ jsx("span", { className: "text-tollerud-text-secondary", children: cpu })
		] }),
		memory && /* @__PURE__ */ jsxs("span", { children: [
		"RAM: ",
		/* @__PURE__ */ jsx("span", { className: "text-tollerud-text-secondary", children: memory })
		] }),
		disk && /* @__PURE__ */ jsxs("span", { children: [
		"Disk: ",
		/* @__PURE__ */ jsx("span", { className: "text-tollerud-text-secondary", children: disk })
		] }),
		uptime && /* @__PURE__ */ jsxs("span", { children: [
		"Up: ",
		/* @__PURE__ */ jsx("span", { className: "text-tollerud-text-secondary", children: uptime })
		] })
		] })
		]
		}
		);
		}
		);
		HostCard.displayName = "HostCard";

		export { HostCard };
		//# sourceMappingURL=chunk-NJ65OXAM.js.map
		//# sourceMappingURL=chunk-NJ65OXAM.js.map

+1

dist/chunk-NJ65OXAM.js.map

+552

dist/chunk-NVUVL5YX.js

		'use client';
		import { Skeleton } from './chunk-PCFRRG2S.js';
		import { Segmented } from './chunk-V54XG7HX.js';
		import { Select } from './chunk-AEAF6K5D.js';
		import { Pagination } from './chunk-YMAYHKPG.js';
		import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuSeparator, DropdownMenuLabel, DropdownMenuItem } from './chunk-AGGRBON4.js';
		import { ButtonGroup } from './chunk-FSRS5IWZ.js';
		import { Checkbox } from './chunk-BCNAGDLP.js';
		import { Combobox } from './chunk-M32HIGZR.js';
		import { Badge } from './chunk-MMCPZVBB.js';
		import { Button } from './chunk-WZVSFANP.js';
		import { cn } from './chunk-62DSK4IE.js';
		import { forwardRef, useMemo, useState } from 'react';
		import { Search, X, MoreHorizontal, ChevronDown } from 'lucide-react';
		import { jsx, jsxs, Fragment } from 'react/jsx-runtime';

		function normalizeColumns(columns) {
		return columns.map(({ header, label, ...col }) => ({
		...col,
		label: label ?? header ?? col.key
		}));
		}
		function columnReactKey(col, index) {
		return `${col.key}-${index}`;
		}
		function DataTableInner({
		columns,
		data,
		rows,
		rowKey,
		onRowClick,
		className,
		emptyMessage = "No data",
		searchable = false,
		searchKeys,
		searchPlaceholder = "Search\u2026",
		filter,
		selectable = false,
		pageSize,
		pageSizeOptions,
		bulkActions = [],
		rowMenu,
		toolbarRight,
		emptyState,
		loading = false,
		skeletonRows = 5,
		striped = false,
		footer,
		pinColumns,
		forwardedRef
		}) {
		const normalizedColumns = useMemo(() => normalizeColumns(columns), [columns]);
		const tableData = useMemo(() => rows ?? data ?? [], [rows, data]);
		const pageSizeOptionsResolved = useMemo(
		() => [...new Set(pageSizeOptions ?? [])].filter((n) => n > 0).sort((a, b) => a - b),
		[pageSizeOptions]
		);
		const allowsPageSizeChange = pageSizeOptionsResolved.length > 0;
		const [activePageSize, setActivePageSize] = useState(
		pageSize ?? pageSizeOptionsResolved[0] ?? 10
		);
		const effectivePageSize = allowsPageSizeChange ? activePageSize : pageSize;
		const isRich = searchable \|\| filter \|\| selectable \|\| pageSize !== void 0 \|\| allowsPageSizeChange \|\| !!rowMenu \|\| !!toolbarRight \|\| bulkActions.length > 0 \|\| !!emptyState \|\| loading;
		const pinEdges = pinColumns ?? isRich;
		const tableMinWidth = Math.max(640, normalizedColumns.length * 120 + (selectable ? 40 : 0) + (rowMenu ? 44 : 0));
		const [sortKey, setSortKey] = useState(null);
		const [sortDir, setSortDir] = useState("asc");
		const [filters, setFilters] = useState({});
		const [query, setQuery] = useState("");
		const [filterValue, setFilterValue] = useState("all");
		const [selected, setSelected] = useState([]);
		const [page, setPage] = useState(1);
		const getRowKey = (row, i) => {
		if (typeof rowKey === "function") return rowKey(row);
		if (rowKey) return row[rowKey];
		return row.id ?? row.key ?? i;
		};
		const toggleSort = (key) => {
		if (sortKey === key) {
		setSortDir((d) => d === "asc" ? "desc" : "asc");
		} else {
		setSortKey(key);
		setSortDir("asc");
		}
		};
		const updateFilter = (key, value) => {
		setFilters((prev) => {
		const next = { ...prev };
		if (value.trim() === "") {
		delete next[key];
		} else {
		next[key] = value;
		}
		return next;
		});
		};
		const searchKeysResolved = useMemo(
		() => searchKeys ?? normalizedColumns.map((c) => c.key),
		[searchKeys, normalizedColumns]
		);
		const filterSelectOptions = useMemo(() => {
		if (!filter) return [];
		const options = filter.options ?? Array.from(new Set(tableData.map((r) => String(r[filter.key] ?? ""))));
		return [
		{ value: "all", label: filter.allLabel ?? "All" },
		...options.map((opt) => ({ value: opt, label: opt }))
		];
		}, [filter, tableData]);
		const filtered = useMemo(() => {
		let result = tableData;
		if (isRich && filter && filterValue !== "all") {
		result = result.filter((row) => String(row[filter.key] ?? "") === filterValue);
		}
		if (isRich && searchable && query.trim()) {
		const q = query.trim().toLowerCase();
		result = result.filter(
		(row) => searchKeysResolved.some((key) => String(row[key] ?? "").toLowerCase().includes(q))
		);
		}
		if (!isRich) {
		const activeFilters = Object.entries(filters).filter(([, v]) => v.trim() !== "");
		if (activeFilters.length > 0) {
		result = result.filter(
		(row) => activeFilters.every(([key, filterVal]) => {
		const cellValue = String(row[key] ?? "").toLowerCase();
		return cellValue.includes(filterVal.toLowerCase());
		})
		);
		}
		}
		return result;
		}, [tableData, filters, isRich, filter, filterValue, searchable, query, searchKeysResolved]);
		const sorted = useMemo(() => {
		if (!sortKey) return filtered;
		const col = normalizedColumns.find((c) => c.key === sortKey);
		if (!col?.sortable) return filtered;
		return [...filtered].sort((a, b) => {
		const aVal = a[sortKey];
		const bVal = b[sortKey];
		if (typeof aVal === "number" && typeof bVal === "number") {
		return sortDir === "asc" ? aVal - bVal : bVal - aVal;
		}
		const aStr = String(aVal ?? "");
		const bStr = String(bVal ?? "");
		const cmp = aStr.localeCompare(bStr, "nb", { numeric: true });
		return sortDir === "asc" ? cmp : -cmp;
		});
		}, [filtered, sortKey, sortDir, normalizedColumns]);
		const pageCount = effectivePageSize ? Math.max(1, Math.ceil(sorted.length / effectivePageSize)) : 1;
		const currentPage = Math.min(page, pageCount);
		const pageRows = effectivePageSize ? sorted.slice((currentPage - 1) * effectivePageSize, currentPage * effectivePageSize) : sorted;
		const clearSelection = () => setSelected([]);
		const allOnPageSelected = pageRows.length > 0 && pageRows.every((row, i) => selected.includes(getRowKey(row, i)));
		const someOnPageSelected = !allOnPageSelected && pageRows.some((row, i) => selected.includes(getRowKey(row, i)));
		const toggleAllOnPage = () => {
		const pageIds = pageRows.map((row, i) => getRowKey(row, i));
		if (allOnPageSelected) {
		setSelected((prev) => prev.filter((id) => !pageIds.includes(id)));
		} else {
		setSelected((prev) => Array.from(/* @__PURE__ */ new Set([...prev, ...pageIds])));
		}
		};
		const toggleRow = (id) => {
		setSelected((prev) => prev.includes(id) ? prev.filter((x) => x !== id) : [...prev, id]);
		};
		const hasActiveFilters = Object.values(filters).some((v) => v.trim() !== "");
		const filterableColumns = normalizedColumns.filter((c) => c.filterable);
		const colSpan = normalizedColumns.length + (selectable ? 1 : 0) + (rowMenu ? 1 : 0);
		const rowHoverable = Boolean(onRowClick \|\| isRich);
		const selectedRowBg = "bg-[color-mix(in_srgb,var(--tollerud-yellow)_7%,var(--tollerud-noir-900))]";
		const selectedRowHoverBg = "group-hover/tr:bg-[color-mix(in_srgb,var(--tollerud-yellow)_12%,var(--tollerud-noir-800))]";
		const cellSurface = (rowIndex, isSelected) => cn(
		"transition-colors duration-fast",
		rowHoverable && (isSelected ? selectedRowHoverBg : "group-hover/tr:bg-tollerud-noir-800"),
		isSelected && selectedRowBg,
		!isSelected && striped && rowIndex % 2 === 0 && "bg-tollerud-noir-950",
		!isSelected && !(striped && rowIndex % 2 === 0) && isRich && "bg-tollerud-noir-900"
		);
		const stickyPosition = (edge) => pinEdges && cn(
		"sticky z-[2]",
		edge === "check" && "left-0 shadow-[4px_0_12px_-6px_rgba(0,0,0,0.55)]",
		edge === "first" && cn("left-0 shadow-[4px_0_12px_-6px_rgba(0,0,0,0.55)]", selectable && "left-10"),
		edge === "actions" && "right-0 shadow-[-4px_0_12px_-6px_rgba(0,0,0,0.55)]"
		);
		const stickyHead = (edge) => pinEdges && cn(
		"sticky z-[3] bg-tollerud-noir-900",
		edge === "check" && "left-0 shadow-[4px_0_12px_-6px_rgba(0,0,0,0.55)]",
		edge === "first" && cn("left-0 shadow-[4px_0_12px_-6px_rgba(0,0,0,0.55)]", selectable && "left-10"),
		edge === "actions" && "right-0 shadow-[-4px_0_12px_-6px_rgba(0,0,0,0.55)]"
		);
		const stickyBody = (edge) => stickyPosition(edge);
		const sortIndicator = (key) => {
		const active = sortKey === key;
		return /* @__PURE__ */ jsx(
		ChevronDown,
		{
		size: 12,
		className: cn(
		"shrink-0 transition-transform duration-fast",
		active ? "text-tollerud-yellow opacity-100" : "opacity-25",
		active && sortDir === "desc" && "rotate-180"
		),
		"aria-hidden": true
		}
		);
		};
		const headerCell = (col, columnIndex, reactKey) => {
		const content = /* @__PURE__ */ jsxs(Fragment, { children: [
		col.label,
		col.sortable && (isRich ? sortIndicator(col.key) : /* @__PURE__ */ jsxs(Fragment, { children: [
		sortKey === col.key && /* @__PURE__ */ jsx("span", { className: "text-tollerud-accent", children: sortDir === "asc" ? "\u2191" : "\u2193" }),
		sortKey !== col.key && /* @__PURE__ */ jsx("span", { className: "text-tollerud-text-muted/30", children: "\u2195" })
		] })),
		!isRich && col.filterable && /* @__PURE__ */ jsx(
		"svg",
		{
		width: "12",
		height: "12",
		viewBox: "0 0 24 24",
		fill: "none",
		stroke: "currentColor",
		strokeWidth: "2",
		strokeLinecap: "round",
		strokeLinejoin: "round",
		className: cn("opacity-40", filters[col.key] && "opacity-100 text-tollerud-yellow"),
		"aria-hidden": true,
		children: /* @__PURE__ */ jsx("path", { d: "M4 4h16v2.172a2 2 0 0 1-.586 1.414L15 12v7l-6 2v-8.5L4.52 7.53A2 2 0 0 1 4 6.16V4z" })
		}
		)
		] });
		const contentAlignment = cn(
		"inline-flex items-center gap-1",
		col.align === "right" && "justify-end w-full",
		col.align === "center" && "justify-center w-full"
		);
		return /* @__PURE__ */ jsx(
		"th",
		{
		className: cn(
		"px-3 py-2.5 text-left text-xs font-semibold text-tollerud-text-muted uppercase tracking-wider whitespace-nowrap",
		col.align === "right" && "text-right",
		col.align === "center" && "text-center",
		columnIndex === 0 && stickyHead("first")
		),
		style: col.width ? { width: col.width, minWidth: col.width } : void 0,
		"aria-sort": col.sortable ? sortKey === col.key ? sortDir === "asc" ? "ascending" : "descending" : "none" : void 0,
		children: col.sortable ? /* @__PURE__ */ jsx(
		"button",
		{
		type: "button",
		onClick: () => toggleSort(col.key),
		className: cn(
		contentAlignment,
		"cursor-pointer select-none uppercase tracking-wider hover:text-tollerud-text-primary transition-colors tollerud-focus-ring rounded-sm"
		),
		children: content
		}
		) : /* @__PURE__ */ jsx("span", { className: contentAlignment, children: content })
		},
		reactKey
		);
		};
		const tableBody = () => {
		if (loading) {
		return /* @__PURE__ / jsx("tbody", { children: Array.from({ length: skeletonRows }).map((_, i) => / @__PURE__ */ jsxs("tr", { className: "border-b border-tollerud-border/20", children: [
		selectable && /* @__PURE__ / jsx("td", { className: cn("px-3 py-2.5 w-10 min-w-10", cellSurface(i, false), stickyBody("check")), children: / @__PURE__ */ jsx(Skeleton, { className: "h-4 w-4 rounded" }) }),
		normalizedColumns.map((col, j) => /* @__PURE__ */ jsx(
		"td",
		{
		className: cn(
		"px-3 py-2.5 whitespace-nowrap",
		col.align === "right" && "text-right",
		cellSurface(i, false),
		j === 0 && stickyBody("first")
		),
		children: /* @__PURE__ */ jsx(Skeleton, { className: cn("h-3", j === 0 ? "w-[70%]" : "w-[55%]") })
		},
		columnReactKey(col, j)
		)),
		rowMenu && /* @__PURE__ / jsx("td", { className: cn("px-3 py-2.5 w-11 min-w-11", cellSurface(i, false), stickyBody("actions")), children: / @__PURE__ */ jsx(Skeleton, { className: "h-4 w-4 rounded" }) })
		] }, i)) });
		}
		if (sorted.length === 0) {
		if (isRich && emptyState) {
		return null;
		}
		return /* @__PURE__ / jsx("tbody", { children: / @__PURE__ / jsx("tr", { children: / @__PURE__ */ jsx("td", { colSpan, className: "px-3 py-8 text-center text-sm text-tollerud-text-muted", children: hasActiveFilters \|\| query \|\| filterValue !== "all" ? "No matching rows" : emptyMessage }) }) });
		}
		return /* @__PURE__ */ jsx("tbody", { children: pageRows.map((row, i) => {
		const id = getRowKey(row, i);
		const isSelected = selected.includes(id);
		return /* @__PURE__ */ jsxs(
		"tr",
		{
		className: cn(
		"group/tr border-b border-tollerud-border/20",
		onRowClick && "cursor-pointer"
		),
		onClick: () => onRowClick?.(row),
		children: [
		selectable && /* @__PURE__ */ jsx(
		"td",
		{
		className: cn("px-3 py-2.5 w-10 min-w-10", cellSurface(i, isSelected), stickyBody("check")),
		onClick: (e) => e.stopPropagation(),
		children: /* @__PURE__ */ jsx(Checkbox, { checked: isSelected, onChange: () => toggleRow(id), "aria-label": `Select row ${id}` })
		}
		),
		normalizedColumns.map((col, columnIndex) => {
		const value = row[col.key];
		return /* @__PURE__ */ jsx(
		"td",
		{
		className: cn(
		"px-3 py-2.5 text-tollerud-text-secondary whitespace-nowrap",
		col.align === "right" && "text-right",
		col.align === "center" && "text-center",
		!col.render && "font-mono text-xs",
		cellSurface(i, isSelected),
		columnIndex === 0 && stickyBody("first")
		),
		style: col.width ? { width: col.width, minWidth: col.width } : void 0,
		children: col.render ? col.render(value, row) : String(value ?? "\u2014")
		},
		columnReactKey(col, columnIndex)
		);
		}),
		rowMenu && /* @__PURE__ */ jsx(
		"td",
		{
		className: cn("px-2 py-2 w-11 min-w-11", cellSurface(i, isSelected), stickyBody("actions")),
		onClick: (e) => e.stopPropagation(),
		children: /* @__PURE__ */ jsxs(DropdownMenu, { children: [
		/* @__PURE__ / jsx(DropdownMenuTrigger, { asChild: true, children: / @__PURE__ */ jsx(
		"button",
		{
		type: "button",
		className: "inline-flex h-7 w-7 items-center justify-center rounded-md text-tollerud-text-muted hover:text-tollerud-text-primary hover:bg-tollerud-surface-raised transition-colors tollerud-focus-ring",
		"aria-label": "Row actions",
		children: /* @__PURE__ */ jsx(MoreHorizontal, { size: 15 })
		}
		) }),
		/* @__PURE__ */ jsx(DropdownMenuContent, { align: "end", children: rowMenu(row).map((item, index) => {
		if (item.sep) return /* @__PURE__ */ jsx(DropdownMenuSeparator, {}, index);
		if (item.heading) return /* @__PURE__ */ jsx(DropdownMenuLabel, { children: item.label }, index);
		return /* @__PURE__ */ jsxs(DropdownMenuItem, { onSelect: () => item.onSelect?.(), children: [
		item.icon ? /* @__PURE__ */ jsx("span", { className: "mr-2 inline-flex", children: item.icon }) : null,
		item.label
		] }, index);
		}) })
		] })
		}
		)
		]
		},
		id
		);
		}) });
		};
		const table = /* @__PURE__ */ jsxs("table", { className: "w-full text-sm", style: { minWidth: tableMinWidth }, children: [
		/* @__PURE__ */ jsxs("thead", { children: [
		/* @__PURE__ */ jsxs("tr", { className: "border-b border-tollerud-border/30 bg-tollerud-noir-900", children: [
		selectable && /* @__PURE__ / jsx("th", { className: cn("px-3 py-2.5 w-10 min-w-10", stickyHead("check")), children: / @__PURE__ */ jsx(
		Checkbox,
		{
		checked: allOnPageSelected,
		indeterminate: someOnPageSelected,
		onChange: toggleAllOnPage,
		"aria-label": "Select all rows on page"
		}
		) }),
		normalizedColumns.map(
		(col, columnIndex) => headerCell(col, columnIndex, columnReactKey(col, columnIndex))
		),
		rowMenu && /* @__PURE__ */ jsx("th", { className: cn("w-11 min-w-11", stickyHead("actions")), "aria-label": "Row actions" })
		] }),
		!isRich && filterableColumns.length > 0 && /* @__PURE__ / jsx("tr", { className: "border-b border-tollerud-border/20", children: normalizedColumns.map((col, columnIndex) => / @__PURE__ */ jsx(
		"th",
		{
		className: cn("px-1.5 py-1", col.align === "right" && "text-right", col.align === "center" && "text-center"),
		children: col.filterable ? /* @__PURE__ */ jsx(
		"input",
		{
		type: "text",
		placeholder: `Filter ${col.label.toLowerCase()}\u2026`,
		value: filters[col.key] ?? "",
		onChange: (e) => updateFilter(col.key, e.target.value),
		className: cn(
		"w-full px-2 py-1 text-xs rounded border transition-colors outline-none",
		"bg-tollerud-noir-900/50 border-tollerud-border/20 text-tollerud-text-primary placeholder:text-tollerud-text-muted/40",
		"focus:border-tollerud-yellow/40 focus:ring-1 focus:ring-tollerud-yellow/20"
		)
		}
		) : null
		},
		columnReactKey(col, columnIndex)
		)) })
		] }),
		tableBody()
		] });
		const bulkActionButtons = bulkActions.map((action, index) => /* @__PURE__ */ jsxs(
		Button,
		{
		variant: action.variant ?? "ghost",
		size: "sm",
		onClick: () => action.onRun(selected, clearSelection),
		children: [
		action.icon ? /* @__PURE__ */ jsx("span", { className: "mr-1.5 inline-flex shrink-0", children: action.icon }) : null,
		action.label
		]
		},
		index
		));
		const tableScroll = /* @__PURE__ */ jsx(
		"div",
		{
		className: "tollerud-datatable-scroll min-w-0 w-full overflow-x-auto overscroll-x-contain",
		role: "region",
		"aria-label": "Scrollable table",
		tabIndex: pinEdges ? 0 : void 0,
		children: table
		}
		);
		if (!isRich) {
		return /* @__PURE__ */ jsx("div", { ref: forwardedRef, className: cn("min-w-0 w-full rounded-lg border border-tollerud-border/30", className), children: tableScroll });
		}
		const showEmpty = !loading && sorted.length === 0;
		return /* @__PURE__ */ jsxs(
		"div",
		{
		ref: forwardedRef,
		className: cn(
		"min-w-0 w-full rounded-lg border border-tollerud-border/30 bg-tollerud-noir-900",
		className
		),
		children: [
		(searchable \|\| filter \|\| toolbarRight) && /* @__PURE__ */ jsxs(
		"div",
		{
		className: cn(
		"flex flex-col gap-2.5 border-b border-tollerud-border/30 px-4 py-3.5 sm:flex-row sm:items-center",
		searchable ? "sm:justify-between" : "sm:justify-end"
		),
		children: [
		searchable && /* @__PURE__ */ jsxs("div", { className: "flex h-9 w-full items-center gap-2 rounded-lg border border-tollerud-border/30 bg-tollerud-noir-950 px-3 sm:w-[230px] sm:shrink-0", children: [
		/* @__PURE__ */ jsx(Search, { size: 15, className: "shrink-0 text-tollerud-text-muted", "aria-hidden": true }),
		/* @__PURE__ */ jsx(
		"input",
		{
		value: query,
		onChange: (e) => {
		setQuery(e.target.value);
		setPage(1);
		},
		placeholder: searchPlaceholder,
		className: "min-w-0 flex-1 border-none bg-transparent text-sm text-tollerud-text-primary outline-none placeholder:text-tollerud-text-muted"
		}
		),
		query && /* @__PURE__ */ jsx(
		"button",
		{
		type: "button",
		onClick: () => setQuery(""),
		className: "text-tollerud-text-muted hover:text-tollerud-text-primary",
		"aria-label": "Clear search",
		children: /* @__PURE__ */ jsx(X, { size: 13 })
		}
		)
		] }),
		(filter \|\| toolbarRight) && /* @__PURE__ */ jsxs(
		"div",
		{
		className: cn(
		"flex min-w-0 items-center gap-2",
		filter ? "justify-between" : "justify-end",
		"sm:justify-end"
		),
		children: [
		filter && (filter.variant === "combobox" ? /* @__PURE__ */ jsx(
		Combobox,
		{
		value: filterValue,
		onChange: (value) => {
		setFilterValue(value);
		setPage(1);
		},
		options: filterSelectOptions,
		placeholder: filter.placeholder ?? filter.allLabel ?? "Filter\u2026",
		className: "min-w-0 flex-1 sm:flex-none sm:w-[200px]"
		}
		) : /* @__PURE__ / jsx("div", { className: "min-w-0 flex-1 overflow-x-auto sm:flex-none", children: / @__PURE__ */ jsx(
		Segmented,
		{
		size: "sm",
		value: filterValue,
		onChange: (value) => {
		setFilterValue(value);
		setPage(1);
		},
		options: filterSelectOptions
		}
		) })),
		toolbarRight ? /* @__PURE__ */ jsx("div", { className: "shrink-0", children: toolbarRight }) : null
		]
		}
		)
		]
		}
		),
		selectable && selected.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3 border-b border-tollerud-border/30 bg-tollerud-yellow/[0.07] px-4 py-2.5", children: [
		/* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2 text-sm text-tollerud-text-primary", children: [
		/* @__PURE__ */ jsx(Badge, { variant: "accent", children: selected.length }),
		"selected"
		] }),
		/* @__PURE__ / jsx("div", { className: "flex flex-wrap items-center gap-2", children: bulkActions.length > 1 ? / @__PURE__ */ jsx(ButtonGroup, { size: "sm", children: bulkActionButtons }) : bulkActionButtons })
		] }),
		showEmpty ? /* @__PURE__ / jsx("div", { className: "p-2", children: emptyState ?? / @__PURE__ */ jsx("div", { className: "py-12 text-center text-sm text-tollerud-text-muted", children: "No results." }) }) : tableScroll,
		!loading && sorted.length > 0 && /* @__PURE__ */ jsxs("div", { className: "relative z-[4] flex flex-wrap items-center justify-between gap-3 border-t border-tollerud-border/30 px-4 py-2", children: [
		/* @__PURE__ / jsx("span", { className: "text-xs text-tollerud-text-muted", children: effectivePageSize ? `Showing ${(currentPage - 1) effectivePageSize + 1}\u2013${(currentPage - 1) * effectivePageSize + pageRows.length} of ${sorted.length}` : `${sorted.length} row${sorted.length === 1 ? "" : "s"}` }),
		/* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [
		footer,
		allowsPageSizeChange && /* @__PURE__ */ jsx(
		Select,
		{
		label: "Rows",
		layout: "inline",
		size: "sm",
		value: String(activePageSize),
		onChange: (value) => {
		setActivePageSize(Number(value));
		setPage(1);
		},
		options: pageSizeOptionsResolved.map((size) => ({
		value: String(size),
		label: String(size)
		})),
		className: "w-[72px]"
		}
		),
		effectivePageSize && pageCount > 1 && /* @__PURE__ */ jsx(Pagination, { page: currentPage, pageCount, onChange: setPage, siblingCount: 1 })
		] })
		] })
		]
		}
		);
		}
		var DataTable = forwardRef((props, ref) => /* @__PURE__ */ jsx(DataTableInner, { ...props, forwardedRef: ref }));
		DataTable.displayName = "DataTable";

		export { DataTable };
		//# sourceMappingURL=chunk-NVUVL5YX.js.map
		//# sourceMappingURL=chunk-NVUVL5YX.js.map

+1

dist/chunk-NVUVL5YX.js.map

+52

dist/chunk-QSMBVPQL.js

		'use client';
		import { StatusDot } from './chunk-VRFU3FNQ.js';
		import { cn } from './chunk-62DSK4IE.js';
		import { forwardRef } from 'react';
		import { jsxs, jsx } from 'react/jsx-runtime';

		var ServiceHealthCard = forwardRef(
		({ className, service, status = "online", uptime, responseTime, version, loading, ...props }, ref) => {
		return /* @__PURE__ */ jsxs(
		"div",
		{
		ref,
		className: cn(
		"rounded-lg border bg-tollerud-surface-raised p-4",
		"transition-[border-color] duration-fast",
		status === "offline" && "border-tollerud-error/40",
		status === "warning" && "border-tollerud-yellow/30",
		status === "online" && "border-tollerud-border hover:border-tollerud-noir-500",
		status === "idle" && "border-tollerud-border opacity-60",
		loading && "animate-pulse",
		className
		),
		...props,
		children: [
		/* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-2", children: [
		/* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-tollerud-foreground truncate", children: service }),
		/* @__PURE__ */ jsx(StatusDot, { status })
		] }),
		/* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-x-4 gap-y-1 text-xs text-tollerud-text-muted", children: [
		uptime && /* @__PURE__ */ jsxs("span", { children: [
		"Uptime: ",
		/* @__PURE__ */ jsx("span", { className: "text-tollerud-text-secondary", children: uptime })
		] }),
		responseTime && /* @__PURE__ */ jsxs("span", { children: [
		"Response: ",
		/* @__PURE__ */ jsx("span", { className: "text-tollerud-text-secondary", children: responseTime })
		] }),
		version && /* @__PURE__ */ jsxs("span", { children: [
		"Version: ",
		/* @__PURE__ */ jsx("span", { className: "text-tollerud-text-secondary", children: version })
		] })
		] })
		]
		}
		);
		}
		);
		ServiceHealthCard.displayName = "ServiceHealthCard";

		export { ServiceHealthCard };
		//# sourceMappingURL=chunk-QSMBVPQL.js.map
		//# sourceMappingURL=chunk-QSMBVPQL.js.map

+1

dist/chunk-QSMBVPQL.js.map

{"version":3,"sources":["../components/ServiceHealthCard.tsx"],"names":[],"mappings":";;;;;AAmBA,IAAM,iBAAA,GAAoB,UAAA;AAAA,EACxB,CAAC,EAAE,SAAA,EAAW,OAAA,EAAS,MAAA,GAAS,QAAA,EAAU,MAAA,EAAQ,YAAA,EAAc,OAAA,EAAS,OAAA,EAAS,GAAG,KAAA,IAAS,GAAA,KAAQ;AACpG,IAAA,uBACE,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,EAAA;AAAA,UACT,kDAAA;AAAA,UACA,yCAAA;AAAA,UACA,WAAW,SAAA,IAAa,0BAAA;AAAA,UACxB,WAAW,SAAA,IAAa,2BAAA;AAAA,UACxB,WAAW,QAAA,IAAY,uDAAA;AAAA,UACvB,WAAW,MAAA,IAAU,mCAAA;AAAA,UACrB,OAAA,IAAW,eAAA;AAAA,UACX;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,wCAAA,EACb,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,yDAAA,EACb,QAAA,EAAA,OAAA,EACH,CAAA;AAAA,4BACA,GAAA,CAAC,aAAU,MAAA,EAAgB;AAAA,WAAA,EAC7B,CAAA;AAAA,0BACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iEAAA,EACZ,QAAA,EAAA;AAAA,YAAA,MAAA,yBAAW,MAAA,EAAA,EAAK,QAAA,EAAA;AAAA,cAAA,UAAA;AAAA,8BAAQ,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,8BAAA,EAAgC,QAAA,EAAA,MAAA,EAAO;AAAA,aAAA,EAAO,CAAA;AAAA,YACtF,YAAA,yBAAiB,MAAA,EAAA,EAAK,QAAA,EAAA;AAAA,cAAA,YAAA;AAAA,8BAAU,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,8BAAA,EAAgC,QAAA,EAAA,YAAA,EAAa;AAAA,aAAA,EAAO,CAAA;AAAA,YACpG,OAAA,yBAAY,MAAA,EAAA,EAAK,QAAA,EAAA;AAAA,cAAA,WAAA;AAAA,8BAAS,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,8BAAA,EAAgC,QAAA,EAAA,OAAA,EAAQ;AAAA,aAAA,EAAO;AAAA,WAAA,EAC5F;AAAA;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AACA,iBAAA,CAAkB,WAAA,GAAc,mBAAA","file":"chunk-QSMBVPQL.js","sourcesContent":["import { type HTMLAttributes, forwardRef } from 'react'\nimport { cn } from '@/lib/utils'\nimport { StatusDot, type Status } from './StatusDot'\n\nexport interface ServiceHealthCardProps extends HTMLAttributes<HTMLDivElement> {\n /** Service name */\n service: string\n /** Health status */\n status?: Status\n /** Uptime string (e.g. '14d 3h') */\n uptime?: string\n /** Response time in ms */\n responseTime?: string\n /** Current version */\n version?: string\n /** Whether the card is in a loading state */\n loading?: boolean\n}\n\nconst ServiceHealthCard = forwardRef<HTMLDivElement, ServiceHealthCardProps>(\n ({ className, service, status = 'online', uptime, responseTime, version, loading, ...props }, ref) => {\n return (\n <div\n ref={ref}\n className={cn(\n 'rounded-lg border bg-tollerud-surface-raised p-4',\n 'transition-[border-color] duration-fast',\n status === 'offline' && 'border-tollerud-error/40',\n status === 'warning' && 'border-tollerud-yellow/30',\n status === 'online' && 'border-tollerud-border hover:border-tollerud-noir-500',\n status === 'idle' && 'border-tollerud-border opacity-60',\n loading && 'animate-pulse',\n className\n )}\n {...props}\n >\n <div className=\"flex items-center justify-between mb-2\">\n <span className=\"text-sm font-semibold text-tollerud-foreground truncate\">\n {service}\n </span>\n <StatusDot status={status} />\n </div>\n <div className=\"flex flex-wrap gap-x-4 gap-y-1 text-xs text-tollerud-text-muted\">\n {uptime && <span>Uptime: <span className=\"text-tollerud-text-secondary\">{uptime}</span></span>}\n {responseTime && <span>Response: <span className=\"text-tollerud-text-secondary\">{responseTime}</span></span>}\n {version && <span>Version: <span className=\"text-tollerud-text-secondary\">{version}</span></span>}\n </div>\n </div>\n )\n }\n)\nServiceHealthCard.displayName = 'ServiceHealthCard'\n\nexport { ServiceHealthCard }\n"]}

+145

dist/chunk-V54XG7HX.js

		'use client';
		import { useIsMobile } from './chunk-FZI7IBJ3.js';
		import { FloatingDropdownPortal, isOutsideFloatingDropdown } from './chunk-CLPW6X62.js';
		import { cn } from './chunk-62DSK4IE.js';
		import { forwardRef, useId, useState, useRef, useCallback, useEffect } from 'react';
		import { ChevronDown } from 'lucide-react';
		import { jsxs, jsx } from 'react/jsx-runtime';

		var shellClass = "inline-flex items-center gap-0.5 rounded-lg p-1 bg-tollerud-surface-raised border border-tollerud-border";
		function segmentButtonClass(active, size, disabled) {
		return cn(
		"inline-flex items-center justify-center rounded-md font-medium leading-none transition-colors duration-fast tollerud-focus-ring",
		size === "sm" ? "h-7 px-2.5 text-xs" : "h-8 px-3.5 text-sm",
		active ? "bg-tollerud-yellow text-tollerud-noir-black" : "text-tollerud-text-secondary hover:text-tollerud-text-primary",
		disabled && "opacity-40 pointer-events-none"
		);
		}
		var Segmented = forwardRef(
		({
		className,
		options,
		value,
		onChange,
		size = "md",
		collapseMobile = false,
		...props
		}, ref) => {
		const listId = useId();
		const isMobile = useIsMobile();
		const [expanded, setExpanded] = useState(false);
		const rootRef = useRef(null);
		const anchorRef = useRef(null);
		const popoverRef = useRef(null);
		const collapse = collapseMobile && isMobile;
		const selected = options.find((opt) => opt.value === value);
		const setRefs = useCallback(
		(node) => {
		rootRef.current = node;
		if (typeof ref === "function") ref(node);
		else if (ref) ref.current = node;
		},
		[ref]
		);
		useEffect(() => {
		if (!collapse) setExpanded(false);
		}, [collapse]);
		useEffect(() => {
		if (!expanded) return;
		function onPointerDown(event) {
		if (isOutsideFloatingDropdown(event.target, anchorRef, popoverRef)) {
		setExpanded(false);
		}
		}
		document.addEventListener("mousedown", onPointerDown);
		return () => document.removeEventListener("mousedown", onPointerDown);
		}, [expanded]);
		const handleSelect = (next) => {
		onChange(next);
		if (collapse) setExpanded(false);
		};
		if (collapse) {
		const selectedLabel = typeof selected?.label === "string" \|\| typeof selected?.label === "number" ? String(selected?.label) : value;
		return /* @__PURE__ */ jsxs("div", { ref: setRefs, className: cn("relative inline-flex", className), ...props, children: [
		/* @__PURE__ / jsx("div", { ref: anchorRef, className: shellClass, children: / @__PURE__ */ jsxs(
		"button",
		{
		type: "button",
		"aria-expanded": expanded,
		"aria-haspopup": "listbox",
		"aria-controls": expanded ? listId : void 0,
		"aria-label": `${selectedLabel}, show options`,
		onClick: () => setExpanded((open) => !open),
		className: cn(segmentButtonClass(true, size), "gap-1"),
		children: [
		selected?.label ?? value,
		/* @__PURE__ */ jsx(
		ChevronDown,
		{
		size: size === "sm" ? 14 : 16,
		"aria-hidden": true,
		className: cn("transition-transform duration-fast", expanded && "rotate-180")
		}
		)
		]
		}
		) }),
		/* @__PURE__ */ jsx(
		FloatingDropdownPortal,
		{
		open: expanded,
		anchorRef,
		popoverRef,
		id: listId,
		role: "listbox",
		placementOptions: { maxHeight: 240 },
		className: "overflow-hidden rounded-lg border border-tollerud-border bg-tollerud-surface-overlay py-1",
		children: options.map((opt, index) => {
		const active = opt.value === value;
		return /* @__PURE__ */ jsx(
		"button",
		{
		type: "button",
		role: "option",
		"aria-selected": active,
		disabled: opt.disabled,
		onClick: () => !opt.disabled && handleSelect(opt.value),
		className: cn(
		"w-full text-left px-3 py-2 text-sm transition-colors duration-fast cursor-pointer",
		active ? "text-tollerud-yellow" : "text-tollerud-text-primary",
		"hover:bg-tollerud-noir-700/60",
		active && "bg-tollerud-noir-700",
		opt.disabled && "opacity-40 pointer-events-none"
		),
		children: opt.label
		},
		`${String(opt.value)}-${index}`
		);
		})
		}
		)
		] });
		}
		return /* @__PURE__ */ jsx("div", { ref: setRefs, role: "radiogroup", className: cn(shellClass, className), ...props, children: options.map((opt, index) => {
		const active = opt.value === value;
		return /* @__PURE__ */ jsx(
		"button",
		{
		type: "button",
		role: "radio",
		"aria-checked": active,
		disabled: opt.disabled,
		onClick: () => !opt.disabled && handleSelect(opt.value),
		className: segmentButtonClass(active, size, opt.disabled),
		children: opt.label
		},
		`${String(opt.value)}-${index}`
		);
		}) });
		}
		);
		Segmented.displayName = "Segmented";

		export { Segmented };
		//# sourceMappingURL=chunk-V54XG7HX.js.map
		//# sourceMappingURL=chunk-V54XG7HX.js.map

+1

dist/chunk-V54XG7HX.js.map

+382

dist/chunk-V6LXDL2K.js

		'use client';
		import { Segmented } from './chunk-V54XG7HX.js';
		import { useChartInteraction, clampTooltipX, ChartTooltipLayer, ChartTooltip, ChartLiveRegion, ChartSrTable } from './chunk-3EO4SOJN.js';
		import { formatChartNumber, formatChartDateLong, formatChartDateShort, CHART_SERIES_COLORS, filterPointsByDuration, sortPointsByDate, computeYDomain, DEFAULT_CHART_PADDING, xScaleIndex, yScale, buildStepPath, buildLinearPath, buildStepAreaPath, buildLinearAreaPath, niceTicks, parseChartDate } from './chunk-TVFOKOHV.js';
		import { cn } from './chunk-62DSK4IE.js';
		import { forwardRef, useId, useRef, useState, useCallback, useMemo, useEffect } from 'react';
		import { jsx, jsxs } from 'react/jsx-runtime';

		var MS_DAY = 24 * 60 * 60 * 1e3;
		var TIME_SERIES_PRESETS = [
		{ value: "3m", label: "3 mo", durationMs: 90 * MS_DAY },
		{ value: "6m", label: "6 mo", durationMs: 180 * MS_DAY },
		{ value: "1y", label: "1 yr", durationMs: 365 * MS_DAY },
		{ value: "2y", label: "2 yr", durationMs: 730 * MS_DAY },
		{ value: "all", label: "All" }
		];
		var SINGLE_SERIES_COLOR = "var(--tollerud-yellow-warm, #E8D500)";
		function defaultTooltip(point, formatValue, formatDate) {
		return /* @__PURE__ */ jsx(
		ChartTooltip,
		{
		title: formatValue(point.value),
		subtitle: formatDate(parseChartDate(point.date)),
		label: point.label,
		lines: point.meta
		}
		);
		}
		var TimeSeriesChart = forwardRef(
		({
		className,
		data,
		series,
		height = 280,
		curve = "step",
		yAxis = "right",
		padding: paddingOverride,
		formatValue,
		valuePrefix,
		valueSuffix,
		formatDate,
		formatAxisDate,
		showLatestValue = true,
		ranges,
		range,
		onRangeChange,
		toolbarLeft,
		renderTooltip,
		showLegend = true,
		emptyMessage = "No data",
		locale = "en-US",
		ariaLabel,
		srTable = true,
		...props
		}, ref) => {
		const gradientId = useId().replace(/:/g, "");
		const svgRef = useRef(null);
		const [width, setWidth] = useState(640);
		const [internalRange, setInternalRange] = useState(ranges?.[0]?.value ?? "all");
		const isMulti = Boolean(series && series.length > 0);
		const activeRange = range ?? internalRange;
		const activeRangeDef = ranges?.find((r) => r.value === activeRange);
		const valueFormatter = useCallback(
		(v) => {
		if (formatValue) return formatValue(v);
		const base = formatChartNumber(v, locale);
		if (!valuePrefix && !valueSuffix) return base;
		return `${valuePrefix ?? ""}${base}${valueSuffix ?? ""}`;
		},
		[formatValue, locale, valuePrefix, valueSuffix]
		);
		const dateFormatter = useCallback(
		(d) => formatDate?.(d) ?? formatChartDateLong(d, locale),
		[formatDate, locale]
		);
		const axisDateFormatter = useCallback(
		(d) => formatAxisDate?.(d) ?? formatChartDateShort(d, locale),
		[formatAxisDate, locale]
		);
		const seriesList = useMemo(() => {
		const raw = isMulti && series ? series.map((s, index) => ({
		label: s.label,
		color: s.color ?? CHART_SERIES_COLORS[index % CHART_SERIES_COLORS.length],
		points: s.points
		})) : [{ label: "", color: SINGLE_SERIES_COLOR, points: data ?? [] }];
		return raw.map((s) => {
		const visiblePoints = filterPointsByDuration(
		sortPointsByDate(s.points),
		activeRangeDef?.durationMs
		);
		return {
		label: s.label,
		color: s.color,
		visiblePoints,
		values: visiblePoints.map((p) => p.value)
		};
		});
		}, [isMulti, series, data, activeRangeDef?.durationMs]);
		const primaryPoints = seriesList[0]?.visiblePoints ?? [];
		const xCount = primaryPoints.length;
		const allValues = useMemo(() => seriesList.flatMap((s) => s.values), [seriesList]);
		const domain = useMemo(() => computeYDomain(allValues), [allValues]);
		const padding = useMemo(() => {
		const base = { ...DEFAULT_CHART_PADDING, ...paddingOverride };
		if (yAxis === "left") return { ...base, left: 52, right: 12 };
		if (yAxis === "none") return { ...base, left: 12, right: 12 };
		return base;
		}, [paddingOverride, yAxis]);
		const { activeIndex: pointIndex, isKeyboard, svgProps } = useChartInteraction({
		svgRef,
		count: xCount,
		paddingLeft: padding.left,
		paddingRight: padding.right
		});
		const plotLeft = padding.left;
		const plotRight = width - padding.right;
		const plotTop = padding.top;
		const plotBottom = height - padding.bottom;
		const plotWidth = plotRight - plotLeft;
		const plotHeight = plotBottom - plotTop;
		const baselineY = plotBottom;
		const xAt = useCallback(
		(index) => xScaleIndex(index, xCount, plotLeft, plotWidth),
		[plotLeft, plotWidth, xCount]
		);
		const yAt = useCallback(
		(value) => yScale(value, domain, plotTop, plotHeight),
		[domain, plotHeight, plotTop]
		);
		const buildLine = useCallback(
		(values) => curve === "step" ? buildStepPath(values, xAt, yAt) : buildLinearPath(values, xAt, yAt),
		[curve, xAt, yAt]
		);
		const areaPath = useMemo(() => {
		if (isMulti) return "";
		const values = seriesList[0]?.values ?? [];
		if (curve === "step") return buildStepAreaPath(values, xAt, yAt, baselineY);
		return buildLinearAreaPath(values, xAt, yAt, baselineY);
		}, [isMulti, seriesList, baselineY, curve, xAt, yAt]);
		const yTicks = useMemo(() => niceTicks(domain.min, domain.max, 4), [domain]);
		const xLabelIndexes = useMemo(() => {
		if (xCount <= 1) return [0];
		const maxLabels = 7;
		const step = Math.max(1, Math.floor((xCount - 1) / (maxLabels - 1)));
		const indexes = [];
		for (let i = 0; i < xCount; i += step) indexes.push(i);
		if (indexes[indexes.length - 1] !== xCount - 1) indexes.push(xCount - 1);
		return indexes;
		}, [xCount]);
		const activeIndex = pointIndex ?? (xCount > 0 ? xCount - 1 : null);
		const activePoint = !isMulti && activeIndex != null ? primaryPoints[activeIndex] : null;
		useEffect(() => {
		const el = svgRef.current?.parentElement;
		if (!el) return;
		const ro = new ResizeObserver(([entry]) => {
		if (entry) setWidth(entry.contentRect.width);
		});
		ro.observe(el);
		setWidth(el.getBoundingClientRect().width \|\| 640);
		return () => ro.disconnect();
		}, []);
		const handleRangeChange = (next) => {
		if (range === void 0) setInternalRange(next);
		onRangeChange?.(next);
		};
		if (xCount === 0) {
		return /* @__PURE__ */ jsx(
		"div",
		{
		ref,
		className: cn("w-full rounded-lg border border-tollerud-noir-700 bg-tollerud-noir-900 px-4 py-8 text-center text-sm text-tollerud-text-muted", className),
		...props,
		children: emptyMessage
		}
		);
		}
		const crosshairX = activeIndex != null ? xAt(activeIndex) : null;
		const valueAt = (s) => activeIndex != null ? s.visiblePoints[activeIndex]?.value ?? null : null;
		const anchorY = activeIndex != null ? Math.min(
		...seriesList.map((s) => {
		const v = valueAt(s);
		return v != null ? yAt(v) : Number.POSITIVE_INFINITY;
		})
		) : Number.POSITIVE_INFINITY;
		const crosshairY = !isMulti && activePoint ? yAt(activePoint.value) : Number.isFinite(anchorY) ? anchorY : plotTop;
		const tooltipLeft = crosshairX != null ? clampTooltipX(crosshairX, width) : width / 2;
		const activeDate = activeIndex != null && primaryPoints[activeIndex] ? dateFormatter(parseChartDate(primaryPoints[activeIndex].date)) : "";
		const announcement = isKeyboard && pointIndex != null ? isMulti ? `${activeDate}: ${seriesList.map((s) => {
		const v = valueAt(s);
		return `${s.label} ${v != null ? valueFormatter(v) : "\u2014"}`;
		}).join(", ")}` : activePoint ? `${activeDate}: ${valueFormatter(activePoint.value)}` : null : null;
		return /* @__PURE__ */ jsxs("div", { ref, className: cn("w-full", className), ...props, children: [
		(ranges?.length \|\| toolbarLeft \|\| isMulti && showLegend) && /* @__PURE__ */ jsxs("div", { className: "mb-3 flex flex-wrap items-center justify-between gap-3", children: [
		/* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-wrap items-center gap-x-4 gap-y-1.5", children: [
		toolbarLeft,
		isMulti && showLegend ? seriesList.map((s) => /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5 text-xs text-tollerud-text-secondary", children: [
		/* @__PURE__ */ jsx(
		"span",
		{
		className: "h-2 w-2 shrink-0 rounded-[2px]",
		style: { background: s.color },
		"aria-hidden": "true"
		}
		),
		s.label
		] }, s.label)) : null
		] }),
		ranges?.length ? /* @__PURE__ */ jsx(
		Segmented,
		{
		size: "sm",
		options: ranges.map(({ value, label, disabled }) => ({ value, label, disabled })),
		value: activeRange,
		onChange: handleRangeChange
		}
		) : null
		] }),
		/* @__PURE__ */ jsxs("div", { className: "relative w-full", children: [
		/* @__PURE__ */ jsxs(
		"svg",
		{
		ref: svgRef,
		width,
		height,
		className: "tollerud-focus-ring block w-full touch-none select-none",
		role: "img",
		"aria-label": ariaLabel ?? "Time series chart",
		...svgProps,
		children: [
		/* @__PURE__ / jsx("defs", { children: / @__PURE__ */ jsxs("linearGradient", { id: gradientId, x1: "0", y1: "0", x2: "0", y2: "1", children: [
		/* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: "var(--tollerud-yellow-warm, #E8D500)", stopOpacity: "0.28" }),
		/* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: "var(--tollerud-yellow-warm, #E8D500)", stopOpacity: "0" })
		] }) }),
		yTicks.map((tick) => {
		const y = yAt(tick);
		return /* @__PURE__ */ jsxs("g", { children: [
		/* @__PURE__ */ jsx(
		"line",
		{
		x1: plotLeft,
		x2: plotRight,
		y1: y,
		y2: y,
		stroke: "var(--chart-grid)",
		strokeWidth: "1",
		strokeDasharray: "4 4"
		}
		),
		yAxis === "left" ? /* @__PURE__ */ jsx(
		"text",
		{
		x: plotLeft - 8,
		y: y + 4,
		textAnchor: "end",
		className: "fill-[var(--chart-axis)] text-[11px]",
		children: valueFormatter(tick)
		}
		) : null,
		yAxis === "right" ? /* @__PURE__ */ jsx(
		"text",
		{
		x: plotRight + 8,
		y: y + 4,
		textAnchor: "start",
		className: "fill-[var(--chart-axis)] text-[11px]",
		children: valueFormatter(tick)
		}
		) : null
		] }, tick);
		}),
		!isMulti ? /* @__PURE__ */ jsx("path", { d: areaPath, fill: `url(#${gradientId})` }) : null,
		seriesList.map((s) => /* @__PURE__ */ jsx(
		"path",
		{
		d: buildLine(s.values),
		fill: "none",
		stroke: s.color,
		strokeWidth: "2",
		strokeLinecap: "round",
		strokeLinejoin: "round"
		},
		s.label \|\| "series"
		)),
		xLabelIndexes.map((index) => /* @__PURE__ */ jsx(
		"text",
		{
		x: xAt(index),
		y: height - 10,
		textAnchor: "middle",
		className: "fill-[var(--chart-axis)] text-[11px]",
		children: axisDateFormatter(parseChartDate(primaryPoints[index].date))
		},
		index
		)),
		!isMulti && showLatestValue && activePoint && pointIndex === null && yAxis === "right" ? /* @__PURE__ */ jsx(
		"line",
		{
		x1: plotLeft,
		x2: plotRight,
		y1: yAt(activePoint.value),
		y2: yAt(activePoint.value),
		stroke: "var(--tollerud-yellow-warm, #E8D500)",
		strokeOpacity: "0.35",
		strokeWidth: "1"
		}
		) : null,
		crosshairX != null && pointIndex !== null ? /* @__PURE__ */ jsx(
		"line",
		{
		x1: crosshairX,
		x2: crosshairX,
		y1: plotTop,
		y2: plotBottom,
		stroke: "var(--chart-axis)",
		strokeWidth: "1"
		}
		) : null,
		crosshairX != null && pointIndex !== null ? seriesList.map((s) => {
		const v = valueAt(s);
		if (v == null) return null;
		return /* @__PURE__ */ jsx(
		"circle",
		{
		cx: crosshairX,
		cy: yAt(v),
		r: "5",
		fill: "var(--card, #111111)",
		stroke: s.color,
		strokeWidth: "2"
		},
		s.label \|\| "series"
		);
		}) : null
		]
		}
		),
		pointIndex !== null && (isMulti \|\| activePoint) ? /* @__PURE__ / jsx(ChartTooltipLayer, { left: tooltipLeft, top: crosshairY - 12, children: isMulti ? / @__PURE__ */ jsx(
		ChartTooltip,
		{
		title: activeDate,
		rows: seriesList.map((s) => {
		const v = valueAt(s);
		return {
		label: s.label,
		value: v != null ? valueFormatter(v) : "\u2014",
		color: s.color
		};
		})
		}
		) : renderTooltip ? renderTooltip(activePoint, activeIndex, valueFormatter(activePoint.value)) : defaultTooltip(activePoint, valueFormatter, dateFormatter) }) : null,
		!isMulti && showLatestValue && activePoint && pointIndex === null && yAxis === "right" ? /* @__PURE__ */ jsx(
		"div",
		{
		className: "pointer-events-none absolute -translate-y-1/2 whitespace-nowrap rounded-md bg-tollerud-yellow px-2 py-0.5 text-[10px] font-semibold text-tollerud-noir-950",
		style: { top: yAt(activePoint.value), right: 0 },
		children: valueFormatter(activePoint.value)
		}
		) : null
		] }),
		/* @__PURE__ */ jsx(ChartLiveRegion, { message: announcement }),
		srTable ? /* @__PURE__ */ jsx(
		ChartSrTable,
		{
		caption: ariaLabel ?? "Time series chart",
		columns: ["Date", ...isMulti ? seriesList.map((s) => s.label) : ["Value"]],
		rows: primaryPoints.map((point, index) => ({
		header: dateFormatter(parseChartDate(point.date)),
		cells: isMulti ? seriesList.map((s) => {
		const v = s.visiblePoints[index]?.value;
		return v != null ? valueFormatter(v) : "";
		}) : [valueFormatter(point.value)]
		}))
		}
		) : null
		] });
		}
		);
		TimeSeriesChart.displayName = "TimeSeriesChart";

		export { TIME_SERIES_PRESETS, TimeSeriesChart };
		//# sourceMappingURL=chunk-V6LXDL2K.js.map
		//# sourceMappingURL=chunk-V6LXDL2K.js.map

+1

dist/chunk-V6LXDL2K.js.map

+273

dist/chunk-VLROGAHI.js

		'use client';
		import { DialogTitle, DialogDescription } from './chunk-ANUWAVRE.js';
		import { Monogram } from './chunk-KGFOWDPH.js';
		import { Cluster } from './chunk-K3B5D66V.js';
		import { motionEase, motionDuration } from './chunk-GTKO7UEG.js';
		import { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from './chunk-GVDGVN3Q.js';
		import { cn } from './chunk-62DSK4IE.js';
		import * as DialogPrimitive from '@radix-ui/react-dialog';
		import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
		import { useReducedMotion, AnimatePresence, motion } from 'framer-motion';
		import { ChevronDown, X, Menu } from 'lucide-react';
		import { forwardRef, useState, useMemo, Children, isValidElement, Fragment } from 'react';
		import { jsxs, jsx, Fragment as Fragment$1 } from 'react/jsx-runtime';

		var maxWidthClasses = {
		default: "max-w-[1100px]",
		wide: "max-w-[1400px]",
		full: "max-w-none"
		};
		function TopNavAction({ children }) {
		return /* @__PURE__ */ jsx(Fragment$1, { children });
		}
		TopNavAction.displayName = "TopNavAction";
		function isTopNavAction(element) {
		return isValidElement(element) && element.type.displayName === "TopNavAction";
		}
		function flattenActionChildren(children) {
		return Children.toArray(children).flatMap((child) => {
		if (isValidElement(child) && child.type === Fragment) {
		return flattenActionChildren(child.props.children);
		}
		return [child];
		});
		}
		function partitionActions(actions) {
		const inline = [];
		const menu = [];
		const desktop = [];
		for (const child of flattenActionChildren(actions)) {
		if (isTopNavAction(child)) {
		const mobile = child.props.mobile ?? "menu";
		const content = child.props.children;
		desktop.push(content);
		if (mobile === "inline") inline.push(content);
		else if (mobile === "menu") menu.push(content);
		} else if (child != null && child !== false) {
		desktop.push(child);
		menu.push(child);
		}
		}
		return { inline, menu, desktop };
		}
		function isTopNavGroup(item) {
		return !!item.items && item.items.length > 0;
		}
		function topNavItemKey(item, prefix = "") {
		return `${prefix}${item.href ?? ""}-${String(item.label)}`;
		}
		function TopNavLink({
		item,
		className,
		onNavigate
		}) {
		return /* @__PURE__ */ jsx(
		"a",
		{
		href: item.href,
		target: item.external ? "_blank" : void 0,
		rel: item.external ? "noreferrer" : void 0,
		"aria-current": item.active ? "page" : void 0,
		onClick: onNavigate,
		className: cn(
		"tollerud-focus-ring rounded-sm text-sm text-tollerud-text-secondary no-underline transition-colors hover:text-tollerud-text-primary",
		item.active && "text-tollerud-yellow",
		className
		),
		children: item.label
		}
		);
		}
		var TopNav = forwardRef(
		({
		className,
		projectName,
		homeHref = "/",
		navItems = [],
		actions,
		sticky = true,
		maxWidth = false,
		mobileMenuTitle = "Navigation menu",
		mobileMenuExtra,
		...props
		}, ref) => {
		const [mobileOpen, setMobileOpen] = useState(false);
		const hasNavItems = navItems.length > 0;
		const { inline: mobileInlineActions, menu: mobileMenuActions, desktop: desktopActions } = useMemo(() => partitionActions(actions), [actions]);
		const hasDesktopActions = desktopActions.length > 0;
		const hasMobileMenuContent = hasNavItems \|\| mobileMenuActions.length > 0 \|\| !!mobileMenuExtra;
		const closeMobileMenu = () => setMobileOpen(false);
		const prefersReducedMotion = useReducedMotion();
		const enterTransition = prefersReducedMotion ? { duration: 0 } : { duration: motionDuration.normal, ease: motionEase.out };
		const exitTransition = prefersReducedMotion ? { duration: 0 } : { duration: motionDuration.normal, ease: motionEase.in };
		const headerBar = /* @__PURE__ */ jsxs(
		"div",
		{
		className: cn(
		"mx-auto flex min-h-14 w-full items-center gap-4 px-6 max-lg:gap-2",
		maxWidth && maxWidthClasses[maxWidth]
		),
		children: [
		/* @__PURE__ */ jsxs(
		"a",
		{
		href: homeHref,
		className: "tollerud-focus-ring flex shrink-0 items-center gap-2 rounded-sm text-tollerud-text-primary no-underline",
		children: [
		/* @__PURE__ */ jsx(Monogram, { color: "yellow", className: "h-5 w-auto" }),
		/* @__PURE__ */ jsx("span", { className: "text-base font-semibold leading-tight", children: projectName })
		]
		}
		),
		hasNavItems && /* @__PURE__ */ jsx(NavigationMenuPrimitive.List, { className: "ml-2 hidden min-w-0 flex-wrap items-center gap-4 lg:flex", children: navItems.map(
		(item) => isTopNavGroup(item) ? /* @__PURE__ */ jsxs(NavigationMenuPrimitive.Item, { children: [
		/* @__PURE__ */ jsxs(
		NavigationMenuPrimitive.Trigger,
		{
		className: cn(
		"tollerud-focus-ring group flex items-center gap-1 rounded-sm text-sm text-tollerud-text-secondary transition-colors hover:text-tollerud-text-primary",
		item.active && "text-tollerud-yellow"
		),
		children: [
		item.label,
		/* @__PURE__ */ jsx(
		ChevronDown,
		{
		className: "h-3 w-3 shrink-0 transition-transform duration-fast group-data-[state=open]:rotate-180",
		"aria-hidden": "true"
		}
		)
		]
		}
		),
		/* @__PURE__ / jsx(NavigationMenuPrimitive.Content, { className: "tollerud-topnav-flyout-content", children: / @__PURE__ / jsx("ul", { className: "flex min-w-[12rem] flex-col gap-1 p-2", children: item.items.map((child) => / @__PURE__ / jsx("li", { children: / @__PURE__ / jsx(NavigationMenuPrimitive.Link, { asChild: true, active: child.active, children: / @__PURE__ */ jsx(
		TopNavLink,
		{
		item: child,
		className: "block rounded-md px-2 py-1.5 hover:bg-tollerud-surface-hover hover:text-tollerud-text-primary"
		}
		) }) }, topNavItemKey(child))) }) })
		] }, topNavItemKey(item)) : /* @__PURE__ / jsx(NavigationMenuPrimitive.Item, { children: / @__PURE__ / jsx(NavigationMenuPrimitive.Link, { asChild: true, active: item.active, children: / @__PURE__ */ jsx(TopNavLink, { item }) }) }, topNavItemKey(item))
		) }),
		hasDesktopActions && /* @__PURE__ */ jsx(Cluster, { as: "div", gap: "sm", justify: "end", className: "ml-auto hidden shrink-0 lg:flex", children: desktopActions }),
		(hasMobileMenuContent \|\| mobileInlineActions.length > 0) && /* @__PURE__ */ jsxs("div", { className: "ml-auto flex items-center gap-2 lg:hidden", children: [
		mobileInlineActions.length > 0 && /* @__PURE__ */ jsx(Cluster, { as: "div", gap: "sm", justify: "end", className: "shrink-0", children: mobileInlineActions }),
		hasMobileMenuContent && /* @__PURE__ / jsx(DialogPrimitive.Trigger, { asChild: true, children: / @__PURE__ */ jsx(
		"button",
		{
		type: "button",
		className: "tollerud-focus-ring inline-flex h-[34px] w-[34px] shrink-0 items-center justify-center rounded-md border border-tollerud-border bg-tollerud-noir-900 text-tollerud-text-secondary transition-colors hover:border-tollerud-noir-500 hover:text-tollerud-text-primary",
		"aria-label": "Toggle navigation menu",
		"aria-expanded": mobileOpen,
		children: mobileOpen ? /* @__PURE__ / jsx(X, { className: "h-4 w-4" }) : / @__PURE__ */ jsx(Menu, { className: "h-4 w-4" })
		}
		) })
		] })
		]
		}
		);
		const viewport = hasNavItems ? /* @__PURE__ / jsx("div", { className: "tollerud-topnav-viewport-wrapper absolute inset-x-0 top-full hidden justify-center lg:flex", children: / @__PURE__ */ jsx(NavigationMenuPrimitive.Viewport, { className: "tollerud-topnav-viewport border border-tollerud-border/30 bg-tollerud-noir-850 shadow-lg" }) }) : null;
		const mobileMenu = hasMobileMenuContent ? /* @__PURE__ / jsx(AnimatePresence, { children: mobileOpen && / @__PURE__ */ jsxs(DialogPrimitive.Portal, { forceMount: true, children: [
		/* @__PURE__ / jsx(DialogPrimitive.Overlay, { asChild: true, forceMount: true, children: / @__PURE__ */ jsx(
		motion.div,
		{
		className: "tollerud-topnav-menu-overlay lg:hidden",
		initial: { opacity: 0 },
		animate: { opacity: 1, transition: enterTransition },
		exit: { opacity: 0, transition: exitTransition }
		}
		) }),
		/* @__PURE__ */ jsx(
		DialogPrimitive.Content,
		{
		asChild: true,
		forceMount: true,
		onOpenAutoFocus: (event) => event.preventDefault(),
		children: /* @__PURE__ */ jsxs(
		motion.div,
		{
		className: cn(
		"tollerud-topnav-menu-panel fixed inset-x-0 top-14 z-50 max-h-[calc(100vh-3.5rem)] overflow-y-auto border-b border-tollerud-border bg-tollerud-noir-950 px-6 py-4 shadow-xl outline-none lg:hidden",
		maxWidth && "mx-auto w-full",
		maxWidth && maxWidthClasses[maxWidth]
		),
		initial: { opacity: 0, y: -8 },
		animate: { opacity: 1, y: 0, transition: enterTransition },
		exit: { opacity: 0, y: -8, transition: exitTransition },
		children: [
		/* @__PURE__ */ jsx(DialogTitle, { className: "tollerud-sr-only", children: mobileMenuTitle }),
		/* @__PURE__ */ jsx(DialogDescription, { className: "tollerud-sr-only", children: "Site navigation links and actions" }),
		/* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
		hasNavItems && /* @__PURE__ */ jsx(Cluster, { as: "div", gap: "sm", className: "flex-col items-stretch", children: navItems.map(
		(item) => isTopNavGroup(item) ? /* @__PURE__ */ jsx(
		Accordion,
		{
		className: "rounded-none border-0 divide-y-0",
		children: /* @__PURE__ */ jsxs(AccordionItem, { value: topNavItemKey(item, "mobile-group-"), children: [
		/* @__PURE__ */ jsx(AccordionTrigger, { className: "rounded-sm px-1 py-2 text-sm font-normal text-tollerud-text-secondary hover:bg-transparent hover:text-tollerud-text-primary", children: item.label }),
		/* @__PURE__ / jsx(AccordionContent, { className: "flex flex-col gap-1 px-0 pb-1 pt-0", children: item.items.map((child) => / @__PURE__ */ jsx(
		TopNavLink,
		{
		item: child,
		className: "px-3 py-2 text-tollerud-text-secondary",
		onNavigate: closeMobileMenu
		},
		topNavItemKey(child, "mobile-")
		)) })
		] })
		},
		topNavItemKey(item, "mobile-group-")
		) : /* @__PURE__ */ jsx(
		TopNavLink,
		{
		item,
		className: "px-1 py-2",
		onNavigate: closeMobileMenu
		},
		topNavItemKey(item, "mobile-")
		)
		) }),
		mobileMenuActions.length > 0 && /* @__PURE__ */ jsx(
		Cluster,
		{
		as: "div",
		gap: "sm",
		className: cn(
		"flex-col items-stretch",
		hasNavItems && "border-t border-tollerud-border pt-4"
		),
		onClick: closeMobileMenu,
		children: mobileMenuActions
		}
		),
		mobileMenuExtra && /* @__PURE__ */ jsx("div", { className: "border-t border-tollerud-border pt-4", children: mobileMenuExtra })
		] })
		]
		}
		)
		}
		)
		] }) }) : null;
		const navClassName = cn(
		"relative z-30 border-b border-tollerud-border bg-tollerud-noir-950/85 backdrop-blur-[20px]",
		sticky && "sticky top-0",
		className
		);
		if (hasMobileMenuContent) {
		return /* @__PURE__ / jsx(DialogPrimitive.Root, { open: mobileOpen, onOpenChange: setMobileOpen, children: / @__PURE__ */ jsxs(NavigationMenuPrimitive.Root, { ref, className: navClassName, ...props, children: [
		headerBar,
		viewport,
		mobileMenu
		] }) });
		}
		return /* @__PURE__ */ jsxs(NavigationMenuPrimitive.Root, { ref, className: navClassName, ...props, children: [
		headerBar,
		viewport
		] });
		}
		);
		TopNav.displayName = "TopNav";

		export { TopNav, TopNavAction };
		//# sourceMappingURL=chunk-VLROGAHI.js.map
		//# sourceMappingURL=chunk-VLROGAHI.js.map

+1

dist/chunk-VLROGAHI.js.map

+73

dist/chunk-VRFU3FNQ.js

		'use client';
		import { motionEase, motionDuration } from './chunk-GTKO7UEG.js';
		import { cn } from './chunk-62DSK4IE.js';
		import { forwardRef } from 'react';
		import { motion } from 'framer-motion';
		import { jsxs, jsx } from 'react/jsx-runtime';

		var statusColors = {
		online: "bg-tollerud-success",
		offline: "bg-tollerud-error",
		warning: "bg-tollerud-yellow",
		idle: "bg-tollerud-noir-400",
		info: "bg-tollerud-info"
		};
		var pulseColors = {
		online: "rgba(34,197,94,0.5)",
		warning: "rgba(232,213,0,0.45)",
		offline: "rgba(239,68,68,0.5)"
		};
		var animationKeyframes = `
		@keyframes tollerud-dot-pulse {
		0%, 100% { box-shadow: 0 0 0 0 var(--pulse-color, rgba(34,197,94,0.5)); }
		50% { box-shadow: 0 0 0 5px var(--pulse-color, rgba(34,197,94,0)); }
		}
		`;
		var StatusDot = forwardRef(
		({ className, status = "idle", label, noPulse, ...props }, ref) => {
		const shouldPulse = !noPulse && (status === "online" \|\| status === "warning" \|\| status === "offline");
		const pulseColor = pulseColors[status];
		return /* @__PURE__ */ jsxs(
		"span",
		{
		ref,
		className: cn("inline-flex items-center gap-1.5 text-xs font-medium", className),
		...props,
		children: [
		/* @__PURE__ */ jsx("style", { children: animationKeyframes }),
		/* @__PURE__ */ jsx(
		motion.span,
		{
		layout: true,
		animate: {
		scaleX: [1, 1.6, 1],
		scaleY: [1, 0.6, 1]
		},
		transition: {
		duration: motionDuration.slow,
		ease: motionEase.out,
		times: [0, 0.3, 1]
		},
		className: cn(
		"inline-block w-2 h-2 rounded-full",
		statusColors[status],
		shouldPulse && "animate-tollerud-dot-pulse"
		),
		style: {
		...shouldPulse && pulseColor ? { "--pulse-color": pulseColor } : {},
		animation: shouldPulse ? "tollerud-dot-pulse 2s var(--motion-ease-in-out) infinite" : void 0
		}
		},
		status
		),
		label && /* @__PURE__ */ jsx("span", { children: label })
		]
		}
		);
		}
		);
		StatusDot.displayName = "StatusDot";

		export { StatusDot };
		//# sourceMappingURL=chunk-VRFU3FNQ.js.map
		//# sourceMappingURL=chunk-VRFU3FNQ.js.map

+1

dist/chunk-VRFU3FNQ.js.map

{"version":3,"sources":["../components/StatusDot.tsx"],"names":[],"mappings":";;;;;;AASA,IAAM,YAAA,GAAuC;AAAA,EAC3C,MAAA,EAAQ,qBAAA;AAAA,EACR,OAAA,EAAS,mBAAA;AAAA,EACT,OAAA,EAAS,oBAAA;AAAA,EACT,IAAA,EAAM,sBAAA;AAAA,EACN,IAAA,EAAM;AACR,CAAA;AAEA,IAAM,WAAA,GAA+C;AAAA,EACnD,MAAA,EAAQ,qBAAA;AAAA,EACR,OAAA,EAAS,sBAAA;AAAA,EACT,OAAA,EAAS;AACX,CAAA;AAEA,IAAM,kBAAA,GAAqB;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA;AAc3B,IAAM,SAAA,GAAY,UAAA;AAAA,EAChB,CAAC,EAAE,SAAA,EAAW,MAAA,GAAS,MAAA,EAAQ,OAAO,OAAA,EAAS,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACjE,IAAA,MAAM,cAAc,CAAC,OAAA,KAAY,WAAW,QAAA,IAAY,MAAA,KAAW,aAAa,MAAA,KAAW,SAAA,CAAA;AAC3F,IAAA,MAAM,UAAA,GAAa,YAAY,MAAM,CAAA;AAErC,IAAA,uBACE,IAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,EAAA,CAAG,sDAAA,EAAwD,SAAS,CAAA;AAAA,QAC9E,GAAG,KAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,WAAO,QAAA,EAAA,kBAAA,EAAmB,CAAA;AAAA,0BAC3B,GAAA;AAAA,YAAC,MAAA,CAAO,IAAA;AAAA,YAAP;AAAA,cACC,MAAA,EAAM,IAAA;AAAA,cAEN,OAAA,EAAS;AAAA,gBACP,MAAA,EAAQ,CAAC,CAAA,EAAG,GAAA,EAAK,CAAC,CAAA;AAAA,gBAClB,MAAA,EAAQ,CAAC,CAAA,EAAG,GAAA,EAAK,CAAC;AAAA,eACpB;AAAA,cACA,UAAA,EAAY;AAAA,gBACV,UAAU,cAAA,CAAe,IAAA;AAAA,gBACzB,MAAM,UAAA,CAAW,GAAA;AAAA,gBACjB,KAAA,EAAO,CAAC,CAAA,EAAG,GAAA,EAAK,CAAC;AAAA,eACnB;AAAA,cACA,SAAA,EAAW,EAAA;AAAA,gBACT,mCAAA;AAAA,gBACA,aAAa,MAAM,CAAA;AAAA,gBACnB,WAAA,IAAe;AAAA,eACjB;AAAA,cACA,KAAA,EAAO;AAAA,gBACL,GAAI,WAAA,IAAe,UAAA,GAAc,EAAE,eAAA,EAAiB,UAAA,KAAuC,EAAC;AAAA,gBAC5F,SAAA,EAAW,cAAc,0DAAA,GAA6D;AAAA;AACxF,aAAA;AAAA,YAlBK;AAAA,WAmBP;AAAA,UACC,KAAA,oBAAS,GAAA,CAAC,MAAA,EAAA,EAAM,QAAA,EAAA,KAAA,EAAM;AAAA;AAAA;AAAA,KACzB;AAAA,EAEJ;AACF;AACA,SAAA,CAAU,WAAA,GAAc,WAAA","file":"chunk-VRFU3FNQ.js","sourcesContent":["'use client'\n\nimport { type HTMLAttributes, forwardRef } from 'react'\nimport { motion } from 'framer-motion'\nimport { cn } from '@/lib/utils'\nimport { motionDuration, motionEase } from '@/lib/motion'\n\ntype Status = 'online' | 'offline' | 'warning' | 'idle' | 'info'\n\nconst statusColors: Record<Status, string> = {\n online: 'bg-tollerud-success',\n offline: 'bg-tollerud-error',\n warning: 'bg-tollerud-yellow',\n idle: 'bg-tollerud-noir-400',\n info: 'bg-tollerud-info',\n}\n\nconst pulseColors: Partial<Record<Status, string>> = {\n online: 'rgba(34,197,94,0.5)',\n warning: 'rgba(232,213,0,0.45)',\n offline: 'rgba(239,68,68,0.5)',\n}\n\nconst animationKeyframes = `\n@keyframes tollerud-dot-pulse {\n 0%, 100% { box-shadow: 0 0 0 0 var(--pulse-color, rgba(34,197,94,0.5)); }\n 50% { box-shadow: 0 0 0 5px var(--pulse-color, rgba(34,197,94,0)); }\n}\n`\n\nexport interface StatusDotProps extends HTMLAttributes<HTMLSpanElement> {\n status?: Status\n label?: string\n /** Disable the pulsing animation */\n noPulse?: boolean\n}\n\nconst StatusDot = forwardRef<HTMLSpanElement, StatusDotProps>(\n ({ className, status = 'idle', label, noPulse, ...props }, ref) => {\n const shouldPulse = !noPulse && (status === 'online' || status === 'warning' || status === 'offline')\n const pulseColor = pulseColors[status]\n\n return (\n <span\n ref={ref}\n className={cn('inline-flex items-center gap-1.5 text-xs font-medium', className)}\n {...props}\n >\n <style>{animationKeyframes}</style>\n <motion.span\n layout\n key={status}\n animate={{\n scaleX: [1, 1.6, 1],\n scaleY: [1, 0.6, 1],\n }}\n transition={{\n duration: motionDuration.slow,\n ease: motionEase.out,\n times: [0, 0.3, 1],\n }}\n className={cn(\n 'inline-block w-2 h-2 rounded-full',\n statusColors[status],\n shouldPulse && 'animate-tollerud-dot-pulse'\n )}\n style={{\n ...(shouldPulse && pulseColor ? ({ '--pulse-color': pulseColor } as React.CSSProperties) : {}),\n animation: shouldPulse ? 'tollerud-dot-pulse 2s var(--motion-ease-in-out) infinite' : undefined,\n } as React.CSSProperties}\n />\n {label && <span>{label}</span>}\n </span>\n )\n }\n)\nStatusDot.displayName = 'StatusDot'\n\nexport { StatusDot }\nexport type { Status }"]}

+58

dist/chunk-ZAZNOK76.js

		'use client';
		import { Monogram } from './chunk-KGFOWDPH.js';
		import { Cluster } from './chunk-K3B5D66V.js';
		import { cn } from './chunk-62DSK4IE.js';
		import { forwardRef } from 'react';
		import { jsxs, jsx } from 'react/jsx-runtime';

		var DashboardTopBar = forwardRef(
		({
		className,
		projectName,
		homeHref = "/",
		breadcrumb,
		pageTitle,
		actions,
		menuTrigger,
		sticky = true,
		showMobileLogo = true,
		...props
		}, ref) => {
		return /* @__PURE__ */ jsxs(
		"header",
		{
		ref,
		className: cn(
		"z-30 flex h-14 items-center gap-3.5 border-b border-tollerud-border bg-tollerud-noir-950/85 px-7 backdrop-blur-[20px] max-lg:px-3.5 max-lg:gap-2",
		sticky && "sticky top-0",
		className
		),
		...props,
		children: [
		menuTrigger,
		showMobileLogo && /* @__PURE__ */ jsx(
		"a",
		{
		href: homeHref,
		className: "tollerud-focus-ring shrink-0 rounded-sm lg:hidden",
		"aria-label": typeof projectName === "string" ? projectName : "Home",
		children: /* @__PURE__ */ jsx(Monogram, { color: "yellow", className: "h-[22px] w-auto" })
		}
		),
		(breadcrumb \|\| pageTitle) && /* @__PURE__ */ jsxs("p", { className: "min-w-0 truncate text-[13px] text-tollerud-text-muted", children: [
		breadcrumb && /* @__PURE__ */ jsx("span", { className: "max-sm:hidden", children: breadcrumb }),
		breadcrumb && pageTitle && /* @__PURE__ */ jsx("span", { className: "mx-1.5 opacity-40 max-sm:hidden", children: "/" }),
		pageTitle && /* @__PURE__ */ jsx("b", { className: "font-semibold text-tollerud-text-primary", children: pageTitle })
		] }),
		/* @__PURE__ */ jsx("span", { className: "flex-1", "aria-hidden": "true" }),
		actions && /* @__PURE__ */ jsx(Cluster, { as: "div", gap: "sm", justify: "end", className: "shrink-0", children: actions })
		]
		}
		);
		}
		);
		DashboardTopBar.displayName = "DashboardTopBar";

		export { DashboardTopBar };
		//# sourceMappingURL=chunk-ZAZNOK76.js.map
		//# sourceMappingURL=chunk-ZAZNOK76.js.map

+1

dist/chunk-ZAZNOK76.js.map

{"version":3,"sources":["../components/DashboardTopBar.tsx"],"names":[],"mappings":";;;;;;AAmBA,IAAM,eAAA,GAAkB,UAAA;AAAA,EACtB,CACE;AAAA,IACE,SAAA;AAAA,IACA,WAAA;AAAA,IACA,QAAA,GAAW,GAAA;AAAA,IACX,UAAA;AAAA,IACA,SAAA;AAAA,IACA,OAAA;AAAA,IACA,WAAA;AAAA,IACA,MAAA,GAAS,IAAA;AAAA,IACT,cAAA,GAAiB,IAAA;AAAA,IACjB,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,uBACE,IAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,EAAA;AAAA,UACT,kJAAA;AAAA,UACA,MAAA,IAAU,cAAA;AAAA,UACV;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,WAAA;AAAA,UACA,cAAA,oBACC,GAAA;AAAA,YAAC,GAAA;AAAA,YAAA;AAAA,cACC,IAAA,EAAM,QAAA;AAAA,cACN,SAAA,EAAU,mDAAA;AAAA,cACV,YAAA,EAAY,OAAO,WAAA,KAAgB,QAAA,GAAW,WAAA,GAAc,MAAA;AAAA,cAE5D,QAAA,kBAAA,GAAA,CAAC,QAAA,EAAA,EAAS,KAAA,EAAM,QAAA,EAAS,WAAU,iBAAA,EAAkB;AAAA;AAAA,WACvD;AAAA,UAAA,CAEA,UAAA,IAAc,SAAA,qBACd,IAAA,CAAC,GAAA,EAAA,EAAE,WAAU,uDAAA,EACV,QAAA,EAAA;AAAA,YAAA,UAAA,oBAAc,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,eAAA,EAAiB,QAAA,EAAA,UAAA,EAAW,CAAA;AAAA,YAC1D,cAAc,SAAA,oBACb,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,mCAAkC,QAAA,EAAA,GAAA,EAAC,CAAA;AAAA,YAEpD,SAAA,oBAAa,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,4CAA4C,QAAA,EAAA,SAAA,EAAU;AAAA,WAAA,EACnF,CAAA;AAAA,0BAEF,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,QAAA,EAAS,eAAY,MAAA,EAAO,CAAA;AAAA,UAC3C,OAAA,oBACC,GAAA,CAAC,OAAA,EAAA,EAAQ,EAAA,EAAG,KAAA,EAAM,GAAA,EAAI,IAAA,EAAK,OAAA,EAAQ,KAAA,EAAM,SAAA,EAAU,UAAA,EAChD,QAAA,EAAA,OAAA,EACH;AAAA;AAAA;AAAA,KAEJ;AAAA,EAEJ;AACF;AACA,eAAA,CAAgB,WAAA,GAAc,iBAAA","file":"chunk-ZAZNOK76.js","sourcesContent":["'use client'\n\nimport { type HTMLAttributes, type ReactNode, forwardRef } from 'react'\nimport { cn } from '@/lib/utils'\nimport { Monogram } from './Monogram'\nimport { Cluster } from './Cluster'\n\nexport interface DashboardTopBarProps extends HTMLAttributes<HTMLElement> {\n projectName: ReactNode\n homeHref?: string\n breadcrumb?: ReactNode\n pageTitle?: ReactNode\n actions?: ReactNode\n /** Mobile menu trigger slot, e.g. `<SidebarTrigger className=\"lg:hidden\" />`. */\n menuTrigger?: ReactNode\n sticky?: boolean\n showMobileLogo?: boolean\n}\n\nconst DashboardTopBar = forwardRef<HTMLElement, DashboardTopBarProps>(\n (\n {\n className,\n projectName,\n homeHref = '/',\n breadcrumb,\n pageTitle,\n actions,\n menuTrigger,\n sticky = true,\n showMobileLogo = true,\n ...props\n },\n ref\n ) => {\n return (\n <header\n ref={ref}\n className={cn(\n 'z-30 flex h-14 items-center gap-3.5 border-b border-tollerud-border bg-tollerud-noir-950/85 px-7 backdrop-blur-[20px] max-lg:px-3.5 max-lg:gap-2',\n sticky && 'sticky top-0',\n className\n )}\n {...props}\n >\n {menuTrigger}\n {showMobileLogo && (\n <a\n href={homeHref}\n className=\"tollerud-focus-ring shrink-0 rounded-sm lg:hidden\"\n aria-label={typeof projectName === 'string' ? projectName : 'Home'}\n >\n <Monogram color=\"yellow\" className=\"h-[22px] w-auto\" />\n </a>\n )}\n {(breadcrumb || pageTitle) && (\n <p className=\"min-w-0 truncate text-[13px] text-tollerud-text-muted\">\n {breadcrumb && <span className=\"max-sm:hidden\">{breadcrumb}</span>}\n {breadcrumb && pageTitle && (\n <span className=\"mx-1.5 opacity-40 max-sm:hidden\">/</span>\n )}\n {pageTitle && <b className=\"font-semibold text-tollerud-text-primary\">{pageTitle}</b>}\n </p>\n )}\n <span className=\"flex-1\" aria-hidden=\"true\" />\n {actions && (\n <Cluster as=\"div\" gap=\"sm\" justify=\"end\" className=\"shrink-0\">\n {actions}\n </Cluster>\n )}\n </header>\n )\n }\n)\nDashboardTopBar.displayName = 'DashboardTopBar'\n\nexport { DashboardTopBar }\n"]}

+54

dist/chunk-ZDMXFM35.js

		'use client';
		import { StatCard } from './chunk-QOUGH5I3.js';
		import { ServiceHealthCard } from './chunk-QSMBVPQL.js';
		import { HostCard } from './chunk-NJ65OXAM.js';
		import { IncidentCard } from './chunk-YFS4Q5R2.js';
		import { cn } from './chunk-62DSK4IE.js';
		import { jsxs, jsx } from 'react/jsx-runtime';

		function BentoDashboard({
		title,
		hosts = [],
		metrics = [],
		services = [],
		incidents = [],
		className
		}) {
		return /* @__PURE__ */ jsxs("div", { className: cn("w-full space-y-6", className), children: [
		/* @__PURE__ / jsx("div", { className: "flex items-center justify-between", children: / @__PURE__ */ jsxs("div", { children: [
		/* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold text-tollerud-text-primary", children: title }),
		/* @__PURE__ */ jsxs("p", { className: "text-xs text-tollerud-text-muted", children: [
		hosts.length,
		" hosts \xB7 ",
		services.length,
		" services",
		incidents.length > 0 && ` \xB7 ${incidents.length} active incident${incidents.length > 1 ? "s" : ""}`
		] })
		] }) }),
		hosts.length > 0 && /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3", children: [
		/* @__PURE__ / jsx("div", { className: "md:col-span-2 lg:col-span-1", children: / @__PURE__ */ jsx(HostCard, { ...hosts[0] }) }),
		/* @__PURE__ / jsx("div", { className: "grid grid-cols-1 gap-3 md:col-span-2 lg:col-span-1", children: hosts.slice(1).map((h, i) => / @__PURE__ */ jsx(HostCard, { ...h }, h.hostname ?? i)) })
		] }),
		/* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 items-start gap-4 lg:grid-cols-3 lg:gap-3", children: [
		metrics.length > 0 && /* @__PURE__ */ jsxs("div", { className: "min-w-0 lg:col-span-2", children: [
		/* @__PURE__ */ jsx(SectionLabel, { children: "Metrics" }),
		/* @__PURE__ / jsx("div", { className: "grid grid-cols-2 gap-3 sm:grid-cols-4", children: metrics.map((m, i) => / @__PURE__ */ jsx(StatCard, { ...m }, m.label ?? i)) })
		] }),
		services.length > 0 && /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
		/* @__PURE__ */ jsx(SectionLabel, { children: "Services" }),
		/* @__PURE__ / jsx("div", { className: "space-y-2", children: services.slice(0, 4).map((s, i) => / @__PURE__ */ jsx(ServiceHealthCard, { ...s }, s.service ?? i)) })
		] })
		] }),
		incidents.length > 0 && /* @__PURE__ */ jsxs("div", { className: "min-w-0 pt-1", children: [
		/* @__PURE__ */ jsx(SectionLabel, { children: "Recent Incidents" }),
		/* @__PURE__ / jsx("div", { className: "space-y-2", children: incidents.slice(0, 4).map((inc, i) => / @__PURE__ */ jsx(IncidentCard, { ...inc }, inc.title + i)) })
		] })
		] });
		}
		function SectionLabel({ children }) {
		return /* @__PURE__ */ jsx("p", { className: "mb-3 text-xs font-semibold uppercase tracking-wider text-tollerud-text-muted", children });
		}

		export { BentoDashboard };
		//# sourceMappingURL=chunk-ZDMXFM35.js.map
		//# sourceMappingURL=chunk-ZDMXFM35.js.map

+1

dist/chunk-ZDMXFM35.js.map

+76

dist/sidebar.d.ts

		import * as react from 'react';
		import { ReactNode, HTMLAttributes, ButtonHTMLAttributes } from 'react';

		type SidebarSide = 'left' \| 'right';
		type SidebarCollapsible = 'offcanvas' \| 'icon' \| 'none';
		interface SidebarContextValue {
		state: 'expanded' \| 'collapsed';
		open: boolean;
		setOpen: (open: boolean) => void;
		isMobile: boolean;
		openMobile: boolean;
		setOpenMobile: (open: boolean) => void;
		toggleSidebar: () => void;
		}
		declare function useSidebar(): SidebarContextValue;
		interface SidebarProviderProps extends HTMLAttributes<HTMLDivElement> {
		open?: boolean;
		/** Default expanded state (desktop). Default `true`. */
		defaultOpen?: boolean;
		onOpenChange?: (open: boolean) => void;
		/** Cmd/Ctrl+B toggles the sidebar. Default `true`. */
		keyboardShortcut?: boolean;
		}
		declare const SidebarProvider: react.ForwardRefExoticComponent<SidebarProviderProps & react.RefAttributes<HTMLDivElement>>;
		interface SidebarProps extends HTMLAttributes<HTMLElement> {
		side?: SidebarSide;
		/** Default `offcanvas`. */
		collapsible?: SidebarCollapsible;
		/** Screen reader title for the mobile sheet. */
		mobileTitle?: string;
		}
		declare const Sidebar: react.ForwardRefExoticComponent<SidebarProps & react.RefAttributes<HTMLElement>>;
		declare const SidebarTrigger: react.ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & react.RefAttributes<HTMLButtonElement>>;
		declare const SidebarInset: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
		declare const SidebarHeader: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
		declare const SidebarContent: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
		declare const SidebarFooter: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
		declare const SidebarGroup: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
		declare const SidebarGroupLabel: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
		declare const SidebarGroupContent: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
		declare const SidebarMenu: react.ForwardRefExoticComponent<HTMLAttributes<HTMLUListElement> & react.RefAttributes<HTMLUListElement>>;
		declare const SidebarMenuItem: react.ForwardRefExoticComponent<HTMLAttributes<HTMLLIElement> & react.RefAttributes<HTMLLIElement>>;
		interface SidebarMenuButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
		/** Render as the single child element (e.g. `next/link`) instead of a `<button>`. */
		asChild?: boolean;
		isActive?: boolean;
		icon?: ReactNode;
		/** Shown as a tooltip when the sidebar is collapsed to icon-only. */
		tooltip?: ReactNode;
		}
		declare const SidebarMenuButton: react.ForwardRefExoticComponent<SidebarMenuButtonProps & react.RefAttributes<HTMLButtonElement>>;
		declare const SidebarMenuAction: react.ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
		asChild?: boolean;
		} & react.RefAttributes<HTMLButtonElement>>;
		declare const SidebarMenuBadge: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
		declare const SidebarMenuSub: react.ForwardRefExoticComponent<HTMLAttributes<HTMLUListElement> & react.RefAttributes<HTMLUListElement>>;
		declare const SidebarMenuSubItem: react.ForwardRefExoticComponent<HTMLAttributes<HTMLLIElement> & react.RefAttributes<HTMLLIElement>>;
		interface SidebarMenuSubButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
		asChild?: boolean;
		isActive?: boolean;
		}
		declare const SidebarMenuSubButton: react.ForwardRefExoticComponent<SidebarMenuSubButtonProps & react.RefAttributes<HTMLButtonElement>>;
		interface SidebarNavItem {
		id: string;
		label: ReactNode;
		href?: string;
		active?: boolean;
		icon?: ReactNode;
		onSelect?: () => void;
		}
		interface SidebarNavGroup {
		label?: ReactNode;
		items: SidebarNavItem[];
		}

		export { Sidebar, type SidebarCollapsible, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, type SidebarMenuButtonProps, SidebarMenuItem, SidebarMenuSub, SidebarMenuSubButton, type SidebarMenuSubButtonProps, SidebarMenuSubItem, type SidebarNavGroup, type SidebarNavItem, type SidebarProps, SidebarProvider, type SidebarProviderProps, type SidebarSide, SidebarTrigger, useSidebar };

+9

dist/sidebar.js

		'use client';
		export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarTrigger, useSidebar } from './chunk-5C75B2HC.js';
		import './chunk-R7UC7XAU.js';
		import './chunk-HBK2UI3O.js';
		import './chunk-FZI7IBJ3.js';
		import './chunk-GTKO7UEG.js';
		import './chunk-62DSK4IE.js';
		//# sourceMappingURL=sidebar.js.map
		//# sourceMappingURL=sidebar.js.map

+1

dist/sidebar.js.map

{"version":3,"sources":[],"names":[],"mappings":"","file":"sidebar.js"}

+54

-2

AGENTS.md

		# Tollerud User Interface — AI Agent Guide

		Guidance for AI coding assistants (Claude Code, Cursor, GitHub Copilot, Codex, etc.) working in projects that use `@tollerud/ui`. v4.17.1 — Combobox `searchPlacement="dropdown"` autofocus fixed: `FloatingDropdownPortal` hid its panel with `visibility: hidden` until Floating UI finished positioning, and browsers won't focus `visibility: hidden` descendants, so the search input's autofocus silently failed. Now hidden with `opacity: 0` + `pointer-events: none` instead, which doesn't block focus. Affects every floating popover (`Combobox`, `Select`, `DatePicker`, `Segmented`), not just inside a Dialog.
		Guidance for AI coding assistants (Claude Code, Cursor, GitHub Copilot, Codex, etc.) working in projects that use `@tollerud/ui`. v5.0.1 — `Sidebar`'s desktop rail height is now driven by an overridable `--sidebar-height` CSS custom property (default `100vh`, was a bare `h-screen`) — set it on an ancestor to embed `Sidebar` in a shorter container; no change for normal full-page usage. (v5.0.0 — BREAKING — `SidebarNav` is removed, replaced by the `Sidebar` primitive family (`SidebarProvider`/`Sidebar`/`SidebarMenu`/etc., see the "Sidebar primitive family" version note below); `DashboardTopBar`'s `menuOpen`/`onMenuToggle` are replaced by a `menuTrigger` slot. `DashboardShell`'s own props are unchanged. v4.19.0: `TopNavItem` gains `items?: TopNavItem[]` for flyout groups — requires installing the new peer dependency `@radix-ui/react-navigation-menu` even if you don't use `items`. v4.18.2: `CommandMenu` traps `Tab` focus. v4.18.1: `Sheet`/`Drawer` animate with `framer-motion` — closing now unmounts asynchronously, so tests/consumers reading the DOM right after `onOpenChange(false)` should `await` the removal instead of asserting synchronously. v4.18.0: `PasswordInput` gains `labelAction?: ReactNode`.)

		@@ -217,3 +217,5 @@ ---
		// Screen patterns (added in 4.3.0)
		import { PageHeader, TopNav, TopNavAction, SidebarNav, DashboardTopBar, DashboardShell, SettingsLayout, FormPanel, ResourceList, DetailPage, EmptyPage, FeatureSection, StatsSection, AuthSplitLayout, StructuredCard } from '@tollerud/ui'
		import { PageHeader, TopNav, TopNavAction, DashboardTopBar, DashboardShell, SettingsLayout, FormPanel, ResourceList, DetailPage, EmptyPage, FeatureSection, StatsSection, AuthSplitLayout, StructuredCard } from '@tollerud/ui'
		// Sidebar primitive family (≥ 5.0.0, replaces SidebarNav)
		import { SidebarProvider, Sidebar, SidebarTrigger, SidebarInset, SidebarHeader, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarGroupContent, SidebarMenu, SidebarMenuItem, SidebarMenuButton, useSidebar } from '@tollerud/ui'
		// Primitives & navigation (added in 1.0.9)
		@@ -633,2 +635,17 @@ import { Divider, Pill, Avatar, AvatarGroup } from '@tollerud/ui'

		Give a `navItems` entry `items: TopNavItem[]` instead of `href` to turn it into a flyout group (desktop `NavigationMenu` trigger, mobile accordion) — requires the `@radix-ui/react-navigation-menu` peer dependency (≥ 4.19.0):

		```tsx
		<TopNav
		projectName="Project Name"
		navItems={[
		{ label: 'Overview', href: '/overview', active: true },
		{ label: 'Services', items: [
		{ label: 'API', href: '/services/api' },
		{ label: 'Worker', href: '/services/worker' },
		] },
		]}
		/>
		```

		### Grid background
		@@ -875,2 +892,37 @@

		#### Sidebar primitive family replaces SidebarNav — breaking (≥ 5.0.0)

		`SidebarNav` is removed. In its place: `SidebarProvider`/`Sidebar`/`SidebarTrigger`/`SidebarInset`/`SidebarHeader`/`SidebarContent`/`SidebarFooter`/`SidebarGroup`/`SidebarGroupLabel`/`SidebarGroupContent`/`SidebarMenu`/`SidebarMenuItem`/`SidebarMenuButton`/`SidebarMenuAction`/`SidebarMenuBadge`/`SidebarMenuSub`/`SidebarMenuSubItem`/`SidebarMenuSubButton`/`useSidebar` — a shadcn-style composable sidebar with a sticky desktop `<aside>`, a `Sheet`-based mobile off-canvas panel, and `collapsible="icon"` support. `SidebarNavItem`/`SidebarNavGroup` types are unchanged and re-exported from `./Sidebar` for source compatibility. `DashboardShell`'s public props (`sidebarGroups`/`sidebarItems`) are unchanged — it builds the new composition internally.

		Breaking: `DashboardTopBar`'s `menuOpen`/`onMenuToggle` props are replaced by a single `menuTrigger?: ReactNode` slot (e.g. `<SidebarTrigger className="lg:hidden" />`) — only relevant if you use `DashboardTopBar` directly outside `DashboardShell`.

		Migration for direct `SidebarNav` usage:
		```tsx
		// Before
		<SidebarNav projectName="Project" groups={groups} onItemSelect={close} />

		// After
		<SidebarProvider>
		<Sidebar>
		<SidebarHeader>{/* brand lockup */}</SidebarHeader>
		<SidebarContent>
		{groups.map(g => (
		<SidebarGroup key={g.label}>
		{g.label && <SidebarGroupLabel>{g.label}</SidebarGroupLabel>}
		<SidebarMenu>
		{g.items.map(item => (
		<SidebarMenuItem key={item.id}>
		<SidebarMenuButton isActive={item.active} icon={item.icon} onClick={close}>
		{item.label}
		</SidebarMenuButton>
		</SidebarMenuItem>
		))}
		</SidebarMenu>
		</SidebarGroup>
		))}
		</SidebarContent>
		</Sidebar>
		</SidebarProvider>
		```

		#### PasswordInput labelAction (≥ 4.18.0)
		@@ -877,0 +929,0 @@

+3

-2

dist/backup-status-panel.js

		'use client';
		export { BackupStatusPanel } from './chunk-372ZFQ2N.js';
		import './chunk-GBRODDO4.js';
		export { BackupStatusPanel } from './chunk-FVJ7MV7Y.js';
		import './chunk-VRFU3FNQ.js';
		import './chunk-GTKO7UEG.js';
		import './chunk-62DSK4IE.js';
		//# sourceMappingURL=backup-status-panel.js.map
		//# sourceMappingURL=backup-status-panel.js.map

+5

-4

dist/bento-dashboard.js

		'use client';
		export { BentoDashboard } from './chunk-UBIQ2ZFI.js';
		export { BentoDashboard } from './chunk-ZDMXFM35.js';
		import './chunk-QOUGH5I3.js';
		import './chunk-GKPCVHKN.js';
		import './chunk-4R765NR4.js';
		import './chunk-QSMBVPQL.js';
		import './chunk-NJ65OXAM.js';
		import './chunk-LFAFIEUW.js';
		import './chunk-GBRODDO4.js';
		import './chunk-VRFU3FNQ.js';
		import './chunk-GTKO7UEG.js';
		import './chunk-MMCPZVBB.js';
		@@ -9,0 +10,0 @@ import './chunk-YFS4Q5R2.js';

+3

-3

dist/combobox.js

		'use client';
		export { Combobox } from './chunk-K56XLAVP.js';
		import './chunk-YUFSJ2LB.js';
		import './chunk-WCCKWQI7.js';
		export { Combobox } from './chunk-M32HIGZR.js';
		import './chunk-CLPW6X62.js';
		import './chunk-E6S6ASAQ.js';
		import './chunk-62DSK4IE.js';
		//# sourceMappingURL=combobox.js.map
		//# sourceMappingURL=combobox.js.map

+1

-1

dist/command-menu.js

		'use client';
		export { CommandMenu } from './chunk-MW7FTLZ5.js';
		export { CommandMenu } from './chunk-KYFRCOXZ.js';
		import './chunk-ZX2VZGXZ.js';
		@@ -4,0 +4,0 @@ import './chunk-7R5GOKGM.js';

+1

-1

dist/dashboard-shell.d.ts

		import * as react from 'react';
		import { HTMLAttributes, ReactNode } from 'react';
		import { TopNavItem } from './top-nav.js';
		import { SidebarNavGroup, SidebarNavItem } from './sidebar-nav.js';
		import { MainContentDensity } from './main-content.js';
		import { SidebarNavGroup, SidebarNavItem } from './sidebar.js';

		@@ -7,0 +7,0 @@ type DashboardShellVariant = 'sidebar' \| 'topnav';

+9

-4

dist/dashboard-shell.js

		'use client';
		export { DashboardShell } from './chunk-LRYPONF6.js';
		import './chunk-6JET76Z7.js';
		import './chunk-32CKKNGD.js';
		export { DashboardShell } from './chunk-46FJFBQU.js';
		import './chunk-VLROGAHI.js';
		import './chunk-5C75B2HC.js';
		import './chunk-R7UC7XAU.js';
		import './chunk-MV6GEJGK.js';
		import './chunk-HBK2UI3O.js';
		import './chunk-IV5PG465.js';
		import './chunk-OE27OG3T.js';
		import './chunk-ZAZNOK76.js';
		import './chunk-FZI7IBJ3.js';
		import './chunk-ANUWAVRE.js';
		import './chunk-KGFOWDPH.js';
		import './chunk-K3B5D66V.js';
		import './chunk-GTKO7UEG.js';
		import './chunk-GVDGVN3Q.js';
		import './chunk-62DSK4IE.js';
		//# sourceMappingURL=dashboard-shell.js.map
		//# sourceMappingURL=dashboard-shell.js.map

+2

-2

dist/dashboard-top-bar.d.ts

		@@ -10,4 +10,4 @@ import * as react from 'react';
		actions?: ReactNode;
		menuOpen?: boolean;
		onMenuToggle?: () => void;
		/** Mobile menu trigger slot, e.g. `<SidebarTrigger className="lg:hidden" />`. */
		menuTrigger?: ReactNode;
		sticky?: boolean;
		@@ -14,0 +14,0 @@ showMobileLogo?: boolean;

+1

-1

dist/dashboard-top-bar.js

		'use client';
		export { DashboardTopBar } from './chunk-OE27OG3T.js';
		export { DashboardTopBar } from './chunk-ZAZNOK76.js';
		import './chunk-KGFOWDPH.js';
		@@ -4,0 +4,0 @@ import './chunk-K3B5D66V.js';

+8

-7

dist/data-table.js

		'use client';
		export { DataTable } from './chunk-2B2SZDDL.js';
		export { DataTable } from './chunk-NVUVL5YX.js';
		import './chunk-PCFRRG2S.js';
		import './chunk-5UWEPNAB.js';
		import './chunk-EYXIQFV5.js';
		import './chunk-V54XG7HX.js';
		import './chunk-AEAF6K5D.js';
		import './chunk-YMAYHKPG.js';
		import './chunk-R7HHT43G.js';
		import './chunk-AGGRBON4.js';
		import './chunk-FZI7IBJ3.js';
		import './chunk-FSRS5IWZ.js';
		import './chunk-BCNAGDLP.js';
		import './chunk-K56XLAVP.js';
		import './chunk-YUFSJ2LB.js';
		import './chunk-WCCKWQI7.js';
		import './chunk-M32HIGZR.js';
		import './chunk-CLPW6X62.js';
		import './chunk-E6S6ASAQ.js';
		import './chunk-MMCPZVBB.js';
		@@ -14,0 +15,0 @@ import './chunk-WZVSFANP.js';

+3

-3

dist/date-picker.js

		'use client';
		export { DatePicker } from './chunk-SCH5VXVR.js';
		import './chunk-YUFSJ2LB.js';
		import './chunk-WCCKWQI7.js';
		export { DatePicker } from './chunk-JZDRLKBU.js';
		import './chunk-CLPW6X62.js';
		import './chunk-E6S6ASAQ.js';
		import './chunk-62DSK4IE.js';
		//# sourceMappingURL=date-picker.js.map
		//# sourceMappingURL=date-picker.js.map

+3

-2

dist/docker-stack-card.js

		'use client';
		export { DockerStackCard } from './chunk-4MCORQTZ.js';
		import './chunk-GBRODDO4.js';
		export { DockerStackCard } from './chunk-DCIGA44G.js';
		import './chunk-VRFU3FNQ.js';
		import './chunk-GTKO7UEG.js';
		import './chunk-62DSK4IE.js';
		//# sourceMappingURL=docker-stack-card.js.map
		//# sourceMappingURL=docker-stack-card.js.map

+3

-2

dist/drawer.js

		'use client';
		export { Drawer } from './chunk-ERFEMEYF.js';
		import './chunk-2SKN6JXG.js';
		export { Drawer } from './chunk-H42Y7WN3.js';
		import './chunk-HBK2UI3O.js';
		import './chunk-GTKO7UEG.js';
		import './chunk-62DSK4IE.js';
		//# sourceMappingURL=drawer.js.map
		//# sourceMappingURL=drawer.js.map

+2

-2

dist/dropdown-menu.js

		'use client';
		export { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger } from './chunk-R7HHT43G.js';
		import './chunk-WCCKWQI7.js';
		export { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger } from './chunk-AGGRBON4.js';
		import './chunk-E6S6ASAQ.js';
		import './chunk-62DSK4IE.js';
		//# sourceMappingURL=dropdown-menu.js.map
		//# sourceMappingURL=dropdown-menu.js.map

+3

-2

dist/host-card.js

		'use client';
		export { HostCard } from './chunk-4R765NR4.js';
		import './chunk-GBRODDO4.js';
		export { HostCard } from './chunk-NJ65OXAM.js';
		import './chunk-VRFU3FNQ.js';
		import './chunk-GTKO7UEG.js';
		import './chunk-62DSK4IE.js';
		//# sourceMappingURL=host-card.js.map
		//# sourceMappingURL=host-card.js.map

+1

-1

dist/index.d.ts

		@@ -26,3 +26,3 @@ export { cn } from './utils.js';
		export { TopNav, TopNavAction, TopNavActionMobile, TopNavActionProps, TopNavItem, TopNavMaxWidth, TopNavProps } from './top-nav.js';
		export { SidebarNav, SidebarNavGroup, SidebarNavItem, SidebarNavProps } from './sidebar-nav.js';
		export { Sidebar, SidebarCollapsible, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuButtonProps, SidebarMenuItem, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubButtonProps, SidebarMenuSubItem, SidebarNavGroup, SidebarNavItem, SidebarProps, SidebarProvider, SidebarProviderProps, SidebarSide, SidebarTrigger, useSidebar } from './sidebar.js';
		export { DashboardTopBar, DashboardTopBarProps } from './dashboard-top-bar.js';
		@@ -29,0 +29,0 @@ export { DashboardShell, DashboardShellProps, DashboardShellVariant } from './dashboard-shell.js';

+25

-23

dist/index.js

		'use client';
		export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './chunk-R7UC7XAU.js';
		export { BUTTON_GLOW_SELECTORS, initButtonGlow } from './chunk-BVGVVMFS.js';
		@@ -8,3 +7,3 @@ export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from './chunk-XVJOJVFZ.js';
		export { Textarea } from './chunk-T6ER6E57.js';
		export { TIME_SERIES_PRESETS, TimeSeriesChart } from './chunk-PP3ZY7HM.js';
		export { TIME_SERIES_PRESETS, TimeSeriesChart } from './chunk-V6LXDL2K.js';
		export { Timeline } from './chunk-BHYJYFBM.js';
		@@ -49,6 +48,5 @@ export { ToastProvider, useToast } from './chunk-6KWLCAAT.js';
		export { Divider } from './chunk-UVJ5F7JX.js';
		export { DockerStackCard } from './chunk-4MCORQTZ.js';
		export { DockerStackCard } from './chunk-DCIGA44G.js';
		export { Donut } from './chunk-THIVKHJF.js';
		export { Drawer } from './chunk-ERFEMEYF.js';
		export { Sheet, SheetClose, SheetContent, SheetDescription, SheetHeader, SheetTitle, SheetTrigger } from './chunk-2SKN6JXG.js';
		export { Drawer } from './chunk-H42Y7WN3.js';
		export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyIcon, EmptyTitle } from './chunk-WO2SY65G.js';
		@@ -58,17 +56,20 @@ export { EmptyPage } from './chunk-T33DSMHX.js';
		export { EmptyState } from './chunk-ZGW3LK2Q.js';
		export { CommandMenu } from './chunk-MW7FTLZ5.js';
		export { CommandMenu } from './chunk-KYFRCOXZ.js';
		export { Container } from './chunk-4HKUQ7SR.js';
		export { DashboardShell } from './chunk-LRYPONF6.js';
		export { TopNav, TopNavAction } from './chunk-6JET76Z7.js';
		export { SidebarNav } from './chunk-32CKKNGD.js';
		export { DashboardShell } from './chunk-46FJFBQU.js';
		export { TopNav, TopNavAction } from './chunk-VLROGAHI.js';
		export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarTrigger, useSidebar } from './chunk-5C75B2HC.js';
		export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './chunk-R7UC7XAU.js';
		export { MainContent } from './chunk-MV6GEJGK.js';
		export { Sheet, SheetClose, SheetContent, SheetDescription, SheetHeader, SheetTitle, SheetTrigger } from './chunk-HBK2UI3O.js';
		export { PageShell } from './chunk-IV5PG465.js';
		export { DashboardTopBar } from './chunk-OE27OG3T.js';
		export { DataTable } from './chunk-2B2SZDDL.js';
		export { DashboardTopBar } from './chunk-ZAZNOK76.js';
		export { DataTable } from './chunk-NVUVL5YX.js';
		export { Skeleton } from './chunk-PCFRRG2S.js';
		export { Segmented } from './chunk-5UWEPNAB.js';
		export { Select } from './chunk-EYXIQFV5.js';
		export { Segmented } from './chunk-V54XG7HX.js';
		export { Select } from './chunk-AEAF6K5D.js';
		export { Pagination } from './chunk-YMAYHKPG.js';
		export { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger } from './chunk-R7HHT43G.js';
		export { DatePicker } from './chunk-SCH5VXVR.js';
		export { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger } from './chunk-AGGRBON4.js';
		import './chunk-FZI7IBJ3.js';
		export { DatePicker } from './chunk-JZDRLKBU.js';
		export { DetailPage } from './chunk-XN6U6M5P.js';
		@@ -82,5 +83,5 @@ export { Split } from './chunk-HDY3HL4F.js';
		export { CodeBlock } from './chunk-23OEB4WL.js';
		export { Combobox } from './chunk-K56XLAVP.js';
		import './chunk-YUFSJ2LB.js';
		import './chunk-WCCKWQI7.js';
		export { Combobox } from './chunk-M32HIGZR.js';
		import './chunk-CLPW6X62.js';
		import './chunk-E6S6ASAQ.js';
		export { AuthSplitLayout } from './chunk-MLODD56J.js';
		@@ -93,10 +94,11 @@ export { NoirGlowBackground } from './chunk-QQHBEACI.js';
		export { Avatar, AvatarGroup } from './chunk-ESIE74QV.js';
		export { BackupStatusPanel } from './chunk-372ZFQ2N.js';
		export { BackupStatusPanel } from './chunk-FVJ7MV7Y.js';
		export { BarChart } from './chunk-CNL4KMHC.js';
		export { BentoDashboard } from './chunk-UBIQ2ZFI.js';
		export { BentoDashboard } from './chunk-ZDMXFM35.js';
		export { StatCard } from './chunk-QOUGH5I3.js';
		export { ServiceHealthCard } from './chunk-GKPCVHKN.js';
		export { HostCard } from './chunk-4R765NR4.js';
		export { ServiceHealthCard } from './chunk-QSMBVPQL.js';
		export { HostCard } from './chunk-NJ65OXAM.js';
		export { Card, CardChange, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from './chunk-LFAFIEUW.js';
		export { StatusDot } from './chunk-GBRODDO4.js';
		export { StatusDot } from './chunk-VRFU3FNQ.js';
		import './chunk-GTKO7UEG.js';
		export { Badge } from './chunk-MMCPZVBB.js';
		@@ -103,0 +105,0 @@ export { Breadcrumb } from './chunk-IBFED2XJ.js';

+4

-3

dist/segmented.js

		'use client';
		export { Segmented } from './chunk-5UWEPNAB.js';
		import './chunk-YUFSJ2LB.js';
		import './chunk-WCCKWQI7.js';
		export { Segmented } from './chunk-V54XG7HX.js';
		import './chunk-FZI7IBJ3.js';
		import './chunk-CLPW6X62.js';
		import './chunk-E6S6ASAQ.js';
		import './chunk-62DSK4IE.js';
		//# sourceMappingURL=segmented.js.map
		//# sourceMappingURL=segmented.js.map

+3

-3

dist/select.js

		'use client';
		export { Select } from './chunk-EYXIQFV5.js';
		import './chunk-YUFSJ2LB.js';
		import './chunk-WCCKWQI7.js';
		export { Select } from './chunk-AEAF6K5D.js';
		import './chunk-CLPW6X62.js';
		import './chunk-E6S6ASAQ.js';
		import './chunk-62DSK4IE.js';
		//# sourceMappingURL=select.js.map
		//# sourceMappingURL=select.js.map

+3

-2

dist/service-health-card.js

		'use client';
		export { ServiceHealthCard } from './chunk-GKPCVHKN.js';
		import './chunk-GBRODDO4.js';
		export { ServiceHealthCard } from './chunk-QSMBVPQL.js';
		import './chunk-VRFU3FNQ.js';
		import './chunk-GTKO7UEG.js';
		import './chunk-62DSK4IE.js';
		//# sourceMappingURL=service-health-card.js.map
		//# sourceMappingURL=service-health-card.js.map

+4

-2

dist/sheet.d.ts

		@@ -8,9 +8,11 @@ import * as react from 'react';
		open?: boolean;
		defaultOpen?: boolean;
		onOpenChange?: (open: boolean) => void;
		children: ReactNode;
		}
		declare const Sheet: ({ open, onOpenChange, children }: SheetProps) => react.JSX.Element;
		declare const Sheet: ({ open, defaultOpen, onOpenChange, children }: SheetProps) => react.JSX.Element;
		declare const SheetTrigger: react.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>>;
		declare const SheetClose: react.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & react.RefAttributes<HTMLButtonElement>>;
		interface SheetContentProps extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content> {
		type ConflictingMotionHandlers = 'onDrag' \| 'onDragStart' \| 'onDragEnd' \| 'onAnimationStart' \| 'onAnimationEnd' \| 'onAnimationIteration';
		interface SheetContentProps extends Omit<ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, ConflictingMotionHandlers> {
		side?: SheetSide;
		@@ -17,0 +19,0 @@ /** Screen reader label when children omit `SheetTitle`. Default: `Panel`. */

+2

-1

dist/sheet.js

		'use client';
		export { Sheet, SheetClose, SheetContent, SheetDescription, SheetHeader, SheetTitle, SheetTrigger } from './chunk-2SKN6JXG.js';
		export { Sheet, SheetClose, SheetContent, SheetDescription, SheetHeader, SheetTitle, SheetTrigger } from './chunk-HBK2UI3O.js';
		import './chunk-GTKO7UEG.js';
		import './chunk-62DSK4IE.js';
		//# sourceMappingURL=sheet.js.map
		//# sourceMappingURL=sheet.js.map

+2

-1

dist/status-dot.js

		'use client';
		export { StatusDot } from './chunk-GBRODDO4.js';
		export { StatusDot } from './chunk-VRFU3FNQ.js';
		import './chunk-GTKO7UEG.js';
		import './chunk-62DSK4IE.js';
		//# sourceMappingURL=status-dot.js.map
		//# sourceMappingURL=status-dot.js.map

+5

-4

dist/time-series-chart.js

		'use client';
		export { TIME_SERIES_PRESETS, TimeSeriesChart } from './chunk-PP3ZY7HM.js';
		import './chunk-5UWEPNAB.js';
		import './chunk-YUFSJ2LB.js';
		import './chunk-WCCKWQI7.js';
		export { TIME_SERIES_PRESETS, TimeSeriesChart } from './chunk-V6LXDL2K.js';
		import './chunk-V54XG7HX.js';
		import './chunk-FZI7IBJ3.js';
		import './chunk-CLPW6X62.js';
		import './chunk-E6S6ASAQ.js';
		import './chunk-3EO4SOJN.js';
		@@ -7,0 +8,0 @@ import './chunk-TVFOKOHV.js';

+5

-2

dist/top-nav.d.ts

		@@ -6,5 +6,8 @@ import * as react from 'react';
		label: ReactNode;
		href: string;
		/** Omit when `items` is set — a group trigger isn't itself a direct link. */
		href?: string;
		active?: boolean;
		external?: boolean;
		/** Child links shown in a flyout (desktop) / accordion (mobile). One level of nesting. */
		items?: TopNavItem[];
		}
		@@ -22,3 +25,3 @@ type TopNavMaxWidth = 'default' \| 'wide' \| 'full' \| false;
		}
		interface TopNavProps extends HTMLAttributes<HTMLElement> {
		interface TopNavProps extends Omit<HTMLAttributes<HTMLElement>, 'defaultValue' \| 'dir'> {
		projectName: ReactNode;
		@@ -25,0 +28,0 @@ homeHref?: string;

+3

-1

dist/top-nav.js

		'use client';
		export { TopNav, TopNavAction } from './chunk-6JET76Z7.js';
		export { TopNav, TopNavAction } from './chunk-VLROGAHI.js';
		import './chunk-ANUWAVRE.js';
		import './chunk-KGFOWDPH.js';
		import './chunk-K3B5D66V.js';
		import './chunk-GTKO7UEG.js';
		import './chunk-GVDGVN3Q.js';
		import './chunk-62DSK4IE.js';
		//# sourceMappingURL=top-nav.js.map
		//# sourceMappingURL=top-nav.js.map

+42

-65

globals-layers.css

		@@ -1134,83 +1134,60 @@ @layer base {
		}
		.tollerud-sheet-overlay[data-state='open'] {
		animation: tollerud-sheet-overlay-in var(--motion-duration-normal) var(--motion-ease-out) forwards;
		/* ═══ TopNav flyout (NavigationMenu) ═══ */
		.tollerud-topnav-viewport {
		position: relative;
		margin-top: 0.5rem;
		width: var(--radix-navigation-menu-viewport-width);
		height: var(--radix-navigation-menu-viewport-height);
		overflow: hidden;
		border-radius: 0.5rem;
		transition: width var(--motion-duration-fast) var(--motion-ease-out),
		height var(--motion-duration-fast) var(--motion-ease-out);
		}
		.tollerud-sheet-overlay[data-state='closed'] {
		animation: tollerud-sheet-overlay-out var(--motion-duration-normal) var(--motion-ease-in) forwards;
		pointer-events: none;
		.tollerud-topnav-viewport[data-state='open'] {
		animation: tollerud-topnav-viewport-in var(--motion-duration-fast) var(--motion-ease-out) forwards;
		}
		.tollerud-topnav-menu-overlay[data-state='open'] {
		animation: tollerud-sheet-overlay-in var(--motion-duration-normal) var(--motion-ease-out) forwards;
		.tollerud-topnav-viewport[data-state='closed'] {
		animation: tollerud-topnav-viewport-out var(--motion-duration-fast) var(--motion-ease-in) forwards;
		}
		.tollerud-topnav-menu-overlay[data-state='closed'] {
		animation: tollerud-sheet-overlay-out var(--motion-duration-normal) var(--motion-ease-in) forwards;
		@keyframes tollerud-topnav-viewport-in {
		from { opacity: 0; transform: scale(0.96); }
		to { opacity: 1; transform: scale(1); }
		}
		@keyframes tollerud-sheet-overlay-in {
		from { opacity: 0; }
		to { opacity: 1; }
		@keyframes tollerud-topnav-viewport-out {
		from { opacity: 1; transform: scale(1); }
		to { opacity: 0; transform: scale(0.96); }
		}
		@keyframes tollerud-sheet-overlay-out {
		from { opacity: 1; }
		to { opacity: 0; }
		}

		.tollerud-sheet-panel[data-state='open'] {
		animation-duration: var(--motion-duration-normal);
		animation-timing-function: var(--motion-ease-out);
		animation-fill-mode: forwards;
		.tollerud-topnav-flyout-content[data-motion='from-start'] {
		animation: tollerud-topnav-flyout-in-from-left var(--motion-duration-fast) var(--motion-ease-out) forwards;
		}
		.tollerud-sheet-panel[data-state='closed'] {
		animation-duration: var(--motion-duration-normal);
		animation-timing-function: var(--motion-ease-in);
		animation-fill-mode: forwards;
		.tollerud-topnav-flyout-content[data-motion='from-end'] {
		animation: tollerud-topnav-flyout-in-from-right var(--motion-duration-fast) var(--motion-ease-out) forwards;
		}
		.tollerud-sheet-panel--right[data-state='open'] {
		animation-name: tollerud-sheet-in-right;
		.tollerud-topnav-flyout-content[data-motion='to-start'] {
		animation: tollerud-topnav-flyout-out-to-left var(--motion-duration-fast) var(--motion-ease-in) forwards;
		}
		.tollerud-sheet-panel--right[data-state='closed'] {
		animation-name: tollerud-sheet-out-right;
		.tollerud-topnav-flyout-content[data-motion='to-end'] {
		animation: tollerud-topnav-flyout-out-to-right var(--motion-duration-fast) var(--motion-ease-in) forwards;
		}
		.tollerud-sheet-panel--left[data-state='open'] {
		animation-name: tollerud-sheet-in-left;
		@keyframes tollerud-topnav-flyout-in-from-left {
		from { opacity: 0; transform: translateX(-1rem); }
		to { opacity: 1; transform: translateX(0); }
		}
		.tollerud-sheet-panel--left[data-state='closed'] {
		animation-name: tollerud-sheet-out-left;
		@keyframes tollerud-topnav-flyout-in-from-right {
		from { opacity: 0; transform: translateX(1rem); }
		to { opacity: 1; transform: translateX(0); }
		}

		.tollerud-topnav-menu-panel[data-state='open'] {
		animation: tollerud-topnav-menu-in var(--motion-duration-normal) var(--motion-ease-out) forwards;
		@keyframes tollerud-topnav-flyout-out-to-left {
		from { opacity: 1; transform: translateX(0); }
		to { opacity: 0; transform: translateX(-1rem); }
		}
		.tollerud-topnav-menu-panel[data-state='closed'] {
		animation: tollerud-topnav-menu-out var(--motion-duration-normal) var(--motion-ease-in) forwards;
		@keyframes tollerud-topnav-flyout-out-to-right {
		from { opacity: 1; transform: translateX(0); }
		to { opacity: 0; transform: translateX(1rem); }
		}
		@keyframes tollerud-topnav-menu-in {
		from { opacity: 0; transform: translateY(-0.5rem); }
		to { opacity: 1; transform: translateY(0); }
		}
		@keyframes tollerud-topnav-menu-out {
		from { opacity: 1; transform: translateY(0); }
		to { opacity: 0; transform: translateY(-0.5rem); }
		}

		@keyframes tollerud-sheet-in-right {
		from { transform: translateX(100%); }
		to { transform: translateX(0); }
		}
		@keyframes tollerud-sheet-out-right {
		from { transform: translateX(0); }
		to { transform: translateX(100%); }
		}
		@keyframes tollerud-sheet-in-left {
		from { transform: translateX(-100%); }
		to { transform: translateX(0); }
		}
		@keyframes tollerud-sheet-out-left {
		from { transform: translateX(0); }
		to { transform: translateX(-100%); }
		}
		@media (prefers-reduced-motion: reduce) {
		.tollerud-sheet-overlay[data-state],
		.tollerud-topnav-menu-overlay[data-state],
		.tollerud-sheet-panel[data-state],
		.tollerud-topnav-menu-panel[data-state] {
		.tollerud-topnav-viewport[data-state],
		.tollerud-topnav-flyout-content[data-motion] {
		animation: none !important;
		@@ -1217,0 +1194,0 @@ }

+9

-4

package.json

		{
		"name": "@tollerud/ui",
		"version": "4.18.0",
		"version": "5.0.1",
		"description": "Tollerud User Interface — dark, monochrome + yellow accent. Noir aesthetic meets modern utility.",
		@@ -108,2 +108,3 @@ "private": false,
		"@radix-ui/react-dropdown-menu": "^2.1.0",
		"@radix-ui/react-navigation-menu": "^1.2.0",
		"@radix-ui/react-progress": "^1.1.0",
		@@ -128,2 +129,5 @@ "@radix-ui/react-slot": "^1.2.0",
		"dependencies": {
		"@radix-ui/react-compose-refs": "^1.1.5",
		"@radix-ui/react-focus-scope": "^1.1.16",
		"@radix-ui/react-use-controllable-state": "^1.2.6",
		"class-variance-authority": "^0.7.1"
		@@ -136,7 +140,10 @@ },
		"devDependencies": {
		"@arethetypeswrong/cli": "^0.18.2",
		"@changesets/cli": "^2.29.8",
		"@arethetypeswrong/cli": "^0.18.2",
		"@eslint/js": "^9.39.4",
		"@floating-ui/react-dom": "^2.1.8",
		"@playwright/test": "^1.60.0",
		"@radix-ui/react-dialog": "^1.1.16",
		"@radix-ui/react-dropdown-menu": "^2.1.17",
		"@radix-ui/react-navigation-menu": "^1.2.22",
		"@radix-ui/react-progress": "^1.1.9",
		@@ -146,4 +153,2 @@ "@radix-ui/react-slot": "^1.2.5",
		"@radix-ui/react-tooltip": "^1.2.9",
		"@eslint/js": "^9.39.4",
		"@playwright/test": "^1.60.0",
		"@testing-library/dom": "^10.4.1",
		@@ -150,0 +155,0 @@ "@testing-library/jest-dom": "^7.0.0",

-552

dist/chunk-2B2SZDDL.js

		'use client';
		import { Skeleton } from './chunk-PCFRRG2S.js';
		import { Segmented } from './chunk-5UWEPNAB.js';
		import { Select } from './chunk-EYXIQFV5.js';
		import { Pagination } from './chunk-YMAYHKPG.js';
		import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuSeparator, DropdownMenuLabel, DropdownMenuItem } from './chunk-R7HHT43G.js';
		import { ButtonGroup } from './chunk-FSRS5IWZ.js';
		import { Checkbox } from './chunk-BCNAGDLP.js';
		import { Combobox } from './chunk-K56XLAVP.js';
		import { Badge } from './chunk-MMCPZVBB.js';
		import { Button } from './chunk-WZVSFANP.js';
		import { cn } from './chunk-62DSK4IE.js';
		import { forwardRef, useMemo, useState } from 'react';
		import { Search, X, MoreHorizontal, ChevronDown } from 'lucide-react';
		import { jsx, jsxs, Fragment } from 'react/jsx-runtime';

		function normalizeColumns(columns) {
		return columns.map(({ header, label, ...col }) => ({
		...col,
		label: label ?? header ?? col.key
		}));
		}
		function columnReactKey(col, index) {
		return `${col.key}-${index}`;
		}
		function DataTableInner({
		columns,
		data,
		rows,
		rowKey,
		onRowClick,
		className,
		emptyMessage = "No data",
		searchable = false,
		searchKeys,
		searchPlaceholder = "Search\u2026",
		filter,
		selectable = false,
		pageSize,
		pageSizeOptions,
		bulkActions = [],
		rowMenu,
		toolbarRight,
		emptyState,
		loading = false,
		skeletonRows = 5,
		striped = false,
		footer,
		pinColumns,
		forwardedRef
		}) {
		const normalizedColumns = useMemo(() => normalizeColumns(columns), [columns]);
		const tableData = useMemo(() => rows ?? data ?? [], [rows, data]);
		const pageSizeOptionsResolved = useMemo(
		() => [...new Set(pageSizeOptions ?? [])].filter((n) => n > 0).sort((a, b) => a - b),
		[pageSizeOptions]
		);
		const allowsPageSizeChange = pageSizeOptionsResolved.length > 0;
		const [activePageSize, setActivePageSize] = useState(
		pageSize ?? pageSizeOptionsResolved[0] ?? 10
		);
		const effectivePageSize = allowsPageSizeChange ? activePageSize : pageSize;
		const isRich = searchable \|\| filter \|\| selectable \|\| pageSize !== void 0 \|\| allowsPageSizeChange \|\| !!rowMenu \|\| !!toolbarRight \|\| bulkActions.length > 0 \|\| !!emptyState \|\| loading;
		const pinEdges = pinColumns ?? isRich;
		const tableMinWidth = Math.max(640, normalizedColumns.length * 120 + (selectable ? 40 : 0) + (rowMenu ? 44 : 0));
		const [sortKey, setSortKey] = useState(null);
		const [sortDir, setSortDir] = useState("asc");
		const [filters, setFilters] = useState({});
		const [query, setQuery] = useState("");
		const [filterValue, setFilterValue] = useState("all");
		const [selected, setSelected] = useState([]);
		const [page, setPage] = useState(1);
		const getRowKey = (row, i) => {
		if (typeof rowKey === "function") return rowKey(row);
		if (rowKey) return row[rowKey];
		return row.id ?? row.key ?? i;
		};
		const toggleSort = (key) => {
		if (sortKey === key) {
		setSortDir((d) => d === "asc" ? "desc" : "asc");
		} else {
		setSortKey(key);
		setSortDir("asc");
		}
		};
		const updateFilter = (key, value) => {
		setFilters((prev) => {
		const next = { ...prev };
		if (value.trim() === "") {
		delete next[key];
		} else {
		next[key] = value;
		}
		return next;
		});
		};
		const searchKeysResolved = useMemo(
		() => searchKeys ?? normalizedColumns.map((c) => c.key),
		[searchKeys, normalizedColumns]
		);
		const filterSelectOptions = useMemo(() => {
		if (!filter) return [];
		const options = filter.options ?? Array.from(new Set(tableData.map((r) => String(r[filter.key] ?? ""))));
		return [
		{ value: "all", label: filter.allLabel ?? "All" },
		...options.map((opt) => ({ value: opt, label: opt }))
		];
		}, [filter, tableData]);
		const filtered = useMemo(() => {
		let result = tableData;
		if (isRich && filter && filterValue !== "all") {
		result = result.filter((row) => String(row[filter.key] ?? "") === filterValue);
		}
		if (isRich && searchable && query.trim()) {
		const q = query.trim().toLowerCase();
		result = result.filter(
		(row) => searchKeysResolved.some((key) => String(row[key] ?? "").toLowerCase().includes(q))
		);
		}
		if (!isRich) {
		const activeFilters = Object.entries(filters).filter(([, v]) => v.trim() !== "");
		if (activeFilters.length > 0) {
		result = result.filter(
		(row) => activeFilters.every(([key, filterVal]) => {
		const cellValue = String(row[key] ?? "").toLowerCase();
		return cellValue.includes(filterVal.toLowerCase());
		})
		);
		}
		}
		return result;
		}, [tableData, filters, isRich, filter, filterValue, searchable, query, searchKeysResolved]);
		const sorted = useMemo(() => {
		if (!sortKey) return filtered;
		const col = normalizedColumns.find((c) => c.key === sortKey);
		if (!col?.sortable) return filtered;
		return [...filtered].sort((a, b) => {
		const aVal = a[sortKey];
		const bVal = b[sortKey];
		if (typeof aVal === "number" && typeof bVal === "number") {
		return sortDir === "asc" ? aVal - bVal : bVal - aVal;
		}
		const aStr = String(aVal ?? "");
		const bStr = String(bVal ?? "");
		const cmp = aStr.localeCompare(bStr, "nb", { numeric: true });
		return sortDir === "asc" ? cmp : -cmp;
		});
		}, [filtered, sortKey, sortDir, normalizedColumns]);
		const pageCount = effectivePageSize ? Math.max(1, Math.ceil(sorted.length / effectivePageSize)) : 1;
		const currentPage = Math.min(page, pageCount);
		const pageRows = effectivePageSize ? sorted.slice((currentPage - 1) * effectivePageSize, currentPage * effectivePageSize) : sorted;
		const clearSelection = () => setSelected([]);
		const allOnPageSelected = pageRows.length > 0 && pageRows.every((row, i) => selected.includes(getRowKey(row, i)));
		const someOnPageSelected = !allOnPageSelected && pageRows.some((row, i) => selected.includes(getRowKey(row, i)));
		const toggleAllOnPage = () => {
		const pageIds = pageRows.map((row, i) => getRowKey(row, i));
		if (allOnPageSelected) {
		setSelected((prev) => prev.filter((id) => !pageIds.includes(id)));
		} else {
		setSelected((prev) => Array.from(/* @__PURE__ */ new Set([...prev, ...pageIds])));
		}
		};
		const toggleRow = (id) => {
		setSelected((prev) => prev.includes(id) ? prev.filter((x) => x !== id) : [...prev, id]);
		};
		const hasActiveFilters = Object.values(filters).some((v) => v.trim() !== "");
		const filterableColumns = normalizedColumns.filter((c) => c.filterable);
		const colSpan = normalizedColumns.length + (selectable ? 1 : 0) + (rowMenu ? 1 : 0);
		const rowHoverable = Boolean(onRowClick \|\| isRich);
		const selectedRowBg = "bg-[color-mix(in_srgb,var(--tollerud-yellow)_7%,var(--tollerud-noir-900))]";
		const selectedRowHoverBg = "group-hover/tr:bg-[color-mix(in_srgb,var(--tollerud-yellow)_12%,var(--tollerud-noir-800))]";
		const cellSurface = (rowIndex, isSelected) => cn(
		"transition-colors duration-fast",
		rowHoverable && (isSelected ? selectedRowHoverBg : "group-hover/tr:bg-tollerud-noir-800"),
		isSelected && selectedRowBg,
		!isSelected && striped && rowIndex % 2 === 0 && "bg-tollerud-noir-950",
		!isSelected && !(striped && rowIndex % 2 === 0) && isRich && "bg-tollerud-noir-900"
		);
		const stickyPosition = (edge) => pinEdges && cn(
		"sticky z-[2]",
		edge === "check" && "left-0 shadow-[4px_0_12px_-6px_rgba(0,0,0,0.55)]",
		edge === "first" && cn("left-0 shadow-[4px_0_12px_-6px_rgba(0,0,0,0.55)]", selectable && "left-10"),
		edge === "actions" && "right-0 shadow-[-4px_0_12px_-6px_rgba(0,0,0,0.55)]"
		);
		const stickyHead = (edge) => pinEdges && cn(
		"sticky z-[3] bg-tollerud-noir-900",
		edge === "check" && "left-0 shadow-[4px_0_12px_-6px_rgba(0,0,0,0.55)]",
		edge === "first" && cn("left-0 shadow-[4px_0_12px_-6px_rgba(0,0,0,0.55)]", selectable && "left-10"),
		edge === "actions" && "right-0 shadow-[-4px_0_12px_-6px_rgba(0,0,0,0.55)]"
		);
		const stickyBody = (edge) => stickyPosition(edge);
		const sortIndicator = (key) => {
		const active = sortKey === key;
		return /* @__PURE__ */ jsx(
		ChevronDown,
		{
		size: 12,
		className: cn(
		"shrink-0 transition-transform duration-fast",
		active ? "text-tollerud-yellow opacity-100" : "opacity-25",
		active && sortDir === "desc" && "rotate-180"
		),
		"aria-hidden": true
		}
		);
		};
		const headerCell = (col, columnIndex, reactKey) => {
		const content = /* @__PURE__ */ jsxs(Fragment, { children: [
		col.label,
		col.sortable && (isRich ? sortIndicator(col.key) : /* @__PURE__ */ jsxs(Fragment, { children: [
		sortKey === col.key && /* @__PURE__ */ jsx("span", { className: "text-tollerud-accent", children: sortDir === "asc" ? "\u2191" : "\u2193" }),
		sortKey !== col.key && /* @__PURE__ */ jsx("span", { className: "text-tollerud-text-muted/30", children: "\u2195" })
		] })),
		!isRich && col.filterable && /* @__PURE__ */ jsx(
		"svg",
		{
		width: "12",
		height: "12",
		viewBox: "0 0 24 24",
		fill: "none",
		stroke: "currentColor",
		strokeWidth: "2",
		strokeLinecap: "round",
		strokeLinejoin: "round",
		className: cn("opacity-40", filters[col.key] && "opacity-100 text-tollerud-yellow"),
		"aria-hidden": true,
		children: /* @__PURE__ */ jsx("path", { d: "M4 4h16v2.172a2 2 0 0 1-.586 1.414L15 12v7l-6 2v-8.5L4.52 7.53A2 2 0 0 1 4 6.16V4z" })
		}
		)
		] });
		const contentAlignment = cn(
		"inline-flex items-center gap-1",
		col.align === "right" && "justify-end w-full",
		col.align === "center" && "justify-center w-full"
		);
		return /* @__PURE__ */ jsx(
		"th",
		{
		className: cn(
		"px-3 py-2.5 text-left text-xs font-semibold text-tollerud-text-muted uppercase tracking-wider whitespace-nowrap",
		col.align === "right" && "text-right",
		col.align === "center" && "text-center",
		columnIndex === 0 && stickyHead("first")
		),
		style: col.width ? { width: col.width, minWidth: col.width } : void 0,
		"aria-sort": col.sortable ? sortKey === col.key ? sortDir === "asc" ? "ascending" : "descending" : "none" : void 0,
		children: col.sortable ? /* @__PURE__ */ jsx(
		"button",
		{
		type: "button",
		onClick: () => toggleSort(col.key),
		className: cn(
		contentAlignment,
		"cursor-pointer select-none uppercase tracking-wider hover:text-tollerud-text-primary transition-colors tollerud-focus-ring rounded-sm"
		),
		children: content
		}
		) : /* @__PURE__ */ jsx("span", { className: contentAlignment, children: content })
		},
		reactKey
		);
		};
		const tableBody = () => {
		if (loading) {
		return /* @__PURE__ / jsx("tbody", { children: Array.from({ length: skeletonRows }).map((_, i) => / @__PURE__ */ jsxs("tr", { className: "border-b border-tollerud-border/20", children: [
		selectable && /* @__PURE__ / jsx("td", { className: cn("px-3 py-2.5 w-10 min-w-10", cellSurface(i, false), stickyBody("check")), children: / @__PURE__ */ jsx(Skeleton, { className: "h-4 w-4 rounded" }) }),
		normalizedColumns.map((col, j) => /* @__PURE__ */ jsx(
		"td",
		{
		className: cn(
		"px-3 py-2.5 whitespace-nowrap",
		col.align === "right" && "text-right",
		cellSurface(i, false),
		j === 0 && stickyBody("first")
		),
		children: /* @__PURE__ */ jsx(Skeleton, { className: cn("h-3", j === 0 ? "w-[70%]" : "w-[55%]") })
		},
		columnReactKey(col, j)
		)),
		rowMenu && /* @__PURE__ / jsx("td", { className: cn("px-3 py-2.5 w-11 min-w-11", cellSurface(i, false), stickyBody("actions")), children: / @__PURE__ */ jsx(Skeleton, { className: "h-4 w-4 rounded" }) })
		] }, i)) });
		}
		if (sorted.length === 0) {
		if (isRich && emptyState) {
		return null;
		}
		return /* @__PURE__ / jsx("tbody", { children: / @__PURE__ / jsx("tr", { children: / @__PURE__ */ jsx("td", { colSpan, className: "px-3 py-8 text-center text-sm text-tollerud-text-muted", children: hasActiveFilters \|\| query \|\| filterValue !== "all" ? "No matching rows" : emptyMessage }) }) });
		}
		return /* @__PURE__ */ jsx("tbody", { children: pageRows.map((row, i) => {
		const id = getRowKey(row, i);
		const isSelected = selected.includes(id);
		return /* @__PURE__ */ jsxs(
		"tr",
		{
		className: cn(
		"group/tr border-b border-tollerud-border/20",
		onRowClick && "cursor-pointer"
		),
		onClick: () => onRowClick?.(row),
		children: [
		selectable && /* @__PURE__ */ jsx(
		"td",
		{
		className: cn("px-3 py-2.5 w-10 min-w-10", cellSurface(i, isSelected), stickyBody("check")),
		onClick: (e) => e.stopPropagation(),
		children: /* @__PURE__ */ jsx(Checkbox, { checked: isSelected, onChange: () => toggleRow(id), "aria-label": `Select row ${id}` })
		}
		),
		normalizedColumns.map((col, columnIndex) => {
		const value = row[col.key];
		return /* @__PURE__ */ jsx(
		"td",
		{
		className: cn(
		"px-3 py-2.5 text-tollerud-text-secondary whitespace-nowrap",
		col.align === "right" && "text-right",
		col.align === "center" && "text-center",
		!col.render && "font-mono text-xs",
		cellSurface(i, isSelected),
		columnIndex === 0 && stickyBody("first")
		),
		style: col.width ? { width: col.width, minWidth: col.width } : void 0,
		children: col.render ? col.render(value, row) : String(value ?? "\u2014")
		},
		columnReactKey(col, columnIndex)
		);
		}),
		rowMenu && /* @__PURE__ */ jsx(
		"td",
		{
		className: cn("px-2 py-2 w-11 min-w-11", cellSurface(i, isSelected), stickyBody("actions")),
		onClick: (e) => e.stopPropagation(),
		children: /* @__PURE__ */ jsxs(DropdownMenu, { children: [
		/* @__PURE__ / jsx(DropdownMenuTrigger, { asChild: true, children: / @__PURE__ */ jsx(
		"button",
		{
		type: "button",
		className: "inline-flex h-7 w-7 items-center justify-center rounded-md text-tollerud-text-muted hover:text-tollerud-text-primary hover:bg-tollerud-surface-raised transition-colors tollerud-focus-ring",
		"aria-label": "Row actions",
		children: /* @__PURE__ */ jsx(MoreHorizontal, { size: 15 })
		}
		) }),
		/* @__PURE__ */ jsx(DropdownMenuContent, { align: "end", children: rowMenu(row).map((item, index) => {
		if (item.sep) return /* @__PURE__ */ jsx(DropdownMenuSeparator, {}, index);
		if (item.heading) return /* @__PURE__ */ jsx(DropdownMenuLabel, { children: item.label }, index);
		return /* @__PURE__ */ jsxs(DropdownMenuItem, { onSelect: () => item.onSelect?.(), children: [
		item.icon ? /* @__PURE__ */ jsx("span", { className: "mr-2 inline-flex", children: item.icon }) : null,
		item.label
		] }, index);
		}) })
		] })
		}
		)
		]
		},
		id
		);
		}) });
		};
		const table = /* @__PURE__ */ jsxs("table", { className: "w-full text-sm", style: { minWidth: tableMinWidth }, children: [
		/* @__PURE__ */ jsxs("thead", { children: [
		/* @__PURE__ */ jsxs("tr", { className: "border-b border-tollerud-border/30 bg-tollerud-noir-900", children: [
		selectable && /* @__PURE__ / jsx("th", { className: cn("px-3 py-2.5 w-10 min-w-10", stickyHead("check")), children: / @__PURE__ */ jsx(
		Checkbox,
		{
		checked: allOnPageSelected,
		indeterminate: someOnPageSelected,
		onChange: toggleAllOnPage,
		"aria-label": "Select all rows on page"
		}
		) }),
		normalizedColumns.map(
		(col, columnIndex) => headerCell(col, columnIndex, columnReactKey(col, columnIndex))
		),
		rowMenu && /* @__PURE__ */ jsx("th", { className: cn("w-11 min-w-11", stickyHead("actions")), "aria-label": "Row actions" })
		] }),
		!isRich && filterableColumns.length > 0 && /* @__PURE__ / jsx("tr", { className: "border-b border-tollerud-border/20", children: normalizedColumns.map((col, columnIndex) => / @__PURE__ */ jsx(
		"th",
		{
		className: cn("px-1.5 py-1", col.align === "right" && "text-right", col.align === "center" && "text-center"),
		children: col.filterable ? /* @__PURE__ */ jsx(
		"input",
		{
		type: "text",
		placeholder: `Filter ${col.label.toLowerCase()}\u2026`,
		value: filters[col.key] ?? "",
		onChange: (e) => updateFilter(col.key, e.target.value),
		className: cn(
		"w-full px-2 py-1 text-xs rounded border transition-colors outline-none",
		"bg-tollerud-noir-900/50 border-tollerud-border/20 text-tollerud-text-primary placeholder:text-tollerud-text-muted/40",
		"focus:border-tollerud-yellow/40 focus:ring-1 focus:ring-tollerud-yellow/20"
		)
		}
		) : null
		},
		columnReactKey(col, columnIndex)
		)) })
		] }),
		tableBody()
		] });
		const bulkActionButtons = bulkActions.map((action, index) => /* @__PURE__ */ jsxs(
		Button,
		{
		variant: action.variant ?? "ghost",
		size: "sm",
		onClick: () => action.onRun(selected, clearSelection),
		children: [
		action.icon ? /* @__PURE__ */ jsx("span", { className: "mr-1.5 inline-flex shrink-0", children: action.icon }) : null,
		action.label
		]
		},
		index
		));
		const tableScroll = /* @__PURE__ */ jsx(
		"div",
		{
		className: "tollerud-datatable-scroll min-w-0 w-full overflow-x-auto overscroll-x-contain",
		role: "region",
		"aria-label": "Scrollable table",
		tabIndex: pinEdges ? 0 : void 0,
		children: table
		}
		);
		if (!isRich) {
		return /* @__PURE__ */ jsx("div", { ref: forwardedRef, className: cn("min-w-0 w-full rounded-lg border border-tollerud-border/30", className), children: tableScroll });
		}
		const showEmpty = !loading && sorted.length === 0;
		return /* @__PURE__ */ jsxs(
		"div",
		{
		ref: forwardedRef,
		className: cn(
		"min-w-0 w-full rounded-lg border border-tollerud-border/30 bg-tollerud-noir-900",
		className
		),
		children: [
		(searchable \|\| filter \|\| toolbarRight) && /* @__PURE__ */ jsxs(
		"div",
		{
		className: cn(
		"flex flex-col gap-2.5 border-b border-tollerud-border/30 px-4 py-3.5 sm:flex-row sm:items-center",
		searchable ? "sm:justify-between" : "sm:justify-end"
		),
		children: [
		searchable && /* @__PURE__ */ jsxs("div", { className: "flex h-9 w-full items-center gap-2 rounded-lg border border-tollerud-border/30 bg-tollerud-noir-950 px-3 sm:w-[230px] sm:shrink-0", children: [
		/* @__PURE__ */ jsx(Search, { size: 15, className: "shrink-0 text-tollerud-text-muted", "aria-hidden": true }),
		/* @__PURE__ */ jsx(
		"input",
		{
		value: query,
		onChange: (e) => {
		setQuery(e.target.value);
		setPage(1);
		},
		placeholder: searchPlaceholder,
		className: "min-w-0 flex-1 border-none bg-transparent text-sm text-tollerud-text-primary outline-none placeholder:text-tollerud-text-muted"
		}
		),
		query && /* @__PURE__ */ jsx(
		"button",
		{
		type: "button",
		onClick: () => setQuery(""),
		className: "text-tollerud-text-muted hover:text-tollerud-text-primary",
		"aria-label": "Clear search",
		children: /* @__PURE__ */ jsx(X, { size: 13 })
		}
		)
		] }),
		(filter \|\| toolbarRight) && /* @__PURE__ */ jsxs(
		"div",
		{
		className: cn(
		"flex min-w-0 items-center gap-2",
		filter ? "justify-between" : "justify-end",
		"sm:justify-end"
		),
		children: [
		filter && (filter.variant === "combobox" ? /* @__PURE__ */ jsx(
		Combobox,
		{
		value: filterValue,
		onChange: (value) => {
		setFilterValue(value);
		setPage(1);
		},
		options: filterSelectOptions,
		placeholder: filter.placeholder ?? filter.allLabel ?? "Filter\u2026",
		className: "min-w-0 flex-1 sm:flex-none sm:w-[200px]"
		}
		) : /* @__PURE__ / jsx("div", { className: "min-w-0 flex-1 overflow-x-auto sm:flex-none", children: / @__PURE__ */ jsx(
		Segmented,
		{
		size: "sm",
		value: filterValue,
		onChange: (value) => {
		setFilterValue(value);
		setPage(1);
		},
		options: filterSelectOptions
		}
		) })),
		toolbarRight ? /* @__PURE__ */ jsx("div", { className: "shrink-0", children: toolbarRight }) : null
		]
		}
		)
		]
		}
		),
		selectable && selected.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3 border-b border-tollerud-border/30 bg-tollerud-yellow/[0.07] px-4 py-2.5", children: [
		/* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2 text-sm text-tollerud-text-primary", children: [
		/* @__PURE__ */ jsx(Badge, { variant: "accent", children: selected.length }),
		"selected"
		] }),
		/* @__PURE__ / jsx("div", { className: "flex flex-wrap items-center gap-2", children: bulkActions.length > 1 ? / @__PURE__ */ jsx(ButtonGroup, { size: "sm", children: bulkActionButtons }) : bulkActionButtons })
		] }),
		showEmpty ? /* @__PURE__ / jsx("div", { className: "p-2", children: emptyState ?? / @__PURE__ */ jsx("div", { className: "py-12 text-center text-sm text-tollerud-text-muted", children: "No results." }) }) : tableScroll,
		!loading && sorted.length > 0 && /* @__PURE__ */ jsxs("div", { className: "relative z-[4] flex flex-wrap items-center justify-between gap-3 border-t border-tollerud-border/30 px-4 py-2", children: [
		/* @__PURE__ / jsx("span", { className: "text-xs text-tollerud-text-muted", children: effectivePageSize ? `Showing ${(currentPage - 1) effectivePageSize + 1}\u2013${(currentPage - 1) * effectivePageSize + pageRows.length} of ${sorted.length}` : `${sorted.length} row${sorted.length === 1 ? "" : "s"}` }),
		/* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [
		footer,
		allowsPageSizeChange && /* @__PURE__ */ jsx(
		Select,
		{
		label: "Rows",
		layout: "inline",
		size: "sm",
		value: String(activePageSize),
		onChange: (value) => {
		setActivePageSize(Number(value));
		setPage(1);
		},
		options: pageSizeOptionsResolved.map((size) => ({
		value: String(size),
		label: String(size)
		})),
		className: "w-[72px]"
		}
		),
		effectivePageSize && pageCount > 1 && /* @__PURE__ */ jsx(Pagination, { page: currentPage, pageCount, onChange: setPage, siblingCount: 1 })
		] })
		] })
		]
		}
		);
		}
		var DataTable = forwardRef((props, ref) => /* @__PURE__ */ jsx(DataTableInner, { ...props, forwardedRef: ref }));
		DataTable.displayName = "DataTable";

		export { DataTable };
		//# sourceMappingURL=chunk-2B2SZDDL.js.map
		//# sourceMappingURL=chunk-2B2SZDDL.js.map

-1

dist/chunk-2B2SZDDL.js.map

-88

dist/chunk-2SKN6JXG.js

		'use client';
		import { cn } from './chunk-62DSK4IE.js';
		import * as DialogPrimitive from '@radix-ui/react-dialog';
		import { forwardRef, Children, isValidElement } from 'react';
		import { jsx, jsxs } from 'react/jsx-runtime';

		var Sheet = ({ open, onOpenChange, children }) => /* @__PURE__ */ jsx(DialogPrimitive.Root, { open, onOpenChange, children });
		var SheetTrigger = DialogPrimitive.Trigger;
		var SheetClose = DialogPrimitive.Close;
		function treeContainsDisplayName(node, displayName) {
		let found = false;
		Children.forEach(node, (child) => {
		if (found \|\| !isValidElement(child)) return;
		if (child.type.displayName === displayName) {
		found = true;
		return;
		}
		const props = child.props;
		if (props.children && treeContainsDisplayName(props.children, displayName)) {
		found = true;
		}
		});
		return found;
		}
		var SheetOverlay = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
		DialogPrimitive.Overlay,
		{
		ref,
		className: cn("tollerud-sheet-overlay", className),
		...props
		}
		));
		SheetOverlay.displayName = "SheetOverlay";
		var SheetContent = forwardRef(({ className, children, side = "right", title = "Panel", ...props }, ref) => /* @__PURE__ */ jsxs(DialogPrimitive.Portal, { children: [
		/* @__PURE__ */ jsx(SheetOverlay, {}),
		/* @__PURE__ */ jsxs(
		DialogPrimitive.Content,
		{
		ref,
		className: cn(
		"tollerud-sheet-panel fixed z-50 gap-4 bg-tollerud-noir-900 border-tollerud-border/30 p-6 shadow-xl",
		side === "right" && [
		"tollerud-sheet-panel--right inset-y-0 right-0 h-full w-full max-w-md border-l"
		],
		side === "left" && [
		"tollerud-sheet-panel--left inset-y-0 left-0 h-full w-full max-w-md border-r"
		],
		className
		),
		...props,
		children: [
		!treeContainsDisplayName(children, "SheetTitle") && /* @__PURE__ */ jsx(DialogPrimitive.Title, { className: "tollerud-sr-only", children: title }),
		children,
		/* @__PURE__ */ jsxs(SheetClose, { className: "absolute right-4 top-4 rounded-sm opacity-70 hover:opacity-100 transition-opacity duration-fast text-tollerud-text-muted hover:text-tollerud-text-primary", children: [
		/* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
		/* @__PURE__ */ jsx("path", { d: "M18 6 6 18" }),
		/* @__PURE__ */ jsx("path", { d: "m6 6 12 12" })
		] }),
		/* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
		] })
		]
		}
		)
		] }));
		SheetContent.displayName = "SheetContent";
		var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("flex flex-col space-y-1.5 text-left", className), ...props });
		var SheetTitle = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
		DialogPrimitive.Title,
		{
		ref,
		className: cn("text-base font-semibold text-tollerud-text-primary", className),
		...props
		}
		));
		SheetTitle.displayName = "SheetTitle";
		var SheetDescription = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
		DialogPrimitive.Description,
		{
		ref,
		className: cn("text-sm text-tollerud-text-secondary", className),
		...props
		}
		));
		SheetDescription.displayName = "SheetDescription";

		export { Sheet, SheetClose, SheetContent, SheetDescription, SheetHeader, SheetTitle, SheetTrigger };
		//# sourceMappingURL=chunk-2SKN6JXG.js.map
		//# sourceMappingURL=chunk-2SKN6JXG.js.map

-1

dist/chunk-2SKN6JXG.js.map

-99

dist/chunk-32CKKNGD.js

		'use client';
		import { Monogram } from './chunk-KGFOWDPH.js';
		import { cn } from './chunk-62DSK4IE.js';
		import { forwardRef } from 'react';
		import { jsxs, jsx, Fragment } from 'react/jsx-runtime';

		function SidebarNavLink({
		item,
		onItemSelect
		}) {
		const className = cn(
		"tollerud-focus-ring flex w-full items-center gap-2.5 rounded-md border-0 bg-transparent px-2.5 py-1.5 text-left text-[13.5px] font-medium text-tollerud-text-secondary transition-colors duration-fast",
		"hover:bg-tollerud-noir-800 hover:text-tollerud-text-primary",
		item.active && "bg-tollerud-yellow/10 text-tollerud-text-primary shadow-[inset_2px_0_0_0] shadow-tollerud-yellow"
		);
		const icon = item.icon ? /* @__PURE__ */ jsx(
		"span",
		{
		className: cn(
		"flex h-[15px] w-[15px] shrink-0 items-center justify-center text-tollerud-text-muted",
		item.active && "text-tollerud-yellow"
		),
		children: item.icon
		}
		) : null;
		const content = /* @__PURE__ */ jsxs(Fragment, { children: [
		icon,
		item.label
		] });
		const handleSelect = () => {
		item.onSelect?.();
		onItemSelect?.(item);
		};
		if (item.href) {
		return /* @__PURE__ */ jsx(
		"a",
		{
		href: item.href,
		"aria-current": item.active ? "page" : void 0,
		className: cn(className, "no-underline"),
		onClick: handleSelect,
		children: content
		}
		);
		}
		return /* @__PURE__ */ jsx("button", { type: "button", className, onClick: handleSelect, children: content });
		}
		var SidebarNav = forwardRef(
		({
		className,
		projectName,
		projectSubtitle,
		homeHref = "/",
		groups,
		items,
		onItemSelect,
		children,
		...props
		}, ref) => {
		const navGroups = groups ?? (items?.length ? [{ items }] : []);
		return /* @__PURE__ */ jsxs(
		"aside",
		{
		ref,
		className: cn(
		"flex h-full w-[264px] shrink-0 flex-col border-r border-tollerud-border bg-tollerud-noir-900",
		className
		),
		...props,
		children: [
		/* @__PURE__ */ jsxs(
		"a",
		{
		href: homeHref,
		className: "tollerud-focus-ring flex h-14 shrink-0 items-center gap-[11px] border-b border-tollerud-border px-[22px] no-underline",
		children: [
		/* @__PURE__ */ jsx(Monogram, { color: "yellow", className: "h-[26px] w-auto" }),
		/* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
		/* @__PURE__ */ jsx("div", { className: "truncate text-[15px] font-bold leading-tight tracking-[-0.01em] text-tollerud-text-primary", children: projectName }),
		projectSubtitle && /* @__PURE__ */ jsx("div", { className: "truncate font-mono text-[10px] text-tollerud-text-muted", children: projectSubtitle })
		] })
		]
		}
		),
		navGroups.length > 0 && /* @__PURE__ / jsx("nav", { className: "flex-1 min-h-0 overflow-y-auto px-3 py-4 pb-6", children: navGroups.map((group, groupIndex) => / @__PURE__ */ jsxs("div", { className: cn("mb-[18px] last:mb-0"), children: [
		group.label && /* @__PURE__ */ jsx("div", { className: "px-2.5 pb-1.5 text-[10.5px] font-semibold uppercase tracking-[0.09em] text-tollerud-text-muted", children: group.label }),
		/* @__PURE__ / jsx("div", { className: "flex flex-col", children: group.items.map((item) => / @__PURE__ */ jsx(SidebarNavLink, { item, onItemSelect }, item.id)) })
		] }, group.label ? String(group.label) : groupIndex)) }),
		children && /* @__PURE__ */ jsx("div", { className: "border-t border-tollerud-border px-3 py-4", children })
		]
		}
		);
		}
		);
		SidebarNav.displayName = "SidebarNav";

		export { SidebarNav };
		//# sourceMappingURL=chunk-32CKKNGD.js.map
		//# sourceMappingURL=chunk-32CKKNGD.js.map

-1

dist/chunk-32CKKNGD.js.map

-66

dist/chunk-372ZFQ2N.js

		'use client';
		import { StatusDot } from './chunk-GBRODDO4.js';
		import { cn } from './chunk-62DSK4IE.js';
		import { forwardRef } from 'react';
		import { jsxs, jsx } from 'react/jsx-runtime';

		var BackupStatusPanel = forwardRef(
		({ className, jobs, totalSize, lastFullBackup, loading, ...props }, ref) => {
		const failed = jobs.filter((j) => j.status === "offline").length;
		return /* @__PURE__ */ jsxs(
		"div",
		{
		ref,
		className: cn(
		"rounded-lg border border-tollerud-border bg-tollerud-surface-raised",
		loading && "animate-pulse",
		className
		),
		...props,
		children: [
		/* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-4 py-3 border-b border-tollerud-border", children: [
		/* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-tollerud-foreground", children: "Backups" }),
		/* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 text-[11px] text-tollerud-text-muted", children: [
		totalSize && /* @__PURE__ */ jsx("span", { children: totalSize }),
		lastFullBackup && /* @__PURE__ */ jsxs("span", { children: [
		"Last full: ",
		lastFullBackup
		] })
		] })
		] }),
		/* @__PURE__ */ jsxs("div", { className: "p-1", children: [
		jobs.length === 0 && /* @__PURE__ */ jsx("div", { className: "px-3 py-6 text-xs text-center text-tollerud-text-muted", children: "No backup jobs configured" }),
		jobs.map((job) => /* @__PURE__ */ jsxs(
		"div",
		{
		className: "flex items-center justify-between px-3 py-2 rounded-md hover:bg-tollerud-noir-800/50 transition-colors",
		children: [
		/* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: [
		/* @__PURE__ */ jsx(StatusDot, { status: job.status }),
		/* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-tollerud-foreground truncate", children: job.name })
		] }),
		/* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 text-[11px] text-tollerud-text-muted flex-shrink-0 ml-2", children: [
		job.size && /* @__PURE__ */ jsx("span", { children: job.size }),
		job.target && /* @__PURE__ */ jsx("span", { className: "hidden sm:inline font-mono", children: job.target })
		] })
		]
		},
		job.name
		))
		] }),
		failed > 0 && /* @__PURE__ / jsx("div", { className: "px-4 py-2 border-t border-tollerud-border", children: / @__PURE__ */ jsxs("span", { className: "text-[11px] text-tollerud-error", children: [
		failed,
		" job",
		failed !== 1 ? "s" : "",
		" failed \u2014 check logs"
		] }) })
		]
		}
		);
		}
		);
		BackupStatusPanel.displayName = "BackupStatusPanel";

		export { BackupStatusPanel };
		//# sourceMappingURL=chunk-372ZFQ2N.js.map
		//# sourceMappingURL=chunk-372ZFQ2N.js.map

-1

dist/chunk-372ZFQ2N.js.map

-53

dist/chunk-4MCORQTZ.js

		'use client';
		import { StatusDot } from './chunk-GBRODDO4.js';
		import { cn } from './chunk-62DSK4IE.js';
		import { forwardRef } from 'react';
		import { jsxs, jsx } from 'react/jsx-runtime';

		var DockerStackCard = forwardRef(
		({ className, name, services, composePath, loading, ...props }, ref) => {
		const onlineCount = services.filter((s) => s.status === "online").length;
		const degraded = services.some((s) => s.status === "offline" \|\| s.status === "warning");
		const status = services.every((s) => s.status === "online") ? "online" : degraded ? "warning" : "offline";
		return /* @__PURE__ */ jsxs(
		"div",
		{
		ref,
		className: cn(
		"rounded-lg border bg-tollerud-surface-raised p-4",
		"transition-[border-color] duration-fast",
		status === "offline" && "border-tollerud-error/40",
		status === "warning" && "border-tollerud-yellow/30",
		status === "online" && "border-tollerud-border hover:border-tollerud-noir-500",
		loading && "animate-pulse",
		className
		),
		...props,
		children: [
		/* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-3", children: [
		/* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [
		/* @__PURE__ */ jsx(StatusDot, { status }),
		/* @__PURE__ */ jsx("span", { className: "font-semibold text-sm text-tollerud-foreground truncate", children: name })
		] }),
		/* @__PURE__ */ jsxs("span", { className: "text-xs text-tollerud-text-muted whitespace-nowrap ml-2", children: [
		onlineCount,
		"/",
		services.length,
		" healthy"
		] })
		] }),
		composePath && /* @__PURE__ */ jsx("div", { className: "text-[11px] text-tollerud-text-muted font-mono mb-2 truncate", children: composePath }),
		/* @__PURE__ / jsx("div", { className: "flex flex-col gap-1", children: services.map((svc) => / @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-xs", children: [
		/* @__PURE__ */ jsx("span", { className: "text-tollerud-text-secondary truncate", children: svc.name }),
		/* @__PURE__ */ jsx(StatusDot, { status: svc.status })
		] }, svc.name)) })
		]
		}
		);
		}
		);
		DockerStackCard.displayName = "DockerStackCard";

		export { DockerStackCard };
		//# sourceMappingURL=chunk-4MCORQTZ.js.map
		//# sourceMappingURL=chunk-4MCORQTZ.js.map

-1

dist/chunk-4MCORQTZ.js.map

-63

dist/chunk-4R765NR4.js

		'use client';
		import { StatusDot } from './chunk-GBRODDO4.js';
		import { cn } from './chunk-62DSK4IE.js';
		import { forwardRef } from 'react';
		import { jsxs, jsx } from 'react/jsx-runtime';

		var HostCard = forwardRef(
		({ className, hostname, ip, status = "online", cpu, memory, disk, uptime, containers, loading, ...props }, ref) => {
		return /* @__PURE__ */ jsxs(
		"div",
		{
		ref,
		className: cn(
		"rounded-lg border bg-tollerud-surface-raised p-4",
		"transition-[border-color] duration-fast",
		status === "offline" && "border-tollerud-error/40",
		status === "warning" && "border-tollerud-yellow/30",
		status === "online" && "border-tollerud-border hover:border-tollerud-noir-500",
		loading && "animate-pulse",
		className
		),
		...props,
		children: [
		/* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-2", children: [
		/* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [
		/* @__PURE__ */ jsx(StatusDot, { status }),
		/* @__PURE__ */ jsx("span", { className: "font-semibold text-sm text-tollerud-foreground truncate", children: hostname })
		] }),
		containers !== void 0 && /* @__PURE__ */ jsxs("span", { className: "text-[11px] text-tollerud-text-muted whitespace-nowrap ml-2", children: [
		containers,
		" container",
		containers !== 1 ? "s" : ""
		] })
		] }),
		ip && /* @__PURE__ */ jsx("div", { className: "text-xs text-tollerud-text-muted mb-2 font-mono", children: ip }),
		/* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-x-4 gap-y-1 text-xs text-tollerud-text-muted", children: [
		cpu && /* @__PURE__ */ jsxs("span", { children: [
		"CPU: ",
		/* @__PURE__ */ jsx("span", { className: "text-tollerud-text-secondary", children: cpu })
		] }),
		memory && /* @__PURE__ */ jsxs("span", { children: [
		"RAM: ",
		/* @__PURE__ */ jsx("span", { className: "text-tollerud-text-secondary", children: memory })
		] }),
		disk && /* @__PURE__ */ jsxs("span", { children: [
		"Disk: ",
		/* @__PURE__ */ jsx("span", { className: "text-tollerud-text-secondary", children: disk })
		] }),
		uptime && /* @__PURE__ */ jsxs("span", { children: [
		"Up: ",
		/* @__PURE__ */ jsx("span", { className: "text-tollerud-text-secondary", children: uptime })
		] })
		] })
		]
		}
		);
		}
		);
		HostCard.displayName = "HostCard";

		export { HostCard };
		//# sourceMappingURL=chunk-4R765NR4.js.map
		//# sourceMappingURL=chunk-4R765NR4.js.map

-1

dist/chunk-4R765NR4.js.map

-162

dist/chunk-5UWEPNAB.js

		'use client';
		import { FloatingDropdownPortal, isOutsideFloatingDropdown } from './chunk-YUFSJ2LB.js';
		import { cn } from './chunk-62DSK4IE.js';
		import { forwardRef, useId, useState, useRef, useCallback, useEffect, useSyncExternalStore } from 'react';
		import { ChevronDown } from 'lucide-react';
		import { jsxs, jsx } from 'react/jsx-runtime';

		var MOBILE_MEDIA_QUERY = "(max-width: 767px)";
		function subscribe(onStoreChange) {
		if (typeof window.matchMedia !== "function") return () => {
		};
		const mq = window.matchMedia(MOBILE_MEDIA_QUERY);
		mq.addEventListener("change", onStoreChange);
		return () => mq.removeEventListener("change", onStoreChange);
		}
		function getSnapshot() {
		if (typeof window.matchMedia !== "function") return false;
		return window.matchMedia(MOBILE_MEDIA_QUERY).matches;
		}
		function getServerSnapshot() {
		return false;
		}
		function useIsMobile() {
		return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
		}
		var shellClass = "inline-flex items-center gap-0.5 rounded-lg p-1 bg-tollerud-surface-raised border border-tollerud-border";
		function segmentButtonClass(active, size, disabled) {
		return cn(
		"inline-flex items-center justify-center rounded-md font-medium leading-none transition-colors duration-fast tollerud-focus-ring",
		size === "sm" ? "h-7 px-2.5 text-xs" : "h-8 px-3.5 text-sm",
		active ? "bg-tollerud-yellow text-tollerud-noir-black" : "text-tollerud-text-secondary hover:text-tollerud-text-primary",
		disabled && "opacity-40 pointer-events-none"
		);
		}
		var Segmented = forwardRef(
		({
		className,
		options,
		value,
		onChange,
		size = "md",
		collapseMobile = false,
		...props
		}, ref) => {
		const listId = useId();
		const isMobile = useIsMobile();
		const [expanded, setExpanded] = useState(false);
		const rootRef = useRef(null);
		const anchorRef = useRef(null);
		const popoverRef = useRef(null);
		const collapse = collapseMobile && isMobile;
		const selected = options.find((opt) => opt.value === value);
		const setRefs = useCallback(
		(node) => {
		rootRef.current = node;
		if (typeof ref === "function") ref(node);
		else if (ref) ref.current = node;
		},
		[ref]
		);
		useEffect(() => {
		if (!collapse) setExpanded(false);
		}, [collapse]);
		useEffect(() => {
		if (!expanded) return;
		function onPointerDown(event) {
		if (isOutsideFloatingDropdown(event.target, anchorRef, popoverRef)) {
		setExpanded(false);
		}
		}
		document.addEventListener("mousedown", onPointerDown);
		return () => document.removeEventListener("mousedown", onPointerDown);
		}, [expanded]);
		const handleSelect = (next) => {
		onChange(next);
		if (collapse) setExpanded(false);
		};
		if (collapse) {
		const selectedLabel = typeof selected?.label === "string" \|\| typeof selected?.label === "number" ? String(selected?.label) : value;
		return /* @__PURE__ */ jsxs("div", { ref: setRefs, className: cn("relative inline-flex", className), ...props, children: [
		/* @__PURE__ / jsx("div", { ref: anchorRef, className: shellClass, children: / @__PURE__ */ jsxs(
		"button",
		{
		type: "button",
		"aria-expanded": expanded,
		"aria-haspopup": "listbox",
		"aria-controls": expanded ? listId : void 0,
		"aria-label": `${selectedLabel}, show options`,
		onClick: () => setExpanded((open) => !open),
		className: cn(segmentButtonClass(true, size), "gap-1"),
		children: [
		selected?.label ?? value,
		/* @__PURE__ */ jsx(
		ChevronDown,
		{
		size: size === "sm" ? 14 : 16,
		"aria-hidden": true,
		className: cn("transition-transform duration-fast", expanded && "rotate-180")
		}
		)
		]
		}
		) }),
		/* @__PURE__ */ jsx(
		FloatingDropdownPortal,
		{
		open: expanded,
		anchorRef,
		popoverRef,
		id: listId,
		role: "listbox",
		placementOptions: { maxHeight: 240 },
		className: "overflow-hidden rounded-lg border border-tollerud-border bg-tollerud-surface-overlay py-1",
		children: options.map((opt, index) => {
		const active = opt.value === value;
		return /* @__PURE__ */ jsx(
		"button",
		{
		type: "button",
		role: "option",
		"aria-selected": active,
		disabled: opt.disabled,
		onClick: () => !opt.disabled && handleSelect(opt.value),
		className: cn(
		"w-full text-left px-3 py-2 text-sm transition-colors duration-fast cursor-pointer",
		active ? "text-tollerud-yellow" : "text-tollerud-text-primary",
		"hover:bg-tollerud-noir-700/60",
		active && "bg-tollerud-noir-700",
		opt.disabled && "opacity-40 pointer-events-none"
		),
		children: opt.label
		},
		`${String(opt.value)}-${index}`
		);
		})
		}
		)
		] });
		}
		return /* @__PURE__ */ jsx("div", { ref: setRefs, role: "radiogroup", className: cn(shellClass, className), ...props, children: options.map((opt, index) => {
		const active = opt.value === value;
		return /* @__PURE__ */ jsx(
		"button",
		{
		type: "button",
		role: "radio",
		"aria-checked": active,
		disabled: opt.disabled,
		onClick: () => !opt.disabled && handleSelect(opt.value),
		className: segmentButtonClass(active, size, opt.disabled),
		children: opt.label
		},
		`${String(opt.value)}-${index}`
		);
		}) });
		}
		);
		Segmented.displayName = "Segmented";

		export { Segmented };
		//# sourceMappingURL=chunk-5UWEPNAB.js.map
		//# sourceMappingURL=chunk-5UWEPNAB.js.map

-1

dist/chunk-5UWEPNAB.js.map

-207

dist/chunk-6JET76Z7.js

		'use client';
		import { DialogTitle, DialogDescription } from './chunk-ANUWAVRE.js';
		import { Monogram } from './chunk-KGFOWDPH.js';
		import { Cluster } from './chunk-K3B5D66V.js';
		import { cn } from './chunk-62DSK4IE.js';
		import * as DialogPrimitive from '@radix-ui/react-dialog';
		import { X, Menu } from 'lucide-react';
		import { forwardRef, useState, useMemo, Children, isValidElement, Fragment } from 'react';
		import { jsxs, jsx, Fragment as Fragment$1 } from 'react/jsx-runtime';

		var maxWidthClasses = {
		default: "max-w-[1100px]",
		wide: "max-w-[1400px]",
		full: "max-w-none"
		};
		function TopNavAction({ children }) {
		return /* @__PURE__ */ jsx(Fragment$1, { children });
		}
		TopNavAction.displayName = "TopNavAction";
		function isTopNavAction(element) {
		return isValidElement(element) && element.type.displayName === "TopNavAction";
		}
		function flattenActionChildren(children) {
		return Children.toArray(children).flatMap((child) => {
		if (isValidElement(child) && child.type === Fragment) {
		return flattenActionChildren(child.props.children);
		}
		return [child];
		});
		}
		function partitionActions(actions) {
		const inline = [];
		const menu = [];
		const desktop = [];
		for (const child of flattenActionChildren(actions)) {
		if (isTopNavAction(child)) {
		const mobile = child.props.mobile ?? "menu";
		const content = child.props.children;
		desktop.push(content);
		if (mobile === "inline") inline.push(content);
		else if (mobile === "menu") menu.push(content);
		} else if (child != null && child !== false) {
		desktop.push(child);
		menu.push(child);
		}
		}
		return { inline, menu, desktop };
		}
		function TopNavLink({
		item,
		className,
		onNavigate
		}) {
		return /* @__PURE__ */ jsx(
		"a",
		{
		href: item.href,
		target: item.external ? "_blank" : void 0,
		rel: item.external ? "noreferrer" : void 0,
		"aria-current": item.active ? "page" : void 0,
		onClick: onNavigate,
		className: cn(
		"tollerud-focus-ring rounded-sm text-sm text-tollerud-text-secondary no-underline transition-colors hover:text-tollerud-text-primary",
		item.active && "text-tollerud-yellow",
		className
		),
		children: item.label
		}
		);
		}
		var TopNav = forwardRef(
		({
		className,
		projectName,
		homeHref = "/",
		navItems = [],
		actions,
		sticky = true,
		maxWidth = false,
		mobileMenuTitle = "Navigation menu",
		mobileMenuExtra,
		...props
		}, ref) => {
		const [mobileOpen, setMobileOpen] = useState(false);
		const hasNavItems = navItems.length > 0;
		const { inline: mobileInlineActions, menu: mobileMenuActions, desktop: desktopActions } = useMemo(() => partitionActions(actions), [actions]);
		const hasDesktopActions = desktopActions.length > 0;
		const hasMobileMenuContent = hasNavItems \|\| mobileMenuActions.length > 0 \|\| !!mobileMenuExtra;
		const closeMobileMenu = () => setMobileOpen(false);
		const headerBar = /* @__PURE__ */ jsxs(
		"div",
		{
		className: cn(
		"mx-auto flex min-h-14 w-full items-center gap-4 px-6 max-lg:gap-2",
		maxWidth && maxWidthClasses[maxWidth]
		),
		children: [
		/* @__PURE__ */ jsxs(
		"a",
		{
		href: homeHref,
		className: "tollerud-focus-ring flex shrink-0 items-center gap-2 rounded-sm text-tollerud-text-primary no-underline",
		children: [
		/* @__PURE__ */ jsx(Monogram, { color: "yellow", className: "h-5 w-auto" }),
		/* @__PURE__ */ jsx("span", { className: "text-base font-semibold leading-tight", children: projectName })
		]
		}
		),
		hasNavItems && /* @__PURE__ / jsx(Cluster, { as: "div", gap: "md", className: "ml-2 hidden min-w-0 lg:flex", children: navItems.map((item) => / @__PURE__ */ jsx(TopNavLink, { item }, `${item.href}-${String(item.label)}`)) }),
		hasDesktopActions && /* @__PURE__ */ jsx(Cluster, { as: "div", gap: "sm", justify: "end", className: "ml-auto hidden shrink-0 lg:flex", children: desktopActions }),
		(hasMobileMenuContent \|\| mobileInlineActions.length > 0) && /* @__PURE__ */ jsxs("div", { className: "ml-auto flex items-center gap-2 lg:hidden", children: [
		mobileInlineActions.length > 0 && /* @__PURE__ */ jsx(Cluster, { as: "div", gap: "sm", justify: "end", className: "shrink-0", children: mobileInlineActions }),
		hasMobileMenuContent && /* @__PURE__ / jsx(DialogPrimitive.Trigger, { asChild: true, children: / @__PURE__ */ jsx(
		"button",
		{
		type: "button",
		className: "tollerud-focus-ring inline-flex h-[34px] w-[34px] shrink-0 items-center justify-center rounded-md border border-tollerud-border bg-tollerud-noir-900 text-tollerud-text-secondary transition-colors hover:border-tollerud-noir-500 hover:text-tollerud-text-primary",
		"aria-label": "Toggle navigation menu",
		"aria-expanded": mobileOpen,
		children: mobileOpen ? /* @__PURE__ / jsx(X, { className: "h-4 w-4" }) : / @__PURE__ */ jsx(Menu, { className: "h-4 w-4" })
		}
		) })
		] })
		]
		}
		);
		const mobileMenu = hasMobileMenuContent ? /* @__PURE__ */ jsxs(DialogPrimitive.Portal, { children: [
		/* @__PURE__ */ jsx(DialogPrimitive.Overlay, { className: "tollerud-topnav-menu-overlay lg:hidden" }),
		/* @__PURE__ */ jsxs(
		DialogPrimitive.Content,
		{
		onOpenAutoFocus: (event) => event.preventDefault(),
		className: cn(
		"tollerud-topnav-menu-panel fixed inset-x-0 top-14 z-50 max-h-[calc(100vh-3.5rem)] overflow-y-auto border-b border-tollerud-border bg-tollerud-noir-950 px-6 py-4 shadow-xl outline-none lg:hidden",
		maxWidth && "mx-auto w-full",
		maxWidth && maxWidthClasses[maxWidth]
		),
		children: [
		/* @__PURE__ */ jsx(DialogTitle, { className: "tollerud-sr-only", children: mobileMenuTitle }),
		/* @__PURE__ */ jsx(DialogDescription, { className: "tollerud-sr-only", children: "Site navigation links and actions" }),
		/* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
		hasNavItems && /* @__PURE__ / jsx(Cluster, { as: "div", gap: "sm", className: "flex-col items-stretch", children: navItems.map((item) => / @__PURE__ */ jsx(
		TopNavLink,
		{
		item,
		className: "px-1 py-2",
		onNavigate: closeMobileMenu
		},
		`mobile-${item.href}-${String(item.label)}`
		)) }),
		mobileMenuActions.length > 0 && /* @__PURE__ */ jsx(
		Cluster,
		{
		as: "div",
		gap: "sm",
		className: cn(
		"flex-col items-stretch",
		hasNavItems && "border-t border-tollerud-border pt-4"
		),
		onClick: closeMobileMenu,
		children: mobileMenuActions
		}
		),
		mobileMenuExtra && /* @__PURE__ */ jsx("div", { className: "border-t border-tollerud-border pt-4", children: mobileMenuExtra })
		] })
		]
		}
		)
		] }) : null;
		if (hasMobileMenuContent) {
		return /* @__PURE__ / jsx(DialogPrimitive.Root, { open: mobileOpen, onOpenChange: setMobileOpen, children: / @__PURE__ */ jsxs(
		"nav",
		{
		ref,
		className: cn(
		"z-30 border-b border-tollerud-border bg-tollerud-noir-950/85 backdrop-blur-[20px]",
		sticky && "sticky top-0",
		className
		),
		...props,
		children: [
		headerBar,
		mobileMenu
		]
		}
		) });
		}
		return /* @__PURE__ */ jsx(
		"nav",
		{
		ref,
		className: cn(
		"z-30 border-b border-tollerud-border bg-tollerud-noir-950/85 backdrop-blur-[20px]",
		sticky && "sticky top-0",
		className
		),
		...props,
		children: headerBar
		}
		);
		}
		);
		TopNav.displayName = "TopNav";

		export { TopNav, TopNavAction };
		//# sourceMappingURL=chunk-6JET76Z7.js.map
		//# sourceMappingURL=chunk-6JET76Z7.js.map

-1

dist/chunk-6JET76Z7.js.map

-27

dist/chunk-ERFEMEYF.js

		'use client';
		import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetDescription } from './chunk-2SKN6JXG.js';
		import { jsx, jsxs } from 'react/jsx-runtime';

		function Drawer({
		open,
		onClose,
		side = "right",
		title,
		description,
		children,
		footer,
		width = 380
		}) {
		return /* @__PURE__ / jsx(Sheet, { open, onOpenChange: (next) => !next && onClose?.(), children: / @__PURE__ */ jsxs(SheetContent, { side, style: { maxWidth: width }, title: typeof title === "string" ? title : "Drawer", className: "flex flex-col", children: [
		(title \|\| description) && /* @__PURE__ */ jsxs(SheetHeader, { children: [
		title ? /* @__PURE__ */ jsx(SheetTitle, { children: title }) : null,
		description ? /* @__PURE__ */ jsx(SheetDescription, { children: description }) : null
		] }),
		/* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto py-4", children }),
		footer ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-end gap-2 border-t border-tollerud-border pt-4", children: footer }) : null
		] }) });
		}

		export { Drawer };
		//# sourceMappingURL=chunk-ERFEMEYF.js.map
		//# sourceMappingURL=chunk-ERFEMEYF.js.map

-1

dist/chunk-ERFEMEYF.js.map

{"version":3,"sources":["../components/Drawer.tsx"],"names":[],"mappings":";;;AAyBA,SAAS,MAAA,CAAO;AAAA,EACd,IAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAA,GAAO,OAAA;AAAA,EACP,KAAA;AAAA,EACA,WAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA,GAAQ;AACV,CAAA,EAAgB;AACd,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAM,IAAA,EAAY,YAAA,EAAc,CAAC,SAAS,CAAC,IAAA,IAAQ,OAAA,IAAU,EAC5D,QAAA,kBAAA,IAAA,CAAC,YAAA,EAAA,EAAa,MAAY,KAAA,EAAO,EAAE,QAAA,EAAU,KAAA,EAAM,EAAG,KAAA,EAAO,OAAO,KAAA,KAAU,QAAA,GAAW,KAAA,GAAQ,QAAA,EAAU,SAAA,EAAU,eAAA,EACjH,QAAA,EAAA;AAAA,IAAA,CAAA,KAAA,IAAS,WAAA,0BACR,WAAA,EAAA,EACE,QAAA,EAAA;AAAA,MAAA,KAAA,mBAAQ,GAAA,CAAC,UAAA,EAAA,EAAY,QAAA,EAAA,KAAA,EAAM,CAAA,GAAgB,IAAA;AAAA,MAC3C,WAAA,mBAAc,GAAA,CAAC,gBAAA,EAAA,EAAkB,QAAA,EAAA,WAAA,EAAY,CAAA,GAAsB;AAAA,KAAA,EACtE,CAAA;AAAA,oBAEF,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,6BAAA,EAA+B,QAAA,EAAS,CAAA;AAAA,IACtD,yBACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,0EAAA,EACZ,kBACH,CAAA,GACE;AAAA,GAAA,EACN,CAAA,EACF,CAAA;AAEJ","file":"chunk-ERFEMEYF.js","sourcesContent":["'use client'\n\nimport { type ReactNode } from 'react'\nimport {\n Sheet,\n SheetContent,\n SheetDescription,\n SheetHeader,\n SheetTitle,\n} from './Sheet'\n\nexport type DrawerSide = 'left' | 'right'\n\nexport interface DrawerProps {\n open: boolean\n onClose?: () => void\n side?: DrawerSide\n title?: ReactNode\n description?: ReactNode\n children?: ReactNode\n footer?: ReactNode\n /** Panel width in pixels (maps to max-width on SheetContent) */\n width?: number\n}\n\nfunction Drawer({\n open,\n onClose,\n side = 'right',\n title,\n description,\n children,\n footer,\n width = 380,\n}: DrawerProps) {\n return (\n <Sheet open={open} onOpenChange={(next) => !next && onClose?.()}>\n <SheetContent side={side} style={{ maxWidth: width }} title={typeof title === 'string' ? title : 'Drawer'} className=\"flex flex-col\">\n {(title || description) && (\n <SheetHeader>\n {title ? <SheetTitle>{title}</SheetTitle> : null}\n {description ? <SheetDescription>{description}</SheetDescription> : null}\n </SheetHeader>\n )}\n <div className=\"flex-1 overflow-y-auto py-4\">{children}</div>\n {footer ? (\n <div className=\"flex items-center justify-end gap-2 border-t border-tollerud-border pt-4\">\n {footer}\n </div>\n ) : null}\n </SheetContent>\n </Sheet>\n )\n}\n\nexport { Drawer }\n"]}

-204

dist/chunk-EYXIQFV5.js

		'use client';
		import { FloatingDropdownPortal } from './chunk-YUFSJ2LB.js';
		import { cn } from './chunk-62DSK4IE.js';
		import { forwardRef, useState, useRef, useCallback, useEffect, useId } from 'react';
		import { jsxs, jsx } from 'react/jsx-runtime';

		var Select = forwardRef(
		({ className, label, error, placeholder, options = [], value, onChange, layout = "stacked", size = "md", required, ...props }, ref) => {
		const [open, setOpen] = useState(false);
		const [highlightedIdx, setHighlightedIdx] = useState(0);
		const containerRef = useRef(null);
		const listRef = useRef(null);
		const outerRef = useRef(null);
		const selectedOption = options.find((o) => o.value === value);
		const setOuterRef = useCallback(
		(node) => {
		outerRef.current = node;
		if (typeof ref === "function") ref(node);
		else if (ref) ref.current = node;
		},
		[ref]
		);
		useEffect(() => {
		if (!open) return;
		const handleClick = (e) => {
		const target = e.target;
		if (outerRef.current?.contains(target)) return;
		if (listRef.current?.contains(target)) return;
		setOpen(false);
		};
		document.addEventListener("mousedown", handleClick);
		return () => document.removeEventListener("mousedown", handleClick);
		}, [open]);
		useEffect(() => {
		if (open) {
		const idx = value ? options.findIndex((o) => o.value === value) : -1;
		setHighlightedIdx(idx >= 0 ? idx : 0);
		}
		}, [open, options, value]);
		useEffect(() => {
		if (open && listRef.current) {
		const item = listRef.current.children[highlightedIdx];
		item?.scrollIntoView({ block: "nearest" });
		}
		}, [open, highlightedIdx]);
		const selectOption = useCallback(
		(opt) => {
		onChange?.(opt.value);
		setOpen(false);
		},
		[onChange]
		);
		const handleKeyDown = (e) => {
		if (!open) {
		if (e.key === "Enter" \|\| e.key === " " \|\| e.key === "ArrowDown") {
		e.preventDefault();
		setOpen(true);
		}
		return;
		}
		switch (e.key) {
		case "Escape":
		e.preventDefault();
		e.stopPropagation();
		setOpen(false);
		break;
		case "ArrowDown":
		e.preventDefault();
		setHighlightedIdx((prev) => Math.min(prev + 1, options.length - 1));
		break;
		case "ArrowUp":
		e.preventDefault();
		setHighlightedIdx((prev) => Math.max(prev - 1, 0));
		break;
		case "Enter":
		e.preventDefault();
		if (options[highlightedIdx]) {
		selectOption(options[highlightedIdx]);
		}
		break;
		}
		};
		const triggerId = useId();
		const autoErrorId = useId();
		const errorId = error ? autoErrorId : void 0;
		const listboxId = `${triggerId}-listbox`;
		const activeOptionId = open && options.length > 0 ? `${triggerId}-option-${highlightedIdx}` : void 0;
		return /* @__PURE__ */ jsxs(
		"div",
		{
		className: cn(layout === "inline" ? "flex items-center gap-2" : "flex flex-col gap-1.5"),
		ref: setOuterRef,
		...props,
		children: [
		label && /* @__PURE__ */ jsxs(
		"label",
		{
		htmlFor: triggerId,
		className: cn(
		"shrink-0 font-medium text-tollerud-text-muted text-xs",
		layout === "inline" && "mb-0"
		),
		children: [
		label,
		required && /* @__PURE__ / jsx("span", { "aria-hidden": "true", className: "ml-0.5 text-tollerud-error", children: "" })
		]
		}
		),
		/* @__PURE__ */ jsxs("div", { ref: containerRef, className: cn("relative", layout === "inline" && "min-w-0"), children: [
		/* @__PURE__ */ jsxs(
		"button",
		{
		id: triggerId,
		type: "button",
		onClick: () => setOpen(!open),
		onKeyDown: handleKeyDown,
		role: "combobox",
		"aria-haspopup": "listbox",
		"aria-expanded": open,
		"aria-controls": listboxId,
		"aria-activedescendant": activeOptionId,
		"aria-describedby": errorId,
		"aria-label": layout === "inline" && label ? `${label}: ${selectedOption?.label ?? placeholder ?? "Select"}` : void 0,
		className: cn(
		"font-sans w-full flex items-center justify-between rounded",
		size === "sm" ? "px-2.5 py-1.5 text-xs" : "px-3 py-2.5 text-base",
		"bg-tollerud-surface-raised",
		"text-tollerud-text-primary text-left",
		"transition-all duration-fast ease-out cursor-pointer",
		error ? "border-tollerud-error/70 focus:border-tollerud-error focus:shadow-[0_0_0_1px_var(--tollerud-error,#EF4444)]" : "border-tollerud-border focus:border-tollerud-yellow focus:shadow-[0_0_0_1px_var(--tollerud-yellow-warm,#E8D500)]",
		"border hover:border-tollerud-noir-400",
		"focus:outline-none",
		className
		),
		children: [
		/* @__PURE__ */ jsx("span", { className: cn(!selectedOption && "text-tollerud-text-muted"), children: selectedOption ? selectedOption.label : placeholder \|\| "Select\u2026" }),
		/* @__PURE__ */ jsx(
		"svg",
		{
		className: cn(
		"h-4 w-4 text-tollerud-text-muted transition-transform duration-fast flex-shrink-0",
		open && "rotate-180"
		),
		fill: "none",
		viewBox: "0 0 24 24",
		stroke: "currentColor",
		strokeWidth: 2,
		"aria-hidden": "true",
		children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 9l6 6 6-6" })
		}
		)
		]
		}
		),
		/* @__PURE__ */ jsxs(
		FloatingDropdownPortal,
		{
		open,
		anchorRef: containerRef,
		popoverRef: listRef,
		id: listboxId,
		role: "listbox",
		placementOptions: { maxHeight: 240 },
		className: cn(
		"overflow-y-auto py-1",
		"rounded-lg border border-tollerud-border bg-tollerud-surface-overlay"
		),
		children: [
		options.length === 0 && /* @__PURE__ */ jsx("div", { className: "px-3 py-2 text-xs text-tollerud-text-muted text-center", children: "No options" }),
		options.map((opt, idx) => /* @__PURE__ */ jsx(
		"button",
		{
		type: "button",
		id: `${triggerId}-option-${idx}`,
		role: "option",
		"aria-selected": opt.value === value,
		onClick: () => selectOption(opt),
		onMouseEnter: () => setHighlightedIdx(idx),
		className: cn(
		"w-full text-sm text-left px-3 py-2 transition-colors duration-fast",
		"cursor-pointer",
		opt.value === value ? "text-tollerud-yellow" : "text-tollerud-text-primary",
		idx === highlightedIdx && !(opt.value === value) ? "bg-tollerud-noir-700" : "hover:bg-tollerud-noir-700/60",
		opt.value === value && highlightedIdx === idx && "bg-tollerud-noir-700"
		),
		children: opt.label
		},
		opt.value
		))
		]
		}
		)
		] }),
		error && /* @__PURE__ */ jsx("p", { id: errorId, className: "text-xs text-tollerud-error mt-0.5", children: error })
		]
		}
		);
		}
		);
		Select.displayName = "Select";

		export { Select };
		//# sourceMappingURL=chunk-EYXIQFV5.js.map
		//# sourceMappingURL=chunk-EYXIQFV5.js.map

-1

dist/chunk-EYXIQFV5.js.map

-78

dist/chunk-GBRODDO4.js

		'use client';
		import { cn } from './chunk-62DSK4IE.js';
		import { forwardRef } from 'react';
		import { motion } from 'framer-motion';
		import { jsxs, jsx } from 'react/jsx-runtime';

		// lib/motion.ts
		var motionDuration = {
		slow: 0.35
		};
		var motionEase = {
		out: [0.16, 1, 0.3, 1]};
		var statusColors = {
		online: "bg-tollerud-success",
		offline: "bg-tollerud-error",
		warning: "bg-tollerud-yellow",
		idle: "bg-tollerud-noir-400",
		info: "bg-tollerud-info"
		};
		var pulseColors = {
		online: "rgba(34,197,94,0.5)",
		warning: "rgba(232,213,0,0.45)",
		offline: "rgba(239,68,68,0.5)"
		};
		var animationKeyframes = `
		@keyframes tollerud-dot-pulse {
		0%, 100% { box-shadow: 0 0 0 0 var(--pulse-color, rgba(34,197,94,0.5)); }
		50% { box-shadow: 0 0 0 5px var(--pulse-color, rgba(34,197,94,0)); }
		}
		`;
		var StatusDot = forwardRef(
		({ className, status = "idle", label, noPulse, ...props }, ref) => {
		const shouldPulse = !noPulse && (status === "online" \|\| status === "warning" \|\| status === "offline");
		const pulseColor = pulseColors[status];
		return /* @__PURE__ */ jsxs(
		"span",
		{
		ref,
		className: cn("inline-flex items-center gap-1.5 text-xs font-medium", className),
		...props,
		children: [
		/* @__PURE__ */ jsx("style", { children: animationKeyframes }),
		/* @__PURE__ */ jsx(
		motion.span,
		{
		layout: true,
		animate: {
		scaleX: [1, 1.6, 1],
		scaleY: [1, 0.6, 1]
		},
		transition: {
		duration: motionDuration.slow,
		ease: motionEase.out,
		times: [0, 0.3, 1]
		},
		className: cn(
		"inline-block w-2 h-2 rounded-full",
		statusColors[status],
		shouldPulse && "animate-tollerud-dot-pulse"
		),
		style: {
		...shouldPulse && pulseColor ? { "--pulse-color": pulseColor } : {},
		animation: shouldPulse ? "tollerud-dot-pulse 2s var(--motion-ease-in-out) infinite" : void 0
		}
		},
		status
		),
		label && /* @__PURE__ */ jsx("span", { children: label })
		]
		}
		);
		}
		);
		StatusDot.displayName = "StatusDot";

		export { StatusDot };
		//# sourceMappingURL=chunk-GBRODDO4.js.map
		//# sourceMappingURL=chunk-GBRODDO4.js.map

-1

dist/chunk-GBRODDO4.js.map

{"version":3,"sources":["../lib/motion.ts","../components/StatusDot.tsx"],"names":[],"mappings":";;;;;;AAMO,IAAM,cAAA,GAAiB;AAAA,EAG5B,IAAA,EAAM;AACR,CAAA;AAEO,IAAM,UAAA,GAAa;AAAA,EACxB,GAAA,EAAK,CAAC,IAAA,EAAM,CAAA,EAAG,KAAK,CAAC,CAGvB,CAAA;ACPA,IAAM,YAAA,GAAuC;AAAA,EAC3C,MAAA,EAAQ,qBAAA;AAAA,EACR,OAAA,EAAS,mBAAA;AAAA,EACT,OAAA,EAAS,oBAAA;AAAA,EACT,IAAA,EAAM,sBAAA;AAAA,EACN,IAAA,EAAM;AACR,CAAA;AAEA,IAAM,WAAA,GAA+C;AAAA,EACnD,MAAA,EAAQ,qBAAA;AAAA,EACR,OAAA,EAAS,sBAAA;AAAA,EACT,OAAA,EAAS;AACX,CAAA;AAEA,IAAM,kBAAA,GAAqB;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA;AAc3B,IAAM,SAAA,GAAY,UAAA;AAAA,EAChB,CAAC,EAAE,SAAA,EAAW,MAAA,GAAS,MAAA,EAAQ,OAAO,OAAA,EAAS,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACjE,IAAA,MAAM,cAAc,CAAC,OAAA,KAAY,WAAW,QAAA,IAAY,MAAA,KAAW,aAAa,MAAA,KAAW,SAAA,CAAA;AAC3F,IAAA,MAAM,UAAA,GAAa,YAAY,MAAM,CAAA;AAErC,IAAA,uBACE,IAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,EAAA,CAAG,sDAAA,EAAwD,SAAS,CAAA;AAAA,QAC9E,GAAG,KAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,WAAO,QAAA,EAAA,kBAAA,EAAmB,CAAA;AAAA,0BAC3B,GAAA;AAAA,YAAC,MAAA,CAAO,IAAA;AAAA,YAAP;AAAA,cACC,MAAA,EAAM,IAAA;AAAA,cAEN,OAAA,EAAS;AAAA,gBACP,MAAA,EAAQ,CAAC,CAAA,EAAG,GAAA,EAAK,CAAC,CAAA;AAAA,gBAClB,MAAA,EAAQ,CAAC,CAAA,EAAG,GAAA,EAAK,CAAC;AAAA,eACpB;AAAA,cACA,UAAA,EAAY;AAAA,gBACV,UAAU,cAAA,CAAe,IAAA;AAAA,gBACzB,MAAM,UAAA,CAAW,GAAA;AAAA,gBACjB,KAAA,EAAO,CAAC,CAAA,EAAG,GAAA,EAAK,CAAC;AAAA,eACnB;AAAA,cACA,SAAA,EAAW,EAAA;AAAA,gBACT,mCAAA;AAAA,gBACA,aAAa,MAAM,CAAA;AAAA,gBACnB,WAAA,IAAe;AAAA,eACjB;AAAA,cACA,KAAA,EAAO;AAAA,gBACL,GAAI,WAAA,IAAe,UAAA,GAAc,EAAE,eAAA,EAAiB,UAAA,KAAuC,EAAC;AAAA,gBAC5F,SAAA,EAAW,cAAc,0DAAA,GAA6D;AAAA;AACxF,aAAA;AAAA,YAlBK;AAAA,WAmBP;AAAA,UACC,KAAA,oBAAS,GAAA,CAAC,MAAA,EAAA,EAAM,QAAA,EAAA,KAAA,EAAM;AAAA;AAAA;AAAA,KACzB;AAAA,EAEJ;AACF;AACA,SAAA,CAAU,WAAA,GAAc,WAAA","file":"chunk-GBRODDO4.js","sourcesContent":["// Mirrors the --motion-duration-* / --motion-ease-* custom properties in\n// globals-layers.css. JS-side motion libraries (e.g. framer-motion) can't\n// consume CSS custom properties directly, so these constants exist to keep\n// JS-driven animation in sync with the CSS/Tailwind motion tokens instead of\n// hardcoding independent values. Keep both in sync by hand.\n\nexport const motionDuration = {\n fast: 0.15,\n normal: 0.25,\n slow: 0.35,\n} as const\n\nexport const motionEase = {\n out: [0.16, 1, 0.3, 1],\n in: [0.7, 0, 0.84, 0],\n inOut: [0.4, 0, 0.2, 1],\n} as const\n","'use client'\n\nimport { type HTMLAttributes, forwardRef } from 'react'\nimport { motion } from 'framer-motion'\nimport { cn } from '@/lib/utils'\nimport { motionDuration, motionEase } from '@/lib/motion'\n\ntype Status = 'online' | 'offline' | 'warning' | 'idle' | 'info'\n\nconst statusColors: Record<Status, string> = {\n online: 'bg-tollerud-success',\n offline: 'bg-tollerud-error',\n warning: 'bg-tollerud-yellow',\n idle: 'bg-tollerud-noir-400',\n info: 'bg-tollerud-info',\n}\n\nconst pulseColors: Partial<Record<Status, string>> = {\n online: 'rgba(34,197,94,0.5)',\n warning: 'rgba(232,213,0,0.45)',\n offline: 'rgba(239,68,68,0.5)',\n}\n\nconst animationKeyframes = `\n@keyframes tollerud-dot-pulse {\n 0%, 100% { box-shadow: 0 0 0 0 var(--pulse-color, rgba(34,197,94,0.5)); }\n 50% { box-shadow: 0 0 0 5px var(--pulse-color, rgba(34,197,94,0)); }\n}\n`\n\nexport interface StatusDotProps extends HTMLAttributes<HTMLSpanElement> {\n status?: Status\n label?: string\n /** Disable the pulsing animation */\n noPulse?: boolean\n}\n\nconst StatusDot = forwardRef<HTMLSpanElement, StatusDotProps>(\n ({ className, status = 'idle', label, noPulse, ...props }, ref) => {\n const shouldPulse = !noPulse && (status === 'online' || status === 'warning' || status === 'offline')\n const pulseColor = pulseColors[status]\n\n return (\n <span\n ref={ref}\n className={cn('inline-flex items-center gap-1.5 text-xs font-medium', className)}\n {...props}\n >\n <style>{animationKeyframes}</style>\n <motion.span\n layout\n key={status}\n animate={{\n scaleX: [1, 1.6, 1],\n scaleY: [1, 0.6, 1],\n }}\n transition={{\n duration: motionDuration.slow,\n ease: motionEase.out,\n times: [0, 0.3, 1],\n }}\n className={cn(\n 'inline-block w-2 h-2 rounded-full',\n statusColors[status],\n shouldPulse && 'animate-tollerud-dot-pulse'\n )}\n style={{\n ...(shouldPulse && pulseColor ? ({ '--pulse-color': pulseColor } as React.CSSProperties) : {}),\n animation: shouldPulse ? 'tollerud-dot-pulse 2s var(--motion-ease-in-out) infinite' : undefined,\n } as React.CSSProperties}\n />\n {label && <span>{label}</span>}\n </span>\n )\n }\n)\nStatusDot.displayName = 'StatusDot'\n\nexport { StatusDot }\nexport type { Status }"]}

-52

dist/chunk-GKPCVHKN.js

		'use client';
		import { StatusDot } from './chunk-GBRODDO4.js';
		import { cn } from './chunk-62DSK4IE.js';
		import { forwardRef } from 'react';
		import { jsxs, jsx } from 'react/jsx-runtime';

		var ServiceHealthCard = forwardRef(
		({ className, service, status = "online", uptime, responseTime, version, loading, ...props }, ref) => {
		return /* @__PURE__ */ jsxs(
		"div",
		{
		ref,
		className: cn(
		"rounded-lg border bg-tollerud-surface-raised p-4",
		"transition-[border-color] duration-fast",
		status === "offline" && "border-tollerud-error/40",
		status === "warning" && "border-tollerud-yellow/30",
		status === "online" && "border-tollerud-border hover:border-tollerud-noir-500",
		status === "idle" && "border-tollerud-border opacity-60",
		loading && "animate-pulse",
		className
		),
		...props,
		children: [
		/* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-2", children: [
		/* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-tollerud-foreground truncate", children: service }),
		/* @__PURE__ */ jsx(StatusDot, { status })
		] }),
		/* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-x-4 gap-y-1 text-xs text-tollerud-text-muted", children: [
		uptime && /* @__PURE__ */ jsxs("span", { children: [
		"Uptime: ",
		/* @__PURE__ */ jsx("span", { className: "text-tollerud-text-secondary", children: uptime })
		] }),
		responseTime && /* @__PURE__ */ jsxs("span", { children: [
		"Response: ",
		/* @__PURE__ */ jsx("span", { className: "text-tollerud-text-secondary", children: responseTime })
		] }),
		version && /* @__PURE__ */ jsxs("span", { children: [
		"Version: ",
		/* @__PURE__ */ jsx("span", { className: "text-tollerud-text-secondary", children: version })
		] })
		] })
		]
		}
		);
		}
		);
		ServiceHealthCard.displayName = "ServiceHealthCard";

		export { ServiceHealthCard };
		//# sourceMappingURL=chunk-GKPCVHKN.js.map
		//# sourceMappingURL=chunk-GKPCVHKN.js.map

-1

dist/chunk-GKPCVHKN.js.map

{"version":3,"sources":["../components/ServiceHealthCard.tsx"],"names":[],"mappings":";;;;;AAmBA,IAAM,iBAAA,GAAoB,UAAA;AAAA,EACxB,CAAC,EAAE,SAAA,EAAW,OAAA,EAAS,MAAA,GAAS,QAAA,EAAU,MAAA,EAAQ,YAAA,EAAc,OAAA,EAAS,OAAA,EAAS,GAAG,KAAA,IAAS,GAAA,KAAQ;AACpG,IAAA,uBACE,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,EAAA;AAAA,UACT,kDAAA;AAAA,UACA,yCAAA;AAAA,UACA,WAAW,SAAA,IAAa,0BAAA;AAAA,UACxB,WAAW,SAAA,IAAa,2BAAA;AAAA,UACxB,WAAW,QAAA,IAAY,uDAAA;AAAA,UACvB,WAAW,MAAA,IAAU,mCAAA;AAAA,UACrB,OAAA,IAAW,eAAA;AAAA,UACX;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,wCAAA,EACb,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,yDAAA,EACb,QAAA,EAAA,OAAA,EACH,CAAA;AAAA,4BACA,GAAA,CAAC,aAAU,MAAA,EAAgB;AAAA,WAAA,EAC7B,CAAA;AAAA,0BACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iEAAA,EACZ,QAAA,EAAA;AAAA,YAAA,MAAA,yBAAW,MAAA,EAAA,EAAK,QAAA,EAAA;AAAA,cAAA,UAAA;AAAA,8BAAQ,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,8BAAA,EAAgC,QAAA,EAAA,MAAA,EAAO;AAAA,aAAA,EAAO,CAAA;AAAA,YACtF,YAAA,yBAAiB,MAAA,EAAA,EAAK,QAAA,EAAA;AAAA,cAAA,YAAA;AAAA,8BAAU,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,8BAAA,EAAgC,QAAA,EAAA,YAAA,EAAa;AAAA,aAAA,EAAO,CAAA;AAAA,YACpG,OAAA,yBAAY,MAAA,EAAA,EAAK,QAAA,EAAA;AAAA,cAAA,WAAA;AAAA,8BAAS,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,8BAAA,EAAgC,QAAA,EAAA,OAAA,EAAQ;AAAA,aAAA,EAAO;AAAA,WAAA,EAC5F;AAAA;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AACA,iBAAA,CAAkB,WAAA,GAAc,mBAAA","file":"chunk-GKPCVHKN.js","sourcesContent":["import { type HTMLAttributes, forwardRef } from 'react'\nimport { cn } from '@/lib/utils'\nimport { StatusDot, type Status } from './StatusDot'\n\nexport interface ServiceHealthCardProps extends HTMLAttributes<HTMLDivElement> {\n /** Service name */\n service: string\n /** Health status */\n status?: Status\n /** Uptime string (e.g. '14d 3h') */\n uptime?: string\n /** Response time in ms */\n responseTime?: string\n /** Current version */\n version?: string\n /** Whether the card is in a loading state */\n loading?: boolean\n}\n\nconst ServiceHealthCard = forwardRef<HTMLDivElement, ServiceHealthCardProps>(\n ({ className, service, status = 'online', uptime, responseTime, version, loading, ...props }, ref) => {\n return (\n <div\n ref={ref}\n className={cn(\n 'rounded-lg border bg-tollerud-surface-raised p-4',\n 'transition-[border-color] duration-fast',\n status === 'offline' && 'border-tollerud-error/40',\n status === 'warning' && 'border-tollerud-yellow/30',\n status === 'online' && 'border-tollerud-border hover:border-tollerud-noir-500',\n status === 'idle' && 'border-tollerud-border opacity-60',\n loading && 'animate-pulse',\n className\n )}\n {...props}\n >\n <div className=\"flex items-center justify-between mb-2\">\n <span className=\"text-sm font-semibold text-tollerud-foreground truncate\">\n {service}\n </span>\n <StatusDot status={status} />\n </div>\n <div className=\"flex flex-wrap gap-x-4 gap-y-1 text-xs text-tollerud-text-muted\">\n {uptime && <span>Uptime: <span className=\"text-tollerud-text-secondary\">{uptime}</span></span>}\n {responseTime && <span>Response: <span className=\"text-tollerud-text-secondary\">{responseTime}</span></span>}\n {version && <span>Version: <span className=\"text-tollerud-text-secondary\">{version}</span></span>}\n </div>\n </div>\n )\n }\n)\nServiceHealthCard.displayName = 'ServiceHealthCard'\n\nexport { ServiceHealthCard }\n"]}

-389

dist/chunk-K56XLAVP.js

		'use client';
		import { FloatingDropdownPortal } from './chunk-YUFSJ2LB.js';
		import { cn } from './chunk-62DSK4IE.js';
		import { forwardRef, useId, useRef, useState, useMemo, useCallback, useEffect } from 'react';
		import { Check, Plus, ChevronDown, Search } from 'lucide-react';
		import { jsxs, jsx, Fragment } from 'react/jsx-runtime';

		var defaultFilter = (option, query) => option.label.toLowerCase().includes(query.toLowerCase());
		function flattenOptions(options, groups) {
		if (groups && groups.length > 0) {
		return groups.flatMap((group) => group.options);
		}
		return options;
		}
		function filterGroups(groups, query, filter) {
		if (!query) return groups;
		return groups.map((group) => ({
		...group,
		options: group.options.filter((option) => filter(option, query))
		})).filter((group) => group.options.length > 0);
		}
		var Combobox = forwardRef(function Combobox2({
		options = [],
		groups,
		value: valueProp,
		defaultValue,
		onChange,
		placeholder = "Search\u2026",
		label,
		error,
		filter = defaultFilter,
		searchPlacement = "trigger",
		onCreateOption,
		createOptionLabel = (query) => `Create "${query}"`,
		className,
		disabled,
		required
		}, ref) {
		const id = useId();
		const autoErrorId = useId();
		const errorId = error ? autoErrorId : void 0;
		const internalRootRef = useRef(null);
		const anchorRef = useRef(null);
		const listRef = useRef(null);
		const isControlled = valueProp !== void 0;
		const [internalValue, setInternalValue] = useState(defaultValue);
		const value = isControlled ? valueProp : internalValue;
		const [open, setOpen] = useState(false);
		const [query, setQuery] = useState("");
		const [activeIndex, setActiveIndex] = useState(0);
		const [createdOptions, setCreatedOptions] = useState([]);
		const isGrouped = Boolean(groups && groups.length > 0);
		const allOptions = useMemo(() => flattenOptions(options, groups), [options, groups]);
		const filteredGroups = useMemo(() => {
		if (!isGrouped \|\| !groups) return [];
		return filterGroups(groups, query, filter);
		}, [groups, isGrouped, query, filter]);
		const filtered = useMemo(() => {
		if (isGrouped) return filteredGroups.flatMap((group) => group.options);
		if (!query) return options;
		return options.filter((option) => filter(option, query));
		}, [filteredGroups, filter, isGrouped, options, query]);
		const lookupOptions = useMemo(() => {
		if (createdOptions.length === 0) return allOptions;
		return [...allOptions, ...createdOptions.filter((c) => !allOptions.some((o) => o.value === c.value))];
		}, [allOptions, createdOptions]);
		const trimmedQuery = query.trim();
		const showCreateOption = Boolean(onCreateOption) && trimmedQuery !== "" && !lookupOptions.some((option) => option.label.toLowerCase() === trimmedQuery.toLowerCase());
		const rowCount = filtered.length + (showCreateOption ? 1 : 0);
		const createRowIndex = filtered.length;
		const highlightedIndex = rowCount === 0 ? 0 : Math.min(activeIndex, rowCount - 1);
		const activeOptionId = open && rowCount > 0 ? highlightedIndex === createRowIndex && showCreateOption ? `${id}-option-create` : `${id}-option-${highlightedIndex}` : void 0;
		const selected = lookupOptions.find((option) => option.value === value);
		const setRootRef = useCallback(
		(node) => {
		internalRootRef.current = node;
		if (typeof ref === "function") ref(node);
		else if (ref) ref.current = node;
		},
		[ref]
		);
		useEffect(() => {
		if (!open) return;
		function onClickOutside(e) {
		const target = e.target;
		if (internalRootRef.current?.contains(target)) return;
		if (listRef.current?.contains(target)) return;
		setOpen(false);
		setQuery("");
		}
		document.addEventListener("mousedown", onClickOutside);
		return () => {
		document.removeEventListener("mousedown", onClickOutside);
		};
		}, [open]);
		useEffect(() => {
		if (!activeOptionId) return;
		document.getElementById(activeOptionId)?.scrollIntoView({ block: "nearest" });
		}, [activeOptionId]);
		const dropdownSearchCallbackRef = useCallback((node) => {
		if (node && searchPlacement === "dropdown") {
		queueMicrotask(() => node.focus());
		}
		}, [searchPlacement]);
		const commit = (option) => {
		if (option.disabled) return;
		if (!isControlled) setInternalValue(option.value);
		onChange?.(option.value);
		setOpen(false);
		setQuery("");
		};
		const commitCreate = () => {
		const label2 = trimmedQuery;
		if (!label2) return;
		const returned = onCreateOption?.(label2);
		const newValue = typeof returned === "string" && returned ? returned : label2;
		setCreatedOptions(
		(prev) => prev.some((o) => o.value === newValue) ? prev : [...prev, { value: newValue, label: label2 }]
		);
		if (!isControlled) setInternalValue(newValue);
		onChange?.(newValue);
		setOpen(false);
		setQuery("");
		};
		const onKeyDown = (e) => {
		if (e.key === "ArrowDown") {
		e.preventDefault();
		setOpen(true);
		setActiveIndex((index) => Math.min(index + 1, rowCount - 1));
		} else if (e.key === "ArrowUp") {
		e.preventDefault();
		setActiveIndex((index) => Math.max(index - 1, 0));
		} else if (e.key === "Enter") {
		e.preventDefault();
		if (showCreateOption && highlightedIndex === createRowIndex) {
		commitCreate();
		return;
		}
		const option = filtered[highlightedIndex];
		if (option) commit(option);
		} else if (e.key === "Escape") {
		if (open) {
		e.preventDefault();
		e.stopPropagation();
		setOpen(false);
		setQuery("");
		}
		}
		};
		let flatIndex = 0;
		const optionList = /* @__PURE__ */ jsxs("ul", { className: "m-0 list-none p-0", children: [
		filtered.length === 0 && !showCreateOption && /* @__PURE__ */ jsx("li", { className: "px-3 py-2 text-sm text-tollerud-text-muted", children: "No results" }),
		isGrouped ? filteredGroups.map((group) => /* @__PURE__ */ jsxs("li", { role: "presentation", children: [
		/* @__PURE__ */ jsx("div", { className: "px-3 pb-1 pt-2 text-[11px] font-semibold uppercase tracking-[0.06em] text-tollerud-text-muted", children: group.label }),
		/* @__PURE__ */ jsx("ul", { role: "group", "aria-label": group.label, children: group.options.map((option) => {
		const index = flatIndex++;
		const isSelected = option.value === value;
		return /* @__PURE__ */ jsxs(
		"li",
		{
		id: `${id}-option-${index}`,
		role: "option",
		"aria-selected": isSelected,
		onMouseDown: (e) => {
		e.preventDefault();
		commit(option);
		},
		onMouseEnter: () => setActiveIndex(index),
		className: cn(
		"flex items-center justify-between gap-2 px-3 py-2 text-sm cursor-pointer",
		index === highlightedIndex ? "bg-tollerud-surface-hover text-tollerud-text-primary" : "text-tollerud-text-secondary",
		option.disabled && "opacity-40 pointer-events-none"
		),
		children: [
		option.label,
		isSelected && /* @__PURE__ */ jsx(Check, { size: 14, className: "text-tollerud-yellow" })
		]
		},
		option.value
		);
		}) })
		] }, group.label)) : filtered.map((option, index) => {
		const isSelected = option.value === value;
		return /* @__PURE__ */ jsxs(
		"li",
		{
		id: `${id}-option-${index}`,
		role: "option",
		"aria-selected": isSelected,
		onMouseDown: (e) => {
		e.preventDefault();
		commit(option);
		},
		onMouseEnter: () => setActiveIndex(index),
		className: cn(
		"flex items-center justify-between gap-2 px-3 py-2 text-sm cursor-pointer",
		index === highlightedIndex ? "bg-tollerud-surface-hover text-tollerud-text-primary" : "text-tollerud-text-secondary",
		option.disabled && "opacity-40 pointer-events-none"
		),
		children: [
		option.label,
		isSelected && /* @__PURE__ */ jsx(Check, { size: 14, className: "text-tollerud-yellow" })
		]
		},
		option.value
		);
		}),
		showCreateOption && /* @__PURE__ */ jsxs(
		"li",
		{
		id: `${id}-option-create`,
		role: "option",
		"aria-selected": false,
		onMouseDown: (e) => {
		e.preventDefault();
		commitCreate();
		},
		onMouseEnter: () => setActiveIndex(createRowIndex),
		className: cn(
		"flex items-center gap-2 px-3 py-2 text-sm cursor-pointer",
		createRowIndex === highlightedIndex ? "bg-tollerud-surface-hover text-tollerud-text-primary" : "text-tollerud-text-secondary"
		),
		children: [
		/* @__PURE__ */ jsx(Plus, { size: 14, className: "shrink-0 text-tollerud-yellow" }),
		createOptionLabel(trimmedQuery)
		]
		}
		)
		] });
		return /* @__PURE__ */ jsxs("div", { ref: setRootRef, className: cn("relative flex flex-col gap-1", className), children: [
		label && /* @__PURE__ */ jsxs("label", { htmlFor: id, className: "text-xs font-medium text-tollerud-text-muted", children: [
		label,
		required && /* @__PURE__ / jsx("span", { "aria-hidden": "true", className: "ml-0.5 text-tollerud-error", children: "" })
		] }),
		/* @__PURE__ / jsx("div", { ref: anchorRef, className: "relative", children: searchPlacement === "dropdown" ? / @__PURE__ */ jsxs(
		"button",
		{
		id,
		type: "button",
		role: "combobox",
		"aria-expanded": open,
		"aria-controls": `${id}-listbox`,
		"aria-haspopup": "listbox",
		"aria-required": required \|\| void 0,
		"aria-invalid": error ? true : void 0,
		"aria-describedby": errorId,
		disabled,
		onClick: () => {
		if (open) {
		setOpen(false);
		setQuery("");
		} else {
		setOpen(true);
		setActiveIndex(0);
		}
		},
		onKeyDown: (e) => {
		if (e.key === "ArrowDown" \|\| e.key === "Enter" \|\| e.key === " ") {
		e.preventDefault();
		setOpen(true);
		setActiveIndex(0);
		} else if (e.key === "Escape") {
		if (open) {
		e.preventDefault();
		e.stopPropagation();
		setOpen(false);
		setQuery("");
		}
		}
		},
		className: cn(
		"w-full font-sans text-base px-3 py-2.5 rounded text-left flex items-center justify-between gap-2",
		"bg-tollerud-surface-raised border",
		"transition-[border-color] duration-fast",
		"focus:outline-none focus:border-tollerud-yellow focus:shadow-[0_0_0_1px_var(--tollerud-yellow-warm,#E8D500)]",
		error ? "border-tollerud-error" : "border-tollerud-border",
		disabled && "opacity-50 pointer-events-none"
		),
		children: [
		/* @__PURE__ */ jsx("span", { className: selected ? "text-tollerud-text-primary" : "text-tollerud-text-muted", children: selected?.label ?? placeholder }),
		/* @__PURE__ */ jsx(
		ChevronDown,
		{
		size: 15,
		className: cn(
		"shrink-0 text-tollerud-text-muted transition-transform duration-fast",
		open && "rotate-180"
		)
		}
		)
		]
		}
		) : /* @__PURE__ */ jsxs(Fragment, { children: [
		/* @__PURE__ */ jsx(
		"input",
		{
		id,
		role: "combobox",
		"aria-expanded": open,
		"aria-autocomplete": "list",
		"aria-controls": `${id}-listbox`,
		"aria-activedescendant": activeOptionId,
		"aria-required": required \|\| void 0,
		"aria-invalid": error ? true : void 0,
		"aria-describedby": errorId,
		disabled,
		value: open ? query : selected?.label ?? "",
		placeholder: selected ? selected.label : placeholder,
		onFocus: () => {
		setOpen(true);
		setActiveIndex(0);
		},
		onChange: (e) => {
		setQuery(e.target.value);
		setActiveIndex(0);
		if (!open) setOpen(true);
		},
		onKeyDown,
		className: cn(
		"w-full font-sans text-base px-3 py-2.5 pr-9 rounded",
		"bg-tollerud-surface-raised border",
		"text-tollerud-text-primary placeholder:text-tollerud-text-muted",
		"transition-[border-color] duration-fast",
		"focus:outline-none focus:border-tollerud-yellow focus:shadow-[0_0_0_1px_var(--tollerud-yellow-warm,#E8D500)]",
		error ? "border-tollerud-error" : "border-tollerud-border",
		disabled && "opacity-50 pointer-events-none"
		)
		}
		),
		/* @__PURE__ */ jsx(
		ChevronDown,
		{
		size: 15,
		className: cn(
		"pointer-events-none absolute right-3 top-1/2 -translate-y-1/2 text-tollerud-text-muted transition-transform duration-fast",
		open && "rotate-180"
		)
		}
		)
		] }) }),
		/* @__PURE__ */ jsx(
		FloatingDropdownPortal,
		{
		open,
		anchorRef,
		popoverRef: listRef,
		id: `${id}-listbox`,
		role: "listbox",
		placementOptions: { maxHeight: 320 },
		className: cn(
		"rounded-lg border border-tollerud-border bg-tollerud-surface-overlay",
		searchPlacement === "dropdown" ? "overflow-hidden" : "overflow-auto py-1"
		),
		children: searchPlacement === "dropdown" ? /* @__PURE__ */ jsxs(Fragment, { children: [
		/* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 border-b border-tollerud-border px-3 py-2", children: [
		/* @__PURE__ */ jsx(Search, { size: 13, className: "shrink-0 text-tollerud-text-muted" }),
		/* @__PURE__ */ jsx(
		"input",
		{
		ref: dropdownSearchCallbackRef,
		type: "text",
		role: "combobox",
		"aria-expanded": true,
		"aria-autocomplete": "list",
		"aria-controls": `${id}-listbox`,
		"aria-activedescendant": activeOptionId,
		placeholder,
		value: query,
		onChange: (e) => {
		setQuery(e.target.value);
		setActiveIndex(0);
		},
		onKeyDown,
		className: "w-full bg-transparent text-sm pointer-coarse:text-base text-tollerud-text-primary placeholder:text-tollerud-text-muted focus:outline-none"
		}
		)
		] }),
		/* @__PURE__ */ jsx("div", { className: "overflow-auto py-1", style: { maxHeight: 256 }, children: optionList })
		] }) : optionList
		}
		),
		error && /* @__PURE__ */ jsx("p", { id: errorId, className: "text-xs text-tollerud-error mt-0.5", children: error })
		] });
		});
		Combobox.displayName = "Combobox";

		export { Combobox };
		//# sourceMappingURL=chunk-K56XLAVP.js.map
		//# sourceMappingURL=chunk-K56XLAVP.js.map

-1

dist/chunk-K56XLAVP.js.map

-145

dist/chunk-LRYPONF6.js

		'use client';
		import { TopNav } from './chunk-6JET76Z7.js';
		import { SidebarNav } from './chunk-32CKKNGD.js';
		import { MainContent } from './chunk-MV6GEJGK.js';
		import { PageShell } from './chunk-IV5PG465.js';
		import { DashboardTopBar } from './chunk-OE27OG3T.js';
		import { cn } from './chunk-62DSK4IE.js';
		import { forwardRef, useState } from 'react';
		import { jsxs, jsx } from 'react/jsx-runtime';

		function mapTopNavItems(items) {
		return items.map((item, index) => ({
		id: `${item.href}-${index}`,
		label: item.label,
		href: item.href,
		active: item.active
		}));
		}
		function resolveSidebarGroups(sidebarGroups, sidebarItems, navItems) {
		if (sidebarGroups?.length) return sidebarGroups;
		if (sidebarItems?.length) return [{ items: sidebarItems }];
		if (navItems?.length) return [{ items: mapTopNavItems(navItems) }];
		return void 0;
		}
		var DashboardShell = forwardRef(
		({
		className,
		projectName,
		projectSubtitle,
		homeHref = "/",
		variant = "sidebar",
		sidebarGroups,
		sidebarItems,
		breadcrumb,
		pageTitle,
		navItems,
		topActions,
		showMobileLogo,
		sidebar,
		header,
		density,
		contentWidth = "wide",
		children,
		...props
		}, ref) => {
		const [mobileNavOpen, setMobileNavOpen] = useState(false);
		const resolvedGroups = resolveSidebarGroups(sidebarGroups, sidebarItems, navItems);
		const closeMobileNav = () => setMobileNavOpen(false);
		if (variant === "topnav") {
		return /* @__PURE__ */ jsxs(PageShell, { as: "div", background: "plain", density, children: [
		/* @__PURE__ */ jsx(
		TopNav,
		{
		projectName,
		homeHref,
		navItems,
		actions: topActions
		}
		),
		/* @__PURE__ */ jsxs(
		"div",
		{
		ref,
		className: cn(
		"grid min-h-[calc(100vh-3.5rem)] grid-cols-1 lg:grid-cols-[260px_1fr]",
		!sidebar && "lg:grid-cols-1",
		className
		),
		...props,
		children: [
		sidebar && /* @__PURE__ */ jsx("aside", { className: "border-b border-tollerud-border bg-tollerud-surface-raised/60 p-4 lg:border-b-0 lg:border-r", children: sidebar }),
		/* @__PURE__ */ jsxs(MainContent, { as: "div", width: contentWidth, spacing: "lg", density, children: [
		header && /* @__PURE__ */ jsx("div", { className: "mb-8", children: header }),
		children
		] })
		]
		}
		)
		] });
		}
		return /* @__PURE__ / jsx(PageShell, { as: "div", background: "plain", density, children: / @__PURE__ */ jsxs("div", { ref, className: cn("flex min-h-screen", className), ...props, children: [
		/* @__PURE__ */ jsx(
		"button",
		{
		type: "button",
		"aria-label": "Close navigation",
		className: cn(
		"fixed inset-0 z-40 bg-black/50 backdrop-blur-[2px] transition-opacity lg:hidden",
		mobileNavOpen ? "pointer-events-auto opacity-100" : "pointer-events-none opacity-0"
		),
		onClick: closeMobileNav
		}
		),
		/* @__PURE__ */ jsx(
		"div",
		{
		className: cn(
		// lg:self-start: the flex row stretches children to the full content
		// column height by default, leaving a sticky sidebar zero travel room.
		// self-start collapses the wrapper to the aside's h-screen so it can
		// stick. No effect below lg where the wrapper is position:fixed.
		"fixed inset-y-0 left-0 z-50 transition-transform duration-normal ease-out lg:sticky lg:top-0 lg:z-30 lg:translate-x-0 lg:self-start",
		mobileNavOpen ? "translate-x-0" : "-translate-x-full"
		),
		children: /* @__PURE__ */ jsx(
		SidebarNav,
		{
		projectName,
		projectSubtitle,
		homeHref,
		groups: resolvedGroups,
		onItemSelect: closeMobileNav,
		className: "h-screen shadow-[0_0_40px_rgba(0,0,0,0.5)] lg:shadow-none",
		children: sidebar
		}
		)
		}
		),
		/* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [
		/* @__PURE__ */ jsx(
		DashboardTopBar,
		{
		projectName,
		homeHref,
		breadcrumb: breadcrumb ?? projectName,
		pageTitle,
		actions: topActions,
		menuOpen: mobileNavOpen,
		onMenuToggle: () => setMobileNavOpen((open) => !open),
		showMobileLogo
		}
		),
		/* @__PURE__ */ jsxs(MainContent, { as: "div", width: contentWidth, spacing: "lg", density, children: [
		header && /* @__PURE__ */ jsx("div", { className: "mb-8", children: header }),
		children
		] })
		] })
		] }) });
		}
		);
		DashboardShell.displayName = "DashboardShell";

		export { DashboardShell };
		//# sourceMappingURL=chunk-LRYPONF6.js.map
		//# sourceMappingURL=chunk-LRYPONF6.js.map

-1

dist/chunk-LRYPONF6.js.map

-213

dist/chunk-MW7FTLZ5.js

		'use client';
		import { ActionRow } from './chunk-ZX2VZGXZ.js';
		import { cn } from './chunk-62DSK4IE.js';
		import { forwardRef, useState, useRef, useId, useCallback, useEffect } from 'react';
		import { jsxs, Fragment, jsx } from 'react/jsx-runtime';

		var CommandMenu = forwardRef(
		({
		open,
		onOpenChange,
		groups,
		placeholder = "Type a command\u2026",
		emptyMessage = "No matching commands",
		className,
		filter: customFilter,
		onAction
		}, ref) => {
		const [query, setQuery] = useState("");
		const [selectedIndex, setSelectedIndex] = useState(0);
		const inputRef = useRef(null);
		const listRef = useRef(null);
		const listId = useId();
		const filteredGroups = customFilter ? customFilter(query, groups) : query.trim() ? groups.map((g) => ({
		...g,
		items: g.items.filter(
		(item) => item.label.toLowerCase().includes(query.toLowerCase()) \|\| item.description?.toLowerCase().includes(query.toLowerCase()) \|\| item.group?.toLowerCase().includes(query.toLowerCase())
		)
		})).filter((g) => g.items.length > 0) : groups;
		const currentFlat = filteredGroups.flatMap((g) => g.items);
		const handleKeyDown = useCallback(
		(e) => {
		if (e.key === "Escape") {
		e.preventDefault();
		onOpenChange(false);
		return;
		}
		if (e.key === "ArrowDown") {
		e.preventDefault();
		setSelectedIndex(
		(prev) => prev < currentFlat.length - 1 ? prev + 1 : 0
		);
		return;
		}
		if (e.key === "ArrowUp") {
		e.preventDefault();
		setSelectedIndex(
		(prev) => prev > 0 ? prev - 1 : currentFlat.length - 1
		);
		return;
		}
		if (e.key === "Enter") {
		e.preventDefault();
		const item = currentFlat[selectedIndex];
		if (item && !item.disabled) {
		item.onSelect?.();
		onAction?.(item);
		onOpenChange(false);
		}
		return;
		}
		},
		[currentFlat, selectedIndex, onOpenChange, onAction]
		);
		useEffect(() => {
		function handleGlobalKey(e) {
		if ((e.metaKey \|\| e.ctrlKey) && e.key.toLowerCase() === "k") {
		e.preventDefault();
		onOpenChange(!open);
		}
		}
		document.addEventListener("keydown", handleGlobalKey);
		return () => document.removeEventListener("keydown", handleGlobalKey);
		}, [open, onOpenChange]);
		useEffect(() => {
		if (open) {
		setQuery("");
		setSelectedIndex(0);
		const timer = setTimeout(() => inputRef.current?.focus(), 50);
		return () => clearTimeout(timer);
		}
		}, [open]);
		useEffect(() => {
		if (open) {
		document.body.style.overflow = "hidden";
		} else {
		document.body.style.overflow = "";
		}
		return () => {
		document.body.style.overflow = "";
		};
		}, [open]);
		useEffect(() => {
		if (selectedIndex >= currentFlat.length) {
		setSelectedIndex(0);
		}
		}, [currentFlat.length, selectedIndex]);
		useEffect(() => {
		if (!open) return;
		document.getElementById(`${listId}-option-${selectedIndex}`)?.scrollIntoView({ block: "nearest" });
		}, [open, selectedIndex, listId]);
		if (!open) return null;
		return /* @__PURE__ */ jsxs(Fragment, { children: [
		/* @__PURE__ */ jsx(
		"div",
		{
		className: "tollerud-cmd-overlay",
		onClick: () => onOpenChange(false),
		"aria-hidden": "true"
		}
		),
		/* @__PURE__ */ jsxs(
		"div",
		{
		ref,
		className: cn("tollerud-cmd", className),
		role: "dialog",
		"aria-modal": "true",
		"aria-label": "Command palette",
		children: [
		/* @__PURE__ */ jsxs("div", { className: "tollerud-cmd__header", children: [
		/* @__PURE__ / jsx("span", { className: "tollerud-cmd__search-icon", children: / @__PURE__ */ jsxs(
		"svg",
		{
		width: "18",
		height: "18",
		viewBox: "0 0 24 24",
		fill: "none",
		stroke: "currentColor",
		strokeWidth: "2",
		strokeLinecap: "round",
		strokeLinejoin: "round",
		children: [
		/* @__PURE__ */ jsx("circle", { cx: "11", cy: "11", r: "8" }),
		/* @__PURE__ */ jsx("path", { d: "m21 21-4.35-4.35" })
		]
		}
		) }),
		/* @__PURE__ */ jsx(
		"input",
		{
		ref: inputRef,
		type: "text",
		className: "tollerud-cmd__input",
		role: "combobox",
		"aria-expanded": true,
		"aria-autocomplete": "list",
		"aria-controls": listId,
		"aria-activedescendant": currentFlat.length > 0 ? `${listId}-option-${Math.min(selectedIndex, currentFlat.length - 1)}` : void 0,
		placeholder,
		value: query,
		onChange: (e) => {
		setQuery(e.target.value);
		setSelectedIndex(0);
		},
		onKeyDown: handleKeyDown,
		autoComplete: "off",
		spellCheck: false
		}
		)
		] }),
		/* @__PURE__ */ jsxs("div", { ref: listRef, id: listId, className: "tollerud-cmd__list", role: "listbox", "aria-label": "Commands", tabIndex: -1, children: [
		filteredGroups.length === 0 && /* @__PURE__ */ jsx("div", { className: "tollerud-cmd__empty", children: emptyMessage }),
		filteredGroups.map((group, gi) => {
		const flatOffset = filteredGroups.slice(0, gi).reduce((acc, g) => acc + g.items.length, 0);
		return /* @__PURE__ */ jsxs("div", { className: "tollerud-cmd__group", children: [
		/* @__PURE__ */ jsx("div", { className: "tollerud-cmd__group-label", children: group.label }),
		group.items.map((item, ii) => {
		const flatIndex = flatOffset + ii;
		return /* @__PURE__ */ jsx(
		ActionRow,
		{
		id: `${listId}-option-${flatIndex}`,
		action: item,
		highlighted: selectedIndex === flatIndex,
		onClick: () => {
		item.onSelect?.();
		onAction?.(item);
		onOpenChange(false);
		},
		onMouseEnter: () => setSelectedIndex(flatIndex)
		},
		item.id
		);
		})
		] }, group.label);
		})
		] }),
		/* @__PURE__ */ jsxs("div", { className: "tollerud-cmd__footer", children: [
		/* @__PURE__ */ jsxs("span", { className: "tollerud-cmd__hint", children: [
		/* @__PURE__ / jsx("span", { className: "tollerud-kbd tollerud-kbd--sm", children: / @__PURE__ */ jsx("span", { className: "tollerud-kbd__key", children: "\u2191" }) }),
		/* @__PURE__ / jsx("span", { className: "tollerud-kbd tollerud-kbd--sm", children: / @__PURE__ */ jsx("span", { className: "tollerud-kbd__key", children: "\u2193" }) }),
		/* @__PURE__ */ jsx("span", { className: "tollerud-cmd__hint-text", children: "navigate" })
		] }),
		/* @__PURE__ */ jsxs("span", { className: "tollerud-cmd__hint", children: [
		/* @__PURE__ / jsx("span", { className: "tollerud-kbd tollerud-kbd--sm", children: / @__PURE__ */ jsx("span", { className: "tollerud-kbd__key", children: "\u21B5" }) }),
		/* @__PURE__ */ jsx("span", { className: "tollerud-cmd__hint-text", children: "select" })
		] }),
		/* @__PURE__ */ jsxs("span", { className: "tollerud-cmd__hint", children: [
		/* @__PURE__ / jsx("span", { className: "tollerud-kbd tollerud-kbd--sm", children: / @__PURE__ */ jsx("span", { className: "tollerud-kbd__key", children: "Esc" }) }),
		/* @__PURE__ */ jsx("span", { className: "tollerud-cmd__hint-text", children: "close" })
		] })
		] })
		]
		}
		)
		] });
		}
		);
		CommandMenu.displayName = "CommandMenu";

		export { CommandMenu };
		//# sourceMappingURL=chunk-MW7FTLZ5.js.map
		//# sourceMappingURL=chunk-MW7FTLZ5.js.map

-1

dist/chunk-MW7FTLZ5.js.map

-70

dist/chunk-OE27OG3T.js

		'use client';
		import { Monogram } from './chunk-KGFOWDPH.js';
		import { Cluster } from './chunk-K3B5D66V.js';
		import { cn } from './chunk-62DSK4IE.js';
		import { forwardRef } from 'react';
		import { X, Menu } from 'lucide-react';
		import { jsxs, jsx } from 'react/jsx-runtime';

		var DashboardTopBar = forwardRef(
		({
		className,
		projectName,
		homeHref = "/",
		breadcrumb,
		pageTitle,
		actions,
		menuOpen = false,
		onMenuToggle,
		sticky = true,
		showMobileLogo = true,
		...props
		}, ref) => {
		return /* @__PURE__ */ jsxs(
		"header",
		{
		ref,
		className: cn(
		"z-30 flex h-14 items-center gap-3.5 border-b border-tollerud-border bg-tollerud-noir-950/85 px-7 backdrop-blur-[20px] max-lg:px-3.5 max-lg:gap-2",
		sticky && "sticky top-0",
		className
		),
		...props,
		children: [
		onMenuToggle && /* @__PURE__ */ jsx(
		"button",
		{
		type: "button",
		className: "tollerud-focus-ring inline-flex h-[34px] w-[34px] shrink-0 items-center justify-center rounded-md border border-tollerud-border bg-tollerud-noir-900 text-tollerud-text-secondary transition-colors hover:border-tollerud-noir-500 hover:text-tollerud-text-primary lg:hidden",
		onClick: onMenuToggle,
		"aria-label": menuOpen ? "Close menu" : "Open menu",
		"aria-expanded": menuOpen,
		children: menuOpen ? /* @__PURE__ / jsx(X, { className: "h-4 w-4" }) : / @__PURE__ */ jsx(Menu, { className: "h-4 w-4" })
		}
		),
		showMobileLogo && /* @__PURE__ */ jsx(
		"a",
		{
		href: homeHref,
		className: "tollerud-focus-ring shrink-0 rounded-sm lg:hidden",
		"aria-label": typeof projectName === "string" ? projectName : "Home",
		children: /* @__PURE__ */ jsx(Monogram, { color: "yellow", className: "h-[22px] w-auto" })
		}
		),
		(breadcrumb \|\| pageTitle) && /* @__PURE__ */ jsxs("p", { className: "min-w-0 truncate text-[13px] text-tollerud-text-muted", children: [
		breadcrumb && /* @__PURE__ */ jsx("span", { className: "max-sm:hidden", children: breadcrumb }),
		breadcrumb && pageTitle && /* @__PURE__ */ jsx("span", { className: "mx-1.5 opacity-40 max-sm:hidden", children: "/" }),
		pageTitle && /* @__PURE__ */ jsx("b", { className: "font-semibold text-tollerud-text-primary", children: pageTitle })
		] }),
		/* @__PURE__ */ jsx("span", { className: "flex-1", "aria-hidden": "true" }),
		actions && /* @__PURE__ */ jsx(Cluster, { as: "div", gap: "sm", justify: "end", className: "shrink-0", children: actions })
		]
		}
		);
		}
		);
		DashboardTopBar.displayName = "DashboardTopBar";

		export { DashboardTopBar };
		//# sourceMappingURL=chunk-OE27OG3T.js.map
		//# sourceMappingURL=chunk-OE27OG3T.js.map

-1

dist/chunk-OE27OG3T.js.map

-382

dist/chunk-PP3ZY7HM.js

		'use client';
		import { Segmented } from './chunk-5UWEPNAB.js';
		import { useChartInteraction, clampTooltipX, ChartTooltipLayer, ChartTooltip, ChartLiveRegion, ChartSrTable } from './chunk-3EO4SOJN.js';
		import { formatChartNumber, formatChartDateLong, formatChartDateShort, CHART_SERIES_COLORS, filterPointsByDuration, sortPointsByDate, computeYDomain, DEFAULT_CHART_PADDING, xScaleIndex, yScale, buildStepPath, buildLinearPath, buildStepAreaPath, buildLinearAreaPath, niceTicks, parseChartDate } from './chunk-TVFOKOHV.js';
		import { cn } from './chunk-62DSK4IE.js';
		import { forwardRef, useId, useRef, useState, useCallback, useMemo, useEffect } from 'react';
		import { jsx, jsxs } from 'react/jsx-runtime';

		var MS_DAY = 24 * 60 * 60 * 1e3;
		var TIME_SERIES_PRESETS = [
		{ value: "3m", label: "3 mo", durationMs: 90 * MS_DAY },
		{ value: "6m", label: "6 mo", durationMs: 180 * MS_DAY },
		{ value: "1y", label: "1 yr", durationMs: 365 * MS_DAY },
		{ value: "2y", label: "2 yr", durationMs: 730 * MS_DAY },
		{ value: "all", label: "All" }
		];
		var SINGLE_SERIES_COLOR = "var(--tollerud-yellow-warm, #E8D500)";
		function defaultTooltip(point, formatValue, formatDate) {
		return /* @__PURE__ */ jsx(
		ChartTooltip,
		{
		title: formatValue(point.value),
		subtitle: formatDate(parseChartDate(point.date)),
		label: point.label,
		lines: point.meta
		}
		);
		}
		var TimeSeriesChart = forwardRef(
		({
		className,
		data,
		series,
		height = 280,
		curve = "step",
		yAxis = "right",
		padding: paddingOverride,
		formatValue,
		valuePrefix,
		valueSuffix,
		formatDate,
		formatAxisDate,
		showLatestValue = true,
		ranges,
		range,
		onRangeChange,
		toolbarLeft,
		renderTooltip,
		showLegend = true,
		emptyMessage = "No data",
		locale = "en-US",
		ariaLabel,
		srTable = true,
		...props
		}, ref) => {
		const gradientId = useId().replace(/:/g, "");
		const svgRef = useRef(null);
		const [width, setWidth] = useState(640);
		const [internalRange, setInternalRange] = useState(ranges?.[0]?.value ?? "all");
		const isMulti = Boolean(series && series.length > 0);
		const activeRange = range ?? internalRange;
		const activeRangeDef = ranges?.find((r) => r.value === activeRange);
		const valueFormatter = useCallback(
		(v) => {
		if (formatValue) return formatValue(v);
		const base = formatChartNumber(v, locale);
		if (!valuePrefix && !valueSuffix) return base;
		return `${valuePrefix ?? ""}${base}${valueSuffix ?? ""}`;
		},
		[formatValue, locale, valuePrefix, valueSuffix]
		);
		const dateFormatter = useCallback(
		(d) => formatDate?.(d) ?? formatChartDateLong(d, locale),
		[formatDate, locale]
		);
		const axisDateFormatter = useCallback(
		(d) => formatAxisDate?.(d) ?? formatChartDateShort(d, locale),
		[formatAxisDate, locale]
		);
		const seriesList = useMemo(() => {
		const raw = isMulti && series ? series.map((s, index) => ({
		label: s.label,
		color: s.color ?? CHART_SERIES_COLORS[index % CHART_SERIES_COLORS.length],
		points: s.points
		})) : [{ label: "", color: SINGLE_SERIES_COLOR, points: data ?? [] }];
		return raw.map((s) => {
		const visiblePoints = filterPointsByDuration(
		sortPointsByDate(s.points),
		activeRangeDef?.durationMs
		);
		return {
		label: s.label,
		color: s.color,
		visiblePoints,
		values: visiblePoints.map((p) => p.value)
		};
		});
		}, [isMulti, series, data, activeRangeDef?.durationMs]);
		const primaryPoints = seriesList[0]?.visiblePoints ?? [];
		const xCount = primaryPoints.length;
		const allValues = useMemo(() => seriesList.flatMap((s) => s.values), [seriesList]);
		const domain = useMemo(() => computeYDomain(allValues), [allValues]);
		const padding = useMemo(() => {
		const base = { ...DEFAULT_CHART_PADDING, ...paddingOverride };
		if (yAxis === "left") return { ...base, left: 52, right: 12 };
		if (yAxis === "none") return { ...base, left: 12, right: 12 };
		return base;
		}, [paddingOverride, yAxis]);
		const { activeIndex: pointIndex, isKeyboard, svgProps } = useChartInteraction({
		svgRef,
		count: xCount,
		paddingLeft: padding.left,
		paddingRight: padding.right
		});
		const plotLeft = padding.left;
		const plotRight = width - padding.right;
		const plotTop = padding.top;
		const plotBottom = height - padding.bottom;
		const plotWidth = plotRight - plotLeft;
		const plotHeight = plotBottom - plotTop;
		const baselineY = plotBottom;
		const xAt = useCallback(
		(index) => xScaleIndex(index, xCount, plotLeft, plotWidth),
		[plotLeft, plotWidth, xCount]
		);
		const yAt = useCallback(
		(value) => yScale(value, domain, plotTop, plotHeight),
		[domain, plotHeight, plotTop]
		);
		const buildLine = useCallback(
		(values) => curve === "step" ? buildStepPath(values, xAt, yAt) : buildLinearPath(values, xAt, yAt),
		[curve, xAt, yAt]
		);
		const areaPath = useMemo(() => {
		if (isMulti) return "";
		const values = seriesList[0]?.values ?? [];
		if (curve === "step") return buildStepAreaPath(values, xAt, yAt, baselineY);
		return buildLinearAreaPath(values, xAt, yAt, baselineY);
		}, [isMulti, seriesList, baselineY, curve, xAt, yAt]);
		const yTicks = useMemo(() => niceTicks(domain.min, domain.max, 4), [domain]);
		const xLabelIndexes = useMemo(() => {
		if (xCount <= 1) return [0];
		const maxLabels = 7;
		const step = Math.max(1, Math.floor((xCount - 1) / (maxLabels - 1)));
		const indexes = [];
		for (let i = 0; i < xCount; i += step) indexes.push(i);
		if (indexes[indexes.length - 1] !== xCount - 1) indexes.push(xCount - 1);
		return indexes;
		}, [xCount]);
		const activeIndex = pointIndex ?? (xCount > 0 ? xCount - 1 : null);
		const activePoint = !isMulti && activeIndex != null ? primaryPoints[activeIndex] : null;
		useEffect(() => {
		const el = svgRef.current?.parentElement;
		if (!el) return;
		const ro = new ResizeObserver(([entry]) => {
		if (entry) setWidth(entry.contentRect.width);
		});
		ro.observe(el);
		setWidth(el.getBoundingClientRect().width \|\| 640);
		return () => ro.disconnect();
		}, []);
		const handleRangeChange = (next) => {
		if (range === void 0) setInternalRange(next);
		onRangeChange?.(next);
		};
		if (xCount === 0) {
		return /* @__PURE__ */ jsx(
		"div",
		{
		ref,
		className: cn("w-full rounded-lg border border-tollerud-noir-700 bg-tollerud-noir-900 px-4 py-8 text-center text-sm text-tollerud-text-muted", className),
		...props,
		children: emptyMessage
		}
		);
		}
		const crosshairX = activeIndex != null ? xAt(activeIndex) : null;
		const valueAt = (s) => activeIndex != null ? s.visiblePoints[activeIndex]?.value ?? null : null;
		const anchorY = activeIndex != null ? Math.min(
		...seriesList.map((s) => {
		const v = valueAt(s);
		return v != null ? yAt(v) : Number.POSITIVE_INFINITY;
		})
		) : Number.POSITIVE_INFINITY;
		const crosshairY = !isMulti && activePoint ? yAt(activePoint.value) : Number.isFinite(anchorY) ? anchorY : plotTop;
		const tooltipLeft = crosshairX != null ? clampTooltipX(crosshairX, width) : width / 2;
		const activeDate = activeIndex != null && primaryPoints[activeIndex] ? dateFormatter(parseChartDate(primaryPoints[activeIndex].date)) : "";
		const announcement = isKeyboard && pointIndex != null ? isMulti ? `${activeDate}: ${seriesList.map((s) => {
		const v = valueAt(s);
		return `${s.label} ${v != null ? valueFormatter(v) : "\u2014"}`;
		}).join(", ")}` : activePoint ? `${activeDate}: ${valueFormatter(activePoint.value)}` : null : null;
		return /* @__PURE__ */ jsxs("div", { ref, className: cn("w-full", className), ...props, children: [
		(ranges?.length \|\| toolbarLeft \|\| isMulti && showLegend) && /* @__PURE__ */ jsxs("div", { className: "mb-3 flex flex-wrap items-center justify-between gap-3", children: [
		/* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-wrap items-center gap-x-4 gap-y-1.5", children: [
		toolbarLeft,
		isMulti && showLegend ? seriesList.map((s) => /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5 text-xs text-tollerud-text-secondary", children: [
		/* @__PURE__ */ jsx(
		"span",
		{
		className: "h-2 w-2 shrink-0 rounded-[2px]",
		style: { background: s.color },
		"aria-hidden": "true"
		}
		),
		s.label
		] }, s.label)) : null
		] }),
		ranges?.length ? /* @__PURE__ */ jsx(
		Segmented,
		{
		size: "sm",
		options: ranges.map(({ value, label, disabled }) => ({ value, label, disabled })),
		value: activeRange,
		onChange: handleRangeChange
		}
		) : null
		] }),
		/* @__PURE__ */ jsxs("div", { className: "relative w-full", children: [
		/* @__PURE__ */ jsxs(
		"svg",
		{
		ref: svgRef,
		width,
		height,
		className: "tollerud-focus-ring block w-full touch-none select-none",
		role: "img",
		"aria-label": ariaLabel ?? "Time series chart",
		...svgProps,
		children: [
		/* @__PURE__ / jsx("defs", { children: / @__PURE__ */ jsxs("linearGradient", { id: gradientId, x1: "0", y1: "0", x2: "0", y2: "1", children: [
		/* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: "var(--tollerud-yellow-warm, #E8D500)", stopOpacity: "0.28" }),
		/* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: "var(--tollerud-yellow-warm, #E8D500)", stopOpacity: "0" })
		] }) }),
		yTicks.map((tick) => {
		const y = yAt(tick);
		return /* @__PURE__ */ jsxs("g", { children: [
		/* @__PURE__ */ jsx(
		"line",
		{
		x1: plotLeft,
		x2: plotRight,
		y1: y,
		y2: y,
		stroke: "var(--chart-grid)",
		strokeWidth: "1",
		strokeDasharray: "4 4"
		}
		),
		yAxis === "left" ? /* @__PURE__ */ jsx(
		"text",
		{
		x: plotLeft - 8,
		y: y + 4,
		textAnchor: "end",
		className: "fill-[var(--chart-axis)] text-[11px]",
		children: valueFormatter(tick)
		}
		) : null,
		yAxis === "right" ? /* @__PURE__ */ jsx(
		"text",
		{
		x: plotRight + 8,
		y: y + 4,
		textAnchor: "start",
		className: "fill-[var(--chart-axis)] text-[11px]",
		children: valueFormatter(tick)
		}
		) : null
		] }, tick);
		}),
		!isMulti ? /* @__PURE__ */ jsx("path", { d: areaPath, fill: `url(#${gradientId})` }) : null,
		seriesList.map((s) => /* @__PURE__ */ jsx(
		"path",
		{
		d: buildLine(s.values),
		fill: "none",
		stroke: s.color,
		strokeWidth: "2",
		strokeLinecap: "round",
		strokeLinejoin: "round"
		},
		s.label \|\| "series"
		)),
		xLabelIndexes.map((index) => /* @__PURE__ */ jsx(
		"text",
		{
		x: xAt(index),
		y: height - 10,
		textAnchor: "middle",
		className: "fill-[var(--chart-axis)] text-[11px]",
		children: axisDateFormatter(parseChartDate(primaryPoints[index].date))
		},
		index
		)),
		!isMulti && showLatestValue && activePoint && pointIndex === null && yAxis === "right" ? /* @__PURE__ */ jsx(
		"line",
		{
		x1: plotLeft,
		x2: plotRight,
		y1: yAt(activePoint.value),
		y2: yAt(activePoint.value),
		stroke: "var(--tollerud-yellow-warm, #E8D500)",
		strokeOpacity: "0.35",
		strokeWidth: "1"
		}
		) : null,
		crosshairX != null && pointIndex !== null ? /* @__PURE__ */ jsx(
		"line",
		{
		x1: crosshairX,
		x2: crosshairX,
		y1: plotTop,
		y2: plotBottom,
		stroke: "var(--chart-axis)",
		strokeWidth: "1"
		}
		) : null,
		crosshairX != null && pointIndex !== null ? seriesList.map((s) => {
		const v = valueAt(s);
		if (v == null) return null;
		return /* @__PURE__ */ jsx(
		"circle",
		{
		cx: crosshairX,
		cy: yAt(v),
		r: "5",
		fill: "var(--card, #111111)",
		stroke: s.color,
		strokeWidth: "2"
		},
		s.label \|\| "series"
		);
		}) : null
		]
		}
		),
		pointIndex !== null && (isMulti \|\| activePoint) ? /* @__PURE__ / jsx(ChartTooltipLayer, { left: tooltipLeft, top: crosshairY - 12, children: isMulti ? / @__PURE__ */ jsx(
		ChartTooltip,
		{
		title: activeDate,
		rows: seriesList.map((s) => {
		const v = valueAt(s);
		return {
		label: s.label,
		value: v != null ? valueFormatter(v) : "\u2014",
		color: s.color
		};
		})
		}
		) : renderTooltip ? renderTooltip(activePoint, activeIndex, valueFormatter(activePoint.value)) : defaultTooltip(activePoint, valueFormatter, dateFormatter) }) : null,
		!isMulti && showLatestValue && activePoint && pointIndex === null && yAxis === "right" ? /* @__PURE__ */ jsx(
		"div",
		{
		className: "pointer-events-none absolute -translate-y-1/2 whitespace-nowrap rounded-md bg-tollerud-yellow px-2 py-0.5 text-[10px] font-semibold text-tollerud-noir-950",
		style: { top: yAt(activePoint.value), right: 0 },
		children: valueFormatter(activePoint.value)
		}
		) : null
		] }),
		/* @__PURE__ */ jsx(ChartLiveRegion, { message: announcement }),
		srTable ? /* @__PURE__ */ jsx(
		ChartSrTable,
		{
		caption: ariaLabel ?? "Time series chart",
		columns: ["Date", ...isMulti ? seriesList.map((s) => s.label) : ["Value"]],
		rows: primaryPoints.map((point, index) => ({
		header: dateFormatter(parseChartDate(point.date)),
		cells: isMulti ? seriesList.map((s) => {
		const v = s.visiblePoints[index]?.value;
		return v != null ? valueFormatter(v) : "";
		}) : [valueFormatter(point.value)]
		}))
		}
		) : null
		] });
		}
		);
		TimeSeriesChart.displayName = "TimeSeriesChart";

		export { TIME_SERIES_PRESETS, TimeSeriesChart };
		//# sourceMappingURL=chunk-PP3ZY7HM.js.map
		//# sourceMappingURL=chunk-PP3ZY7HM.js.map

-1

dist/chunk-PP3ZY7HM.js.map

-112

dist/chunk-R7HHT43G.js

		'use client';
		import { useBypassModalScrollLock } from './chunk-WCCKWQI7.js';
		import { cn } from './chunk-62DSK4IE.js';
		import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
		import * as React from 'react';
		import { forwardRef, useRef } from 'react';
		import { jsx } from 'react/jsx-runtime';

		var __defProp = Object.defineProperty;
		var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
		function setRef(ref, value) {
		if (typeof ref === "function") {
		return ref(value);
		} else if (ref !== null && ref !== void 0) {
		ref.current = value;
		}
		}
		__name(setRef, "setRef");
		function composeRefs(...refs) {
		return (node) => {
		let hasCleanup = false;
		const cleanups = refs.map((ref) => {
		const cleanup = setRef(ref, node);
		if (!hasCleanup && typeof cleanup == "function") {
		hasCleanup = true;
		}
		return cleanup;
		});
		if (hasCleanup) {
		return () => {
		for (let i = 0; i < cleanups.length; i++) {
		const cleanup = cleanups[i];
		if (typeof cleanup == "function") {
		cleanup();
		} else {
		setRef(refs[i], null);
		}
		}
		};
		}
		};
		}
		__name(composeRefs, "composeRefs");
		function useComposedRefs(...refs) {
		return React.useCallback(composeRefs(...refs), refs);
		}
		__name(useComposedRefs, "useComposedRefs");
		var DropdownMenu = DropdownMenuPrimitive.Root;
		var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
		var DropdownMenuContent = forwardRef(({ className, sideOffset = 4, collisionPadding = 8, ...props }, forwardedRef) => {
		const contentRef = useRef(null);
		const composedRefs = useComposedRefs(forwardedRef, contentRef);
		useBypassModalScrollLock(contentRef, true);
		return /* @__PURE__ / jsx(DropdownMenuPrimitive.Portal, { children: / @__PURE__ */ jsx(
		DropdownMenuPrimitive.Content,
		{
		ref: composedRefs,
		sideOffset,
		collisionPadding,
		className: cn(
		"pointer-events-auto z-50 min-w-[9rem] overflow-hidden rounded-lg border p-1 shadow-lg",
		"bg-tollerud-noir-850 border-tollerud-border/30 text-tollerud-text-primary",
		"data-[state=open]:animate-in data-[state=closed]:animate-out",
		"data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
		"data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
		"data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2",
		"data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
		className
		),
		...props
		}
		) });
		});
		DropdownMenuContent.displayName = "DropdownMenuContent";
		var DropdownMenuItem = forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
		DropdownMenuPrimitive.Item,
		{
		ref,
		className: cn(
		"relative flex cursor-default select-none items-center rounded-md px-2 py-1.5 text-sm outline-none",
		"text-tollerud-text-secondary data-[highlighted]:text-tollerud-text-primary",
		"data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
		"data-[highlighted]:bg-tollerud-surface-raised",
		inset && "pl-8",
		className
		),
		...props
		}
		));
		DropdownMenuItem.displayName = "DropdownMenuItem";
		var DropdownMenuSeparator = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
		DropdownMenuPrimitive.Separator,
		{
		ref,
		className: cn("-mx-1 my-1 h-px bg-tollerud-border/30", className),
		...props
		}
		));
		DropdownMenuSeparator.displayName = "DropdownMenuSeparator";
		var DropdownMenuLabel = forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
		DropdownMenuPrimitive.Label,
		{
		ref,
		className: cn("px-2 py-1.5 text-xs font-semibold text-tollerud-text-muted", inset && "pl-8", className),
		...props
		}
		));
		DropdownMenuLabel.displayName = "DropdownMenuLabel";

		export { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger };
		//# sourceMappingURL=chunk-R7HHT43G.js.map
		//# sourceMappingURL=chunk-R7HHT43G.js.map

-1

dist/chunk-R7HHT43G.js.map

-168

dist/chunk-SCH5VXVR.js

		'use client';
		import { FloatingDropdownPortal } from './chunk-YUFSJ2LB.js';
		import { cn } from './chunk-62DSK4IE.js';
		import { useId, useRef, useState, useMemo, useEffect } from 'react';
		import { Calendar, ChevronLeft, ChevronRight } from 'lucide-react';
		import { jsxs, jsx } from 'react/jsx-runtime';

		var defaultFormat = (date) => date.toLocaleDateString(void 0, { year: "numeric", month: "short", day: "numeric" });
		function isSameDay(a, b) {
		return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
		}
		function startOfMonth(date) {
		return new Date(date.getFullYear(), date.getMonth(), 1);
		}
		function buildCalendarGrid(monthDate) {
		const first = startOfMonth(monthDate);
		const startWeekday = first.getDay();
		const daysInMonth = new Date(monthDate.getFullYear(), monthDate.getMonth() + 1, 0).getDate();
		const cells = [];
		for (let i = 0; i < startWeekday; i++) cells.push(null);
		for (let d = 1; d <= daysInMonth; d++) cells.push(new Date(monthDate.getFullYear(), monthDate.getMonth(), d));
		return cells;
		}
		var WEEKDAYS = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
		function DatePicker({
		value: valueProp,
		defaultValue = null,
		onChange,
		label,
		error,
		placeholder = "Select a date",
		formatDate = defaultFormat,
		className,
		disabled,
		required
		}) {
		const id = useId();
		const autoErrorId = useId();
		const errorId = error ? autoErrorId : void 0;
		const rootRef = useRef(null);
		const anchorRef = useRef(null);
		const panelRef = useRef(null);
		const isControlled = valueProp !== void 0;
		const [internalValue, setInternalValue] = useState(defaultValue);
		const value = isControlled ? valueProp ?? null : internalValue;
		const [open, setOpen] = useState(false);
		const [viewMonth, setViewMonth] = useState(() => startOfMonth(value ?? /* @__PURE__ */ new Date()));
		const cells = useMemo(() => buildCalendarGrid(viewMonth), [viewMonth]);
		useEffect(() => {
		if (!open) return;
		function onClickOutside(e) {
		const target = e.target;
		if (rootRef.current?.contains(target)) return;
		if (panelRef.current?.contains(target)) return;
		setOpen(false);
		}
		document.addEventListener("mousedown", onClickOutside);
		return () => {
		document.removeEventListener("mousedown", onClickOutside);
		};
		}, [open]);
		const select = (date) => {
		if (!isControlled) setInternalValue(date);
		onChange?.(date);
		setOpen(false);
		};
		return /* @__PURE__ */ jsxs("div", { ref: rootRef, className: cn("relative flex flex-col gap-1", className), children: [
		label && /* @__PURE__ */ jsxs("label", { htmlFor: id, className: "text-xs font-medium text-tollerud-text-muted", children: [
		label,
		required && /* @__PURE__ / jsx("span", { "aria-hidden": "true", className: "ml-0.5 text-tollerud-error", children: "" })
		] }),
		/* @__PURE__ */ jsxs(
		"button",
		{
		ref: anchorRef,
		id,
		type: "button",
		disabled,
		onClick: () => {
		setViewMonth(startOfMonth(value ?? /* @__PURE__ */ new Date()));
		setOpen((o) => !o);
		},
		"aria-haspopup": "dialog",
		"aria-expanded": open,
		"aria-describedby": errorId,
		className: cn(
		"flex w-full items-center justify-between gap-2 rounded px-3 py-2.5 text-left text-base",
		"bg-tollerud-surface-raised border",
		"transition-[border-color] duration-fast",
		"focus:outline-none focus:border-tollerud-yellow focus:shadow-[0_0_0_1px_var(--tollerud-yellow-warm,#E8D500)]",
		error ? "border-tollerud-error" : "border-tollerud-border",
		value ? "text-tollerud-text-primary" : "text-tollerud-text-muted",
		disabled && "opacity-50 pointer-events-none"
		),
		children: [
		/* @__PURE__ */ jsx("span", { children: value ? formatDate(value) : placeholder }),
		/* @__PURE__ */ jsx(Calendar, { size: 15, className: "text-tollerud-text-muted" })
		]
		}
		),
		/* @__PURE__ */ jsxs(
		FloatingDropdownPortal,
		{
		open,
		anchorRef,
		popoverRef: panelRef,
		width: 288,
		role: "dialog",
		"aria-label": "Choose date",
		placementOptions: { maxHeight: 320 },
		className: "rounded-lg border border-tollerud-border bg-tollerud-surface-overlay p-3",
		children: [
		/* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center justify-between", children: [
		/* @__PURE__ */ jsx(
		"button",
		{
		type: "button",
		"aria-label": "Previous month",
		onClick: () => setViewMonth((m) => new Date(m.getFullYear(), m.getMonth() - 1, 1)),
		className: "rounded p-1 text-tollerud-text-secondary hover:bg-tollerud-surface-hover",
		children: /* @__PURE__ */ jsx(ChevronLeft, { size: 16 })
		}
		),
		/* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-tollerud-text-primary", children: viewMonth.toLocaleDateString(void 0, { month: "long", year: "numeric" }) }),
		/* @__PURE__ */ jsx(
		"button",
		{
		type: "button",
		"aria-label": "Next month",
		onClick: () => setViewMonth((m) => new Date(m.getFullYear(), m.getMonth() + 1, 1)),
		className: "rounded p-1 text-tollerud-text-secondary hover:bg-tollerud-surface-hover",
		children: /* @__PURE__ */ jsx(ChevronRight, { size: 16 })
		}
		)
		] }),
		/* @__PURE__ */ jsxs("div", { className: "grid grid-cols-7 gap-1 text-center", children: [
		WEEKDAYS.map((d) => /* @__PURE__ */ jsx("span", { className: "text-[11px] font-medium text-tollerud-text-muted py-1", children: d }, d)),
		cells.map((date, i) => {
		if (!date) return /* @__PURE__ */ jsx("span", {}, i);
		const selected = value ? isSameDay(date, value) : false;
		const today = isSameDay(date, /* @__PURE__ */ new Date());
		return /* @__PURE__ */ jsx(
		"button",
		{
		type: "button",
		onClick: () => select(date),
		className: cn(
		"h-8 w-8 rounded-full text-sm transition-colors duration-fast",
		selected ? "bg-tollerud-yellow text-tollerud-noir-black font-medium" : "text-tollerud-text-secondary hover:bg-tollerud-surface-hover",
		!selected && today && "ring-1 ring-tollerud-yellow/40"
		),
		children: date.getDate()
		},
		i
		);
		})
		] })
		]
		}
		),
		error && /* @__PURE__ */ jsx("p", { id: errorId, className: "text-xs text-tollerud-error mt-0.5", children: error })
		] });
		}
		DatePicker.displayName = "DatePicker";

		export { DatePicker };
		//# sourceMappingURL=chunk-SCH5VXVR.js.map
		//# sourceMappingURL=chunk-SCH5VXVR.js.map

-1

dist/chunk-SCH5VXVR.js.map

-54

dist/chunk-UBIQ2ZFI.js

		'use client';
		import { StatCard } from './chunk-QOUGH5I3.js';
		import { ServiceHealthCard } from './chunk-GKPCVHKN.js';
		import { HostCard } from './chunk-4R765NR4.js';
		import { IncidentCard } from './chunk-YFS4Q5R2.js';
		import { cn } from './chunk-62DSK4IE.js';
		import { jsxs, jsx } from 'react/jsx-runtime';

		function BentoDashboard({
		title,
		hosts = [],
		metrics = [],
		services = [],
		incidents = [],
		className
		}) {
		return /* @__PURE__ */ jsxs("div", { className: cn("w-full space-y-6", className), children: [
		/* @__PURE__ / jsx("div", { className: "flex items-center justify-between", children: / @__PURE__ */ jsxs("div", { children: [
		/* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold text-tollerud-text-primary", children: title }),
		/* @__PURE__ */ jsxs("p", { className: "text-xs text-tollerud-text-muted", children: [
		hosts.length,
		" hosts \xB7 ",
		services.length,
		" services",
		incidents.length > 0 && ` \xB7 ${incidents.length} active incident${incidents.length > 1 ? "s" : ""}`
		] })
		] }) }),
		hosts.length > 0 && /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3", children: [
		/* @__PURE__ / jsx("div", { className: "md:col-span-2 lg:col-span-1", children: / @__PURE__ */ jsx(HostCard, { ...hosts[0] }) }),
		/* @__PURE__ / jsx("div", { className: "grid grid-cols-1 gap-3 md:col-span-2 lg:col-span-1", children: hosts.slice(1).map((h, i) => / @__PURE__ */ jsx(HostCard, { ...h }, h.hostname ?? i)) })
		] }),
		/* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 items-start gap-4 lg:grid-cols-3 lg:gap-3", children: [
		metrics.length > 0 && /* @__PURE__ */ jsxs("div", { className: "min-w-0 lg:col-span-2", children: [
		/* @__PURE__ */ jsx(SectionLabel, { children: "Metrics" }),
		/* @__PURE__ / jsx("div", { className: "grid grid-cols-2 gap-3 sm:grid-cols-4", children: metrics.map((m, i) => / @__PURE__ */ jsx(StatCard, { ...m }, m.label ?? i)) })
		] }),
		services.length > 0 && /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
		/* @__PURE__ */ jsx(SectionLabel, { children: "Services" }),
		/* @__PURE__ / jsx("div", { className: "space-y-2", children: services.slice(0, 4).map((s, i) => / @__PURE__ */ jsx(ServiceHealthCard, { ...s }, s.service ?? i)) })
		] })
		] }),
		incidents.length > 0 && /* @__PURE__ */ jsxs("div", { className: "min-w-0 pt-1", children: [
		/* @__PURE__ */ jsx(SectionLabel, { children: "Recent Incidents" }),
		/* @__PURE__ / jsx("div", { className: "space-y-2", children: incidents.slice(0, 4).map((inc, i) => / @__PURE__ */ jsx(IncidentCard, { ...inc }, inc.title + i)) })
		] })
		] });
		}
		function SectionLabel({ children }) {
		return /* @__PURE__ */ jsx("p", { className: "mb-3 text-xs font-semibold uppercase tracking-wider text-tollerud-text-muted", children });
		}

		export { BentoDashboard };
		//# sourceMappingURL=chunk-UBIQ2ZFI.js.map
		//# sourceMappingURL=chunk-UBIQ2ZFI.js.map

-1

dist/chunk-UBIQ2ZFI.js.map

-43

dist/chunk-WCCKWQI7.js

		'use client';
		import { useLayoutEffect } from 'react';

		// lib/bypass-modal-scroll-lock.ts
		function useBypassModalScrollLock(elementRef, enabled) {
		useLayoutEffect(() => {
		if (!enabled) return;
		let element = null;
		let frame = 0;
		const stopCapture = (event) => {
		event.stopImmediatePropagation();
		};
		const stopBubble = (event) => {
		event.stopPropagation();
		};
		const attach = () => {
		element = elementRef.current;
		if (!element) return false;
		element.addEventListener("wheel", stopCapture, { capture: true, passive: false });
		element.addEventListener("touchmove", stopCapture, { capture: true, passive: false });
		element.addEventListener("wheel", stopBubble, { passive: false });
		element.addEventListener("touchmove", stopBubble, { passive: false });
		return true;
		};
		if (!attach()) {
		frame = requestAnimationFrame(() => {
		attach();
		});
		}
		return () => {
		if (frame) cancelAnimationFrame(frame);
		if (!element) return;
		element.removeEventListener("wheel", stopCapture, { capture: true });
		element.removeEventListener("touchmove", stopCapture, { capture: true });
		element.removeEventListener("wheel", stopBubble);
		element.removeEventListener("touchmove", stopBubble);
		};
		}, [enabled, elementRef]);
		}

		export { useBypassModalScrollLock };
		//# sourceMappingURL=chunk-WCCKWQI7.js.map
		//# sourceMappingURL=chunk-WCCKWQI7.js.map

-1

dist/chunk-WCCKWQI7.js.map

{"version":3,"sources":["../lib/bypass-modal-scroll-lock.ts"],"names":[],"mappings":";;;AAWO,SAAS,wBAAA,CACd,YACA,OAAA,EACA;AACA,EAAA,eAAA,CAAgB,MAAM;AACpB,IAAA,IAAI,CAAC,OAAA,EAAS;AAEd,IAAA,IAAI,OAAA,GAA8B,IAAA;AAClC,IAAA,IAAI,KAAA,GAAQ,CAAA;AAEZ,IAAA,MAAM,WAAA,GAAc,CAAC,KAAA,KAAiB;AACpC,MAAA,KAAA,CAAM,wBAAA,EAAyB;AAAA,IACjC,CAAA;AAEA,IAAA,MAAM,UAAA,GAAa,CAAC,KAAA,KAAiB;AACnC,MAAA,KAAA,CAAM,eAAA,EAAgB;AAAA,IACxB,CAAA;AAEA,IAAA,MAAM,SAAS,MAAM;AACnB,MAAA,OAAA,GAAU,UAAA,CAAW,OAAA;AACrB,MAAA,IAAI,CAAC,SAAS,OAAO,KAAA;AAErB,MAAA,OAAA,CAAQ,gBAAA,CAAiB,SAAS,WAAA,EAAa,EAAE,SAAS,IAAA,EAAM,OAAA,EAAS,OAAO,CAAA;AAChF,MAAA,OAAA,CAAQ,gBAAA,CAAiB,aAAa,WAAA,EAAa,EAAE,SAAS,IAAA,EAAM,OAAA,EAAS,OAAO,CAAA;AACpF,MAAA,OAAA,CAAQ,iBAAiB,OAAA,EAAS,UAAA,EAAY,EAAE,OAAA,EAAS,OAAO,CAAA;AAChE,MAAA,OAAA,CAAQ,iBAAiB,WAAA,EAAa,UAAA,EAAY,EAAE,OAAA,EAAS,OAAO,CAAA;AACpE,MAAA,OAAO,IAAA;AAAA,IACT,CAAA;AAEA,IAAA,IAAI,CAAC,QAAO,EAAG;AACb,MAAA,KAAA,GAAQ,sBAAsB,MAAM;AAClC,QAAA,MAAA,EAAO;AAAA,MACT,CAAC,CAAA;AAAA,IACH;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,IAAI,KAAA,uBAA4B,KAAK,CAAA;AACrC,MAAA,IAAI,CAAC,OAAA,EAAS;AACd,MAAA,OAAA,CAAQ,oBAAoB,OAAA,EAAS,WAAA,EAAa,EAAE,OAAA,EAAS,MAAM,CAAA;AACnE,MAAA,OAAA,CAAQ,oBAAoB,WAAA,EAAa,WAAA,EAAa,EAAE,OAAA,EAAS,MAAM,CAAA;AACvE,MAAA,OAAA,CAAQ,mBAAA,CAAoB,SAAS,UAAU,CAAA;AAC/C,MAAA,OAAA,CAAQ,mBAAA,CAAoB,aAAa,UAAU,CAAA;AAAA,IACrD,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,OAAA,EAAS,UAAU,CAAC,CAAA;AAC1B","file":"chunk-WCCKWQI7.js","sourcesContent":["'use client'\n\nimport { useLayoutEffect, type RefObject } from 'react'\n\n/**\n * Radix Dialog/Sheet uses react-remove-scroll on document. Portalled dropdowns sit\n * outside dialog content shards, so wheel/touch hit preventDefault on document.\n *\n * Native listeners on the portal element stop propagation before document handlers run.\n * Pair with `pointer-events-auto` on the same node when body is scroll-locked/inert.\n */\nexport function useBypassModalScrollLock(\n elementRef: RefObject<HTMLElement | null>,\n enabled: boolean,\n) {\n useLayoutEffect(() => {\n if (!enabled) return\n\n let element: HTMLElement | null = null\n let frame = 0\n\n const stopCapture = (event: Event) => {\n event.stopImmediatePropagation()\n }\n\n const stopBubble = (event: Event) => {\n event.stopPropagation()\n }\n\n const attach = () => {\n element = elementRef.current\n if (!element) return false\n\n element.addEventListener('wheel', stopCapture, { capture: true, passive: false })\n element.addEventListener('touchmove', stopCapture, { capture: true, passive: false })\n element.addEventListener('wheel', stopBubble, { passive: false })\n element.addEventListener('touchmove', stopBubble, { passive: false })\n return true\n }\n\n if (!attach()) {\n frame = requestAnimationFrame(() => {\n attach()\n })\n }\n\n return () => {\n if (frame) cancelAnimationFrame(frame)\n if (!element) return\n element.removeEventListener('wheel', stopCapture, { capture: true })\n element.removeEventListener('touchmove', stopCapture, { capture: true })\n element.removeEventListener('wheel', stopBubble)\n element.removeEventListener('touchmove', stopBubble)\n }\n }, [enabled, elementRef])\n}\n"]}

-1764

dist/chunk-YUFSJ2LB.js

		'use client';
		import { useBypassModalScrollLock } from './chunk-WCCKWQI7.js';
		import { mergeRefs, cn } from './chunk-62DSK4IE.js';
		import * as React from 'react';
		import { useLayoutEffect, useMemo } from 'react';
		import * as ReactDOM from 'react-dom';
		import { createPortal } from 'react-dom';
		import { jsx } from 'react/jsx-runtime';

		// node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs
		var min = Math.min;
		var max = Math.max;
		var round = Math.round;
		var floor = Math.floor;
		var createCoords = (v) => ({
		x: v,
		y: v
		});
		var oppositeSideMap = {
		left: "right",
		right: "left",
		bottom: "top",
		top: "bottom"
		};
		function clamp(start, value, end) {
		return max(start, min(value, end));
		}
		function evaluate(value, param) {
		return typeof value === "function" ? value(param) : value;
		}
		function getSide(placement) {
		return placement.split("-")[0];
		}
		function getAlignment(placement) {
		return placement.split("-")[1];
		}
		function getOppositeAxis(axis) {
		return axis === "x" ? "y" : "x";
		}
		function getAxisLength(axis) {
		return axis === "y" ? "height" : "width";
		}
		function getSideAxis(placement) {
		const firstChar = placement[0];
		return firstChar === "t" \|\| firstChar === "b" ? "y" : "x";
		}
		function getAlignmentAxis(placement) {
		return getOppositeAxis(getSideAxis(placement));
		}
		function getAlignmentSides(placement, rects, rtl) {
		if (rtl === void 0) {
		rtl = false;
		}
		const alignment = getAlignment(placement);
		const alignmentAxis = getAlignmentAxis(placement);
		const length = getAxisLength(alignmentAxis);
		let mainAlignmentSide = alignmentAxis === "x" ? alignment === (rtl ? "end" : "start") ? "right" : "left" : alignment === "start" ? "bottom" : "top";
		if (rects.reference[length] > rects.floating[length]) {
		mainAlignmentSide = getOppositePlacement(mainAlignmentSide);
		}
		return [mainAlignmentSide, getOppositePlacement(mainAlignmentSide)];
		}
		function getExpandedPlacements(placement) {
		const oppositePlacement = getOppositePlacement(placement);
		return [getOppositeAlignmentPlacement(placement), oppositePlacement, getOppositeAlignmentPlacement(oppositePlacement)];
		}
		function getOppositeAlignmentPlacement(placement) {
		return placement.includes("start") ? placement.replace("start", "end") : placement.replace("end", "start");
		}
		var lrPlacement = ["left", "right"];
		var rlPlacement = ["right", "left"];
		var tbPlacement = ["top", "bottom"];
		var btPlacement = ["bottom", "top"];
		function getSideList(side, isStart, rtl) {
		switch (side) {
		case "top":
		case "bottom":
		if (rtl) return isStart ? rlPlacement : lrPlacement;
		return isStart ? lrPlacement : rlPlacement;
		case "left":
		case "right":
		return isStart ? tbPlacement : btPlacement;
		default:
		return [];
		}
		}
		function getOppositeAxisPlacements(placement, flipAlignment, direction, rtl) {
		const alignment = getAlignment(placement);
		let list = getSideList(getSide(placement), direction === "start", rtl);
		if (alignment) {
		list = list.map((side) => side + "-" + alignment);
		if (flipAlignment) {
		list = list.concat(list.map(getOppositeAlignmentPlacement));
		}
		}
		return list;
		}
		function getOppositePlacement(placement) {
		const side = getSide(placement);
		return oppositeSideMap[side] + placement.slice(side.length);
		}
		function expandPaddingObject(padding) {
		var _padding$top, _padding$right, _padding$bottom, _padding$left;
		return {
		top: (_padding$top = padding.top) != null ? _padding$top : 0,
		right: (_padding$right = padding.right) != null ? _padding$right : 0,
		bottom: (_padding$bottom = padding.bottom) != null ? _padding$bottom : 0,
		left: (_padding$left = padding.left) != null ? _padding$left : 0
		};
		}
		function getPaddingObject(padding) {
		return typeof padding !== "number" ? expandPaddingObject(padding) : {
		top: padding,
		right: padding,
		bottom: padding,
		left: padding
		};
		}
		function rectToClientRect(rect) {
		const {
		x,
		y,
		width,
		height
		} = rect;
		return {
		width,
		height,
		top: y,
		left: x,
		right: x + width,
		bottom: y + height,
		x,
		y
		};
		}

		// node_modules/@floating-ui/core/dist/floating-ui.core.mjs
		function computeCoordsFromPlacement(_ref, placement, rtl) {
		let {
		reference,
		floating
		} = _ref;
		const sideAxis = getSideAxis(placement);
		const alignmentAxis = getAlignmentAxis(placement);
		const alignLength = getAxisLength(alignmentAxis);
		const side = getSide(placement);
		const isVertical = sideAxis === "y";
		const commonX = reference.x + reference.width / 2 - floating.width / 2;
		const commonY = reference.y + reference.height / 2 - floating.height / 2;
		const commonAlign = reference[alignLength] / 2 - floating[alignLength] / 2;
		let coords;
		switch (side) {
		case "top":
		coords = {
		x: commonX,
		y: reference.y - floating.height
		};
		break;
		case "bottom":
		coords = {
		x: commonX,
		y: reference.y + reference.height
		};
		break;
		case "right":
		coords = {
		x: reference.x + reference.width,
		y: commonY
		};
		break;
		case "left":
		coords = {
		x: reference.x - floating.width,
		y: commonY
		};
		break;
		default:
		coords = {
		x: reference.x,
		y: reference.y
		};
		}
		const alignment = getAlignment(placement);
		if (alignment) {
		coords[alignmentAxis] += commonAlign * (alignment === "end" ? 1 : -1) * (rtl && isVertical ? -1 : 1);
		}
		return coords;
		}
		async function detectOverflow(state, options) {
		var _await$platform$isEle;
		if (options === void 0) {
		options = {};
		}
		const {
		x,
		y,
		platform: platform2,
		rects,
		elements,
		strategy
		} = state;
		const {
		boundary = "clippingAncestors",
		rootBoundary = "viewport",
		elementContext = "floating",
		altBoundary = false,
		padding = 0
		} = evaluate(options, state);
		const paddingObject = getPaddingObject(padding);
		const altContext = elementContext === "floating" ? "reference" : "floating";
		const element = elements[altBoundary ? altContext : elementContext];
		const clippingClientRect = rectToClientRect(await platform2.getClippingRect({
		element: ((_await$platform$isEle = await (platform2.isElement == null ? void 0 : platform2.isElement(element))) != null ? _await$platform$isEle : true) ? element : element.contextElement \|\| await (platform2.getDocumentElement == null ? void 0 : platform2.getDocumentElement(elements.floating)),
		boundary,
		rootBoundary,
		strategy
		}));
		const rect = elementContext === "floating" ? {
		x,
		y,
		width: rects.floating.width,
		height: rects.floating.height
		} : rects.reference;
		const offsetParent = await (platform2.getOffsetParent == null ? void 0 : platform2.getOffsetParent(elements.floating));
		const offsetScale = await (platform2.isElement == null ? void 0 : platform2.isElement(offsetParent)) && await (platform2.getScale == null ? void 0 : platform2.getScale(offsetParent)) \|\| {
		x: 1,
		y: 1
		};
		const elementClientRect = rectToClientRect(platform2.convertOffsetParentRelativeRectToViewportRelativeRect ? await platform2.convertOffsetParentRelativeRectToViewportRelativeRect({
		elements,
		rect,
		offsetParent,
		strategy
		}) : rect);
		return {
		top: (clippingClientRect.top - elementClientRect.top + paddingObject.top) / offsetScale.y,
		bottom: (elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom) / offsetScale.y,
		left: (clippingClientRect.left - elementClientRect.left + paddingObject.left) / offsetScale.x,
		right: (elementClientRect.right - clippingClientRect.right + paddingObject.right) / offsetScale.x
		};
		}
		var MAX_RESET_COUNT = 50;
		var computePosition = async (reference, floating, config) => {
		const {
		placement = "bottom",
		strategy = "absolute",
		middleware = [],
		platform: platform2
		} = config;
		const platformWithDetectOverflow = platform2.detectOverflow ? platform2 : {
		...platform2,
		detectOverflow
		};
		const rtl = await (platform2.isRTL == null ? void 0 : platform2.isRTL(floating));
		let rects = await platform2.getElementRects({
		reference,
		floating,
		strategy
		});
		let {
		x,
		y
		} = computeCoordsFromPlacement(rects, placement, rtl);
		let statefulPlacement = placement;
		let resetCount = 0;
		const middlewareData = {};
		for (let i = 0; i < middleware.length; i++) {
		const currentMiddleware = middleware[i];
		if (!currentMiddleware) {
		continue;
		}
		const {
		name,
		fn
		} = currentMiddleware;
		const {
		x: nextX,
		y: nextY,
		data,
		reset
		} = await fn({
		x,
		y,
		initialPlacement: placement,
		placement: statefulPlacement,
		strategy,
		middlewareData,
		rects,
		platform: platformWithDetectOverflow,
		elements: {
		reference,
		floating
		}
		});
		x = nextX != null ? nextX : x;
		y = nextY != null ? nextY : y;
		middlewareData[name] = {
		...middlewareData[name],
		...data
		};
		if (reset && resetCount < MAX_RESET_COUNT) {
		resetCount++;
		if (typeof reset === "object") {
		if (reset.placement) {
		statefulPlacement = reset.placement;
		}
		if (reset.rects) {
		rects = reset.rects === true ? await platform2.getElementRects({
		reference,
		floating,
		strategy
		}) : reset.rects;
		}
		({
		x,
		y
		} = computeCoordsFromPlacement(rects, statefulPlacement, rtl));
		}
		i = -1;
		}
		}
		return {
		x,
		y,
		placement: statefulPlacement,
		strategy,
		middlewareData
		};
		};
		var flip = function(options) {
		if (options === void 0) {
		options = {};
		}
		return {
		name: "flip",
		options,
		async fn(state) {
		var _middlewareData$arrow, _middlewareData$flip;
		const {
		placement,
		middlewareData,
		rects,
		initialPlacement,
		platform: platform2,
		elements
		} = state;
		const {
		mainAxis: checkMainAxis = true,
		crossAxis: checkCrossAxis = true,
		fallbackPlacements: specifiedFallbackPlacements,
		fallbackStrategy = "bestFit",
		fallbackAxisSideDirection = "none",
		flipAlignment = true,
		...detectOverflowOptions
		} = evaluate(options, state);
		if ((_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset) {
		return {};
		}
		const side = getSide(placement);
		const initialSideAxis = getSideAxis(initialPlacement);
		const isBasePlacement = getSide(initialPlacement) === initialPlacement;
		const rtl = await (platform2.isRTL == null ? void 0 : platform2.isRTL(elements.floating));
		const fallbackPlacements = specifiedFallbackPlacements \|\| (isBasePlacement \|\| !flipAlignment ? [getOppositePlacement(initialPlacement)] : getExpandedPlacements(initialPlacement));
		const hasFallbackAxisSideDirection = fallbackAxisSideDirection !== "none";
		if (!specifiedFallbackPlacements && hasFallbackAxisSideDirection) {
		fallbackPlacements.push(...getOppositeAxisPlacements(initialPlacement, flipAlignment, fallbackAxisSideDirection, rtl));
		}
		const placements2 = [initialPlacement, ...fallbackPlacements];
		const overflow = await platform2.detectOverflow(state, detectOverflowOptions);
		const overflows = [];
		let overflowsData = ((_middlewareData$flip = middlewareData.flip) == null ? void 0 : _middlewareData$flip.overflows) \|\| [];
		if (checkMainAxis) {
		overflows.push(overflow[side]);
		}
		if (checkCrossAxis) {
		const sides2 = getAlignmentSides(placement, rects, rtl);
		overflows.push(overflow[sides2[0]], overflow[sides2[1]]);
		}
		overflowsData = [...overflowsData, {
		placement,
		overflows
		}];
		if (!overflows.every((side2) => side2 <= 0)) {
		var _middlewareData$flip2, _overflowsData$filter;
		const nextIndex = (((_middlewareData$flip2 = middlewareData.flip) == null ? void 0 : _middlewareData$flip2.index) \|\| 0) + 1;
		const nextPlacement = placements2[nextIndex];
		if (nextPlacement) {
		const ignoreCrossAxisOverflow = checkCrossAxis === "alignment" ? initialSideAxis !== getSideAxis(nextPlacement) : false;
		if (!ignoreCrossAxisOverflow \|\| // We leave the current main axis only if every placement on that axis
		// overflows the main axis.
		overflowsData.every((d) => getSideAxis(d.placement) === initialSideAxis ? d.overflows[0] > 0 : true)) {
		return {
		data: {
		index: nextIndex,
		overflows: overflowsData
		},
		reset: {
		placement: nextPlacement
		}
		};
		}
		}
		let resetPlacement = (_overflowsData$filter = overflowsData.filter((d) => d.overflows[0] <= 0).sort((a, b) => a.overflows[1] - b.overflows[1])[0]) == null ? void 0 : _overflowsData$filter.placement;
		if (!resetPlacement) {
		switch (fallbackStrategy) {
		case "bestFit": {
		var _overflowsData$filter2;
		const placement2 = (_overflowsData$filter2 = overflowsData.filter((d) => {
		if (hasFallbackAxisSideDirection) {
		const currentSideAxis = getSideAxis(d.placement);
		return currentSideAxis === initialSideAxis \|\| // Create a bias to the `y` side axis due to horizontal
		// reading directions favoring greater width.
		currentSideAxis === "y";
		}
		return true;
		}).map((d) => [d.placement, d.overflows.filter((overflow2) => overflow2 > 0).reduce((acc, overflow2) => acc + overflow2, 0)]).sort((a, b) => a[1] - b[1])[0]) == null ? void 0 : _overflowsData$filter2[0];
		if (placement2) {
		resetPlacement = placement2;
		}
		break;
		}
		case "initialPlacement":
		resetPlacement = initialPlacement;
		break;
		}
		}
		if (placement !== resetPlacement) {
		return {
		reset: {
		placement: resetPlacement
		}
		};
		}
		}
		return {};
		}
		};
		};
		var originSides = /* @__PURE__ */ new Set(["left", "top"]);
		async function convertValueToCoords(state, options) {
		const {
		placement,
		platform: platform2,
		elements
		} = state;
		const rtl = await (platform2.isRTL == null ? void 0 : platform2.isRTL(elements.floating));
		const side = getSide(placement);
		const alignment = getAlignment(placement);
		const isVertical = getSideAxis(placement) === "y";
		const mainAxisMulti = originSides.has(side) ? -1 : 1;
		const crossAxisMulti = rtl && isVertical ? -1 : 1;
		const rawValue = evaluate(options, state);
		let {
		mainAxis,
		crossAxis,
		alignmentAxis
		} = typeof rawValue === "number" ? {
		mainAxis: rawValue,
		crossAxis: 0,
		alignmentAxis: null
		} : {
		mainAxis: rawValue.mainAxis \|\| 0,
		crossAxis: rawValue.crossAxis \|\| 0,
		alignmentAxis: rawValue.alignmentAxis
		};
		if (alignment && typeof alignmentAxis === "number") {
		crossAxis = alignment === "end" ? alignmentAxis * -1 : alignmentAxis;
		}
		return isVertical ? {
		x: crossAxis * crossAxisMulti,
		y: mainAxis * mainAxisMulti
		} : {
		x: mainAxis * mainAxisMulti,
		y: crossAxis * crossAxisMulti
		};
		}
		var offset = function(options) {
		if (options === void 0) {
		options = 0;
		}
		return {
		name: "offset",
		options,
		async fn(state) {
		var _middlewareData$offse, _middlewareData$arrow;
		const {
		x,
		y,
		placement,
		middlewareData
		} = state;
		const diffCoords = await convertValueToCoords(state, options);
		if (placement === ((_middlewareData$offse = middlewareData.offset) == null ? void 0 : _middlewareData$offse.placement) && (_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset) {
		return {};
		}
		return {
		x: x + diffCoords.x,
		y: y + diffCoords.y,
		data: {
		...diffCoords,
		placement
		}
		};
		}
		};
		};
		var shift = function(options) {
		if (options === void 0) {
		options = {};
		}
		return {
		name: "shift",
		options,
		async fn(state) {
		const {
		x,
		y,
		placement,
		platform: platform2
		} = state;
		const {
		mainAxis: checkMainAxis = true,
		crossAxis: checkCrossAxis = false,
		limiter = {
		fn: (_ref) => {
		let {
		x: x2,
		y: y2
		} = _ref;
		return {
		x: x2,
		y: y2
		};
		}
		},
		...detectOverflowOptions
		} = evaluate(options, state);
		const coords = {
		x,
		y
		};
		const overflow = await platform2.detectOverflow(state, detectOverflowOptions);
		const crossAxis = getSideAxis(placement);
		const mainAxis = getOppositeAxis(crossAxis);
		let mainAxisCoord = coords[mainAxis];
		let crossAxisCoord = coords[crossAxis];
		const clampCoord = (axis, coord) => clamp(coord + overflow[axis === "y" ? "top" : "left"], coord, coord - overflow[axis === "y" ? "bottom" : "right"]);
		if (checkMainAxis) {
		mainAxisCoord = clampCoord(mainAxis, mainAxisCoord);
		}
		if (checkCrossAxis) {
		crossAxisCoord = clampCoord(crossAxis, crossAxisCoord);
		}
		const limitedCoords = limiter.fn({
		...state,
		[mainAxis]: mainAxisCoord,
		[crossAxis]: crossAxisCoord
		});
		return {
		...limitedCoords,
		data: {
		x: limitedCoords.x - x,
		y: limitedCoords.y - y,
		enabled: {
		[mainAxis]: checkMainAxis,
		[crossAxis]: checkCrossAxis
		}
		}
		};
		}
		};
		};
		var size = function(options) {
		if (options === void 0) {
		options = {};
		}
		return {
		name: "size",
		options,
		async fn(state) {
		const {
		placement,
		rects,
		platform: platform2,
		elements
		} = state;
		const {
		apply = () => {
		},
		...detectOverflowOptions
		} = evaluate(options, state);
		const overflow = await platform2.detectOverflow(state, detectOverflowOptions);
		const side = getSide(placement);
		const alignment = getAlignment(placement);
		const isYAxis = getSideAxis(placement) === "y";
		const {
		width,
		height
		} = rects.floating;
		let heightSide;
		let widthSide;
		if (side === "top" \|\| side === "bottom") {
		heightSide = side;
		widthSide = alignment === (await (platform2.isRTL == null ? void 0 : platform2.isRTL(elements.floating)) ? "start" : "end") ? "left" : "right";
		} else {
		widthSide = side;
		heightSide = alignment === "end" ? "top" : "bottom";
		}
		const maximumClippingHeight = height - overflow.top - overflow.bottom;
		const maximumClippingWidth = width - overflow.left - overflow.right;
		const overflowAvailableHeight = min(height - overflow[heightSide], maximumClippingHeight);
		const overflowAvailableWidth = min(width - overflow[widthSide], maximumClippingWidth);
		const shiftData = state.middlewareData.shift;
		const noShift = !shiftData;
		let availableHeight = overflowAvailableHeight;
		let availableWidth = overflowAvailableWidth;
		if (shiftData != null && shiftData.enabled.x) {
		availableWidth = maximumClippingWidth;
		}
		if (shiftData != null && shiftData.enabled.y) {
		availableHeight = maximumClippingHeight;
		}
		if (noShift && !alignment) {
		if (isYAxis) {
		availableWidth = width - 2 * max(overflow.left, overflow.right);
		} else {
		availableHeight = height - 2 * max(overflow.top, overflow.bottom);
		}
		}
		await apply({
		...state,
		availableWidth,
		availableHeight
		});
		const nextDimensions = await platform2.getDimensions(elements.floating);
		if (width !== nextDimensions.width \|\| height !== nextDimensions.height) {
		return {
		reset: {
		rects: true
		}
		};
		}
		return {};
		}
		};
		};

		// node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.mjs
		function hasWindow() {
		return typeof window !== "undefined";
		}
		function getNodeName(node) {
		if (isNode(node)) {
		return (node.nodeName \|\| "").toLowerCase();
		}
		return "#document";
		}
		function getWindow(node) {
		var _node$ownerDocument;
		return (node == null \|\| (_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) \|\| window;
		}
		function getDocumentElement(node) {
		var _ref;
		return (_ref = (isNode(node) ? node.ownerDocument : node.document) \|\| window.document) == null ? void 0 : _ref.documentElement;
		}
		function isNode(value) {
		if (!hasWindow()) {
		return false;
		}
		return value instanceof Node \|\| value instanceof getWindow(value).Node;
		}
		function isElement(value) {
		if (!hasWindow()) {
		return false;
		}
		return value instanceof Element \|\| value instanceof getWindow(value).Element;
		}
		function isHTMLElement(value) {
		if (!hasWindow()) {
		return false;
		}
		return value instanceof HTMLElement \|\| value instanceof getWindow(value).HTMLElement;
		}
		function isShadowRoot(value) {
		if (!hasWindow() \|\| typeof ShadowRoot === "undefined") {
		return false;
		}
		return value instanceof ShadowRoot \|\| value instanceof getWindow(value).ShadowRoot;
		}
		function isOverflowElement(element) {
		const {
		overflow,
		overflowX,
		overflowY,
		display
		} = getComputedStyle2(element);
		return /auto\|scroll\|overlay\|hidden\|clip/.test(overflow + overflowY + overflowX) && display !== "inline" && display !== "contents";
		}
		function isTableElement(element) {
		return /^(table\|td\|th)$/.test(getNodeName(element));
		}
		function isTopLayer(element) {
		try {
		if (element.matches(":popover-open")) {
		return true;
		}
		} catch (_e) {
		}
		try {
		return element.matches(":modal");
		} catch (_e) {
		return false;
		}
		}
		var willChangeRe = /transform\|translate\|scale\|rotate\|perspective\|filter/;
		var containRe = /paint\|layout\|strict\|content/;
		var isNotNone = (value) => !!value && value !== "none";
		var isWebKitValue;
		function isContainingBlock(elementOrCss) {
		const css = isElement(elementOrCss) ? getComputedStyle2(elementOrCss) : elementOrCss;
		return isNotNone(css.transform) \|\| isNotNone(css.translate) \|\| isNotNone(css.scale) \|\| isNotNone(css.rotate) \|\| isNotNone(css.perspective) \|\| !isWebKit() && (isNotNone(css.backdropFilter) \|\| isNotNone(css.filter)) \|\| willChangeRe.test(css.willChange \|\| "") \|\| containRe.test(css.contain \|\| "");
		}
		function getContainingBlock(element) {
		let currentNode = getParentNode(element);
		while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {
		if (isContainingBlock(currentNode)) {
		return currentNode;
		} else if (isTopLayer(currentNode)) {
		return null;
		}
		currentNode = getParentNode(currentNode);
		}
		return null;
		}
		function isWebKit() {
		if (isWebKitValue == null) {
		isWebKitValue = typeof CSS !== "undefined" && CSS.supports && CSS.supports("-webkit-backdrop-filter", "none");
		}
		return isWebKitValue;
		}
		function isLastTraversableNode(node) {
		return /^(html\|body\|#document)$/.test(getNodeName(node));
		}
		function getComputedStyle2(element) {
		return getWindow(element).getComputedStyle(element);
		}
		function getNodeScroll(element) {
		if (isElement(element)) {
		return {
		scrollLeft: element.scrollLeft,
		scrollTop: element.scrollTop
		};
		}
		return {
		scrollLeft: element.scrollX,
		scrollTop: element.scrollY
		};
		}
		function getParentNode(node) {
		if (getNodeName(node) === "html") {
		return node;
		}
		const result = (
		// Step into the shadow DOM of the parent of a slotted node.
		node.assignedSlot \|\| // DOM Element detected.
		node.parentNode \|\| // ShadowRoot detected.
		isShadowRoot(node) && node.host \|\| // Fallback.
		getDocumentElement(node)
		);
		return isShadowRoot(result) ? result.host : result;
		}
		function getNearestOverflowAncestor(node) {
		const parentNode = getParentNode(node);
		if (isLastTraversableNode(parentNode)) {
		return (node.ownerDocument \|\| node).body;
		}
		if (isHTMLElement(parentNode) && isOverflowElement(parentNode)) {
		return parentNode;
		}
		return getNearestOverflowAncestor(parentNode);
		}
		function getOverflowAncestors(node, list, traverseIframes) {
		var _node$ownerDocument2;
		if (list === void 0) {
		list = [];
		}
		if (traverseIframes === void 0) {
		traverseIframes = true;
		}
		const scrollableAncestor = getNearestOverflowAncestor(node);
		const isBody = scrollableAncestor === ((_node$ownerDocument2 = node.ownerDocument) == null ? void 0 : _node$ownerDocument2.body);
		const win = getWindow(scrollableAncestor);
		if (isBody) {
		const frameElement = getFrameElement(win);
		return list.concat(win, win.visualViewport \|\| [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], frameElement && traverseIframes ? getOverflowAncestors(frameElement) : []);
		} else {
		return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, [], traverseIframes));
		}
		}
		function getFrameElement(win) {
		return win.parent && Object.getPrototypeOf(win.parent) ? win.frameElement : null;
		}

		// node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs
		function getCssDimensions(element) {
		const css = getComputedStyle2(element);
		let width = parseFloat(css.width) \|\| 0;
		let height = parseFloat(css.height) \|\| 0;
		const hasOffset = isHTMLElement(element);
		const offsetWidth = hasOffset ? element.offsetWidth : width;
		const offsetHeight = hasOffset ? element.offsetHeight : height;
		const shouldFallback = round(width) !== offsetWidth \|\| round(height) !== offsetHeight;
		if (shouldFallback) {
		width = offsetWidth;
		height = offsetHeight;
		}
		return {
		width,
		height,
		$: shouldFallback
		};
		}
		function unwrapElement(element) {
		return !isElement(element) ? element.contextElement : element;
		}
		function getScale(element) {
		const domElement = unwrapElement(element);
		if (!isHTMLElement(domElement)) {
		return createCoords(1);
		}
		const rect = domElement.getBoundingClientRect();
		const {
		width,
		height,
		$
		} = getCssDimensions(domElement);
		let x = ($ ? round(rect.width) : rect.width) / width;
		let y = ($ ? round(rect.height) : rect.height) / height;
		if (!x \|\| !Number.isFinite(x)) {
		x = 1;
		}
		if (!y \|\| !Number.isFinite(y)) {
		y = 1;
		}
		return {
		x,
		y
		};
		}
		var noOffsets = /* @__PURE__ */ createCoords(0);
		function getVisualOffsets(element) {
		const win = getWindow(element);
		if (!isWebKit() \|\| !win.visualViewport) {
		return noOffsets;
		}
		return {
		x: win.visualViewport.offsetLeft,
		y: win.visualViewport.offsetTop
		};
		}
		function shouldAddVisualOffsets(element, isFixed, floatingOffsetParent) {
		if (isFixed === void 0) {
		isFixed = false;
		}
		return !!floatingOffsetParent && isFixed && floatingOffsetParent === getWindow(element);
		}
		function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetParent) {
		if (includeScale === void 0) {
		includeScale = false;
		}
		if (isFixedStrategy === void 0) {
		isFixedStrategy = false;
		}
		const clientRect = element.getBoundingClientRect();
		const domElement = unwrapElement(element);
		let scale = createCoords(1);
		if (includeScale) {
		if (offsetParent) {
		if (isElement(offsetParent)) {
		scale = getScale(offsetParent);
		}
		} else {
		scale = getScale(element);
		}
		}
		const visualOffsets = shouldAddVisualOffsets(domElement, isFixedStrategy, offsetParent) ? getVisualOffsets(domElement) : createCoords(0);
		let x = (clientRect.left + visualOffsets.x) / scale.x;
		let y = (clientRect.top + visualOffsets.y) / scale.y;
		let width = clientRect.width / scale.x;
		let height = clientRect.height / scale.y;
		if (domElement && offsetParent) {
		const win = getWindow(domElement);
		const offsetWin = isElement(offsetParent) ? getWindow(offsetParent) : offsetParent;
		let currentWin = win;
		let currentIFrame = getFrameElement(currentWin);
		while (currentIFrame && offsetWin !== currentWin) {
		const iframeScale = getScale(currentIFrame);
		const iframeRect = currentIFrame.getBoundingClientRect();
		const css = getComputedStyle2(currentIFrame);
		const left = iframeRect.left + (currentIFrame.clientLeft + parseFloat(css.paddingLeft)) * iframeScale.x;
		const top = iframeRect.top + (currentIFrame.clientTop + parseFloat(css.paddingTop)) * iframeScale.y;
		x *= iframeScale.x;
		y *= iframeScale.y;
		width *= iframeScale.x;
		height *= iframeScale.y;
		x += left;
		y += top;
		currentWin = getWindow(currentIFrame);
		currentIFrame = getFrameElement(currentWin);
		}
		}
		return rectToClientRect({
		width,
		height,
		x,
		y
		});
		}
		function getWindowScrollBarX(element, rect) {
		const leftScroll = getNodeScroll(element).scrollLeft;
		if (!rect) {
		return getBoundingClientRect(getDocumentElement(element)).left + leftScroll;
		}
		return rect.left + leftScroll;
		}
		function getHTMLOffset(documentElement, scroll) {
		const htmlRect = documentElement.getBoundingClientRect();
		const x = htmlRect.left + scroll.scrollLeft - getWindowScrollBarX(documentElement, htmlRect);
		const y = htmlRect.top + scroll.scrollTop;
		return {
		x,
		y
		};
		}
		function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
		let {
		elements,
		rect,
		offsetParent,
		strategy
		} = _ref;
		const isFixed = strategy === "fixed";
		const documentElement = getDocumentElement(offsetParent);
		const topLayer = elements ? isTopLayer(elements.floating) : false;
		if (offsetParent === documentElement \|\| topLayer && isFixed) {
		return rect;
		}
		let scroll = {
		scrollLeft: 0,
		scrollTop: 0
		};
		let scale = createCoords(1);
		const offsets = createCoords(0);
		const isOffsetParentAnElement = isHTMLElement(offsetParent);
		if (isOffsetParentAnElement \|\| !isFixed) {
		if (getNodeName(offsetParent) !== "body" \|\| isOverflowElement(documentElement)) {
		scroll = getNodeScroll(offsetParent);
		}
		if (isOffsetParentAnElement) {
		const offsetRect = getBoundingClientRect(offsetParent);
		scale = getScale(offsetParent);
		offsets.x = offsetRect.x + offsetParent.clientLeft;
		offsets.y = offsetRect.y + offsetParent.clientTop;
		}
		}
		const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);
		return {
		width: rect.width * scale.x,
		height: rect.height * scale.y,
		x: rect.x * scale.x - scroll.scrollLeft * scale.x + offsets.x + htmlOffset.x,
		y: rect.y * scale.y - scroll.scrollTop * scale.y + offsets.y + htmlOffset.y
		};
		}
		function getClientRects(element) {
		return element.getClientRects ? Array.from(element.getClientRects()) : [];
		}
		function getDocumentRect(html) {
		const scroll = getNodeScroll(html);
		const body = html.ownerDocument.body;
		const width = max(html.scrollWidth, html.clientWidth, body.scrollWidth, body.clientWidth);
		const height = max(html.scrollHeight, html.clientHeight, body.scrollHeight, body.clientHeight);
		let x = -scroll.scrollLeft + getWindowScrollBarX(html);
		const y = -scroll.scrollTop;
		if (getComputedStyle2(body).direction === "rtl") {
		x += max(html.clientWidth, body.clientWidth) - width;
		}
		return {
		width,
		height,
		x,
		y
		};
		}
		var SCROLLBAR_MAX = 25;
		function getViewportRect(element, strategy, rootBoundary) {
		if (rootBoundary === void 0) {
		rootBoundary = "viewport";
		}
		const isLayoutViewport = rootBoundary === "layoutViewport";
		const win = getWindow(element);
		const html = getDocumentElement(element);
		const visualViewport = win.visualViewport;
		let width = html.clientWidth;
		let height = html.clientHeight;
		let x = 0;
		let y = 0;
		if (visualViewport) {
		const layoutRelativeClientCoords = !isWebKit() \|\| strategy === "fixed";
		if (isLayoutViewport) {
		if (!layoutRelativeClientCoords) {
		x = -visualViewport.offsetLeft;
		y = -visualViewport.offsetTop;
		}
		} else {
		width = visualViewport.width;
		height = visualViewport.height;
		if (layoutRelativeClientCoords) {
		x = visualViewport.offsetLeft;
		y = visualViewport.offsetTop;
		}
		}
		}
		const windowScrollbarX = getWindowScrollBarX(html);
		if (windowScrollbarX <= 0) {
		const doc = html.ownerDocument;
		const body = doc.body;
		const bodyStyles = getComputedStyle(body);
		const bodyMarginInline = doc.compatMode === "CSS1Compat" ? parseFloat(bodyStyles.marginLeft) + parseFloat(bodyStyles.marginRight) \|\| 0 : 0;
		const reservedWidth = Math.abs(html.clientWidth - body.clientWidth - bodyMarginInline);
		const gutter = getComputedStyle(html).scrollbarGutter === "stable both-edges" ? reservedWidth / 2 : reservedWidth;
		if (gutter <= SCROLLBAR_MAX) {
		width -= gutter;
		}
		}
		return {
		width,
		height,
		x,
		y
		};
		}
		function getInnerBoundingClientRect(element, strategy) {
		const clientRect = getBoundingClientRect(element, true, strategy === "fixed");
		const top = clientRect.top + element.clientTop;
		const left = clientRect.left + element.clientLeft;
		const scale = getScale(element);
		const width = element.clientWidth * scale.x;
		const height = element.clientHeight * scale.y;
		const x = left * scale.x;
		const y = top * scale.y;
		return {
		width,
		height,
		x,
		y
		};
		}
		function getClientRectFromClippingAncestor(element, clippingAncestor, strategy) {
		let rect;
		if (clippingAncestor === "viewport" \|\| clippingAncestor === "layoutViewport") {
		rect = getViewportRect(element, strategy, clippingAncestor);
		} else if (clippingAncestor === "document") {
		rect = getDocumentRect(getDocumentElement(element));
		} else if (isElement(clippingAncestor)) {
		rect = getInnerBoundingClientRect(clippingAncestor, strategy);
		} else {
		const visualOffsets = getVisualOffsets(element);
		rect = {
		x: clippingAncestor.x - visualOffsets.x,
		y: clippingAncestor.y - visualOffsets.y,
		width: clippingAncestor.width,
		height: clippingAncestor.height
		};
		}
		return rectToClientRect(rect);
		}
		function getClippingElementAncestors(element, cache) {
		const cachedResult = cache.get(element);
		if (cachedResult) {
		return cachedResult;
		}
		let result = getOverflowAncestors(element, [], false).filter((el) => isElement(el) && getNodeName(el) !== "body");
		let lastKeptComputedStyle = null;
		const elementIsFixed = getComputedStyle2(element).position === "fixed";
		let currentNode = elementIsFixed ? getParentNode(element) : element;
		while (isElement(currentNode) && !isLastTraversableNode(currentNode)) {
		const computedStyle = getComputedStyle2(currentNode);
		const currentNodeIsContaining = isContainingBlock(currentNode);
		const lastPosition = lastKeptComputedStyle ? lastKeptComputedStyle.position : elementIsFixed ? "fixed" : "";
		const shouldDropCurrentNode = !currentNodeIsContaining && (lastPosition === "fixed" \|\| lastPosition === "absolute" && computedStyle.position === "static");
		if (shouldDropCurrentNode) {
		result = result.filter((ancestor) => ancestor !== currentNode);
		} else {
		lastKeptComputedStyle = computedStyle;
		}
		currentNode = getParentNode(currentNode);
		}
		cache.set(element, result);
		return result;
		}
		function getClippingRect(_ref) {
		let {
		element,
		boundary,
		rootBoundary,
		strategy
		} = _ref;
		const elementClippingAncestors = boundary === "clippingAncestors" ? isTopLayer(element) ? [] : getClippingElementAncestors(element, this._c) : [].concat(boundary);
		const clippingAncestors = [...elementClippingAncestors, rootBoundary];
		const firstRect = getClientRectFromClippingAncestor(element, clippingAncestors[0], strategy);
		let top = firstRect.top;
		let right = firstRect.right;
		let bottom = firstRect.bottom;
		let left = firstRect.left;
		for (let i = 1; i < clippingAncestors.length; i++) {
		const rect = getClientRectFromClippingAncestor(element, clippingAncestors[i], strategy);
		top = max(rect.top, top);
		right = min(rect.right, right);
		bottom = min(rect.bottom, bottom);
		left = max(rect.left, left);
		}
		return {
		width: right - left,
		height: bottom - top,
		x: left,
		y: top
		};
		}
		function getDimensions(element) {
		const {
		width,
		height
		} = getCssDimensions(element);
		return {
		width,
		height
		};
		}
		function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
		const isOffsetParentAnElement = isHTMLElement(offsetParent);
		const documentElement = getDocumentElement(offsetParent);
		const isFixed = strategy === "fixed";
		const rect = getBoundingClientRect(element, true, isFixed, offsetParent);
		let scroll = {
		scrollLeft: 0,
		scrollTop: 0
		};
		const offsets = createCoords(0);
		if (isOffsetParentAnElement \|\| !isFixed) {
		if (getNodeName(offsetParent) !== "body" \|\| isOverflowElement(documentElement)) {
		scroll = getNodeScroll(offsetParent);
		}
		if (isOffsetParentAnElement) {
		const offsetRect = getBoundingClientRect(offsetParent, true, isFixed, offsetParent);
		offsets.x = offsetRect.x + offsetParent.clientLeft;
		offsets.y = offsetRect.y + offsetParent.clientTop;
		}
		}
		if (!isOffsetParentAnElement && documentElement) {
		offsets.x = getWindowScrollBarX(documentElement);
		}
		const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);
		const x = rect.left + scroll.scrollLeft - offsets.x - htmlOffset.x;
		const y = rect.top + scroll.scrollTop - offsets.y - htmlOffset.y;
		return {
		x,
		y,
		width: rect.width,
		height: rect.height
		};
		}
		function isStaticPositioned(element) {
		return getComputedStyle2(element).position === "static";
		}
		function getTrueOffsetParent(element, polyfill) {
		if (!isHTMLElement(element) \|\| getComputedStyle2(element).position === "fixed") {
		return null;
		}
		if (polyfill) {
		return polyfill(element);
		}
		let rawOffsetParent = element.offsetParent;
		if (getDocumentElement(element) === rawOffsetParent) {
		rawOffsetParent = rawOffsetParent.ownerDocument.body;
		}
		return rawOffsetParent;
		}
		function getOffsetParent(element, polyfill) {
		const win = getWindow(element);
		if (isTopLayer(element)) {
		return win;
		}
		if (!isHTMLElement(element)) {
		let svgOffsetParent = getParentNode(element);
		while (svgOffsetParent && !isLastTraversableNode(svgOffsetParent)) {
		if (isElement(svgOffsetParent) && !isStaticPositioned(svgOffsetParent)) {
		return svgOffsetParent;
		}
		svgOffsetParent = getParentNode(svgOffsetParent);
		}
		return win;
		}
		let offsetParent = getTrueOffsetParent(element, polyfill);
		while (offsetParent && isTableElement(offsetParent) && isStaticPositioned(offsetParent)) {
		offsetParent = getTrueOffsetParent(offsetParent, polyfill);
		}
		if (offsetParent && isLastTraversableNode(offsetParent) && isStaticPositioned(offsetParent) && !isContainingBlock(offsetParent)) {
		return win;
		}
		return offsetParent \|\| getContainingBlock(element) \|\| win;
		}
		var getElementRects = async function(data) {
		const getOffsetParentFn = this.getOffsetParent \|\| getOffsetParent;
		const getDimensionsFn = this.getDimensions;
		const floatingDimensions = await getDimensionsFn(data.floating);
		return {
		reference: getRectRelativeToOffsetParent(data.reference, await getOffsetParentFn(data.floating), data.strategy),
		floating: {
		x: 0,
		y: 0,
		width: floatingDimensions.width,
		height: floatingDimensions.height
		}
		};
		};
		function isRTL(element) {
		return getComputedStyle2(element).direction === "rtl";
		}
		var platform = {
		convertOffsetParentRelativeRectToViewportRelativeRect,
		getDocumentElement,
		getClippingRect,
		getOffsetParent,
		getElementRects,
		getClientRects,
		getDimensions,
		getScale,
		isElement,
		isRTL
		};
		function rectsAreEqual(a, b) {
		return a.x === b.x && a.y === b.y && a.width === b.width && a.height === b.height;
		}
		function observeMove(element, onMove, ancestorResize) {
		let io = null;
		let timeoutId;
		const root = getDocumentElement(element);
		function cleanup() {
		var _io;
		clearTimeout(timeoutId);
		(_io = io) == null \|\| _io.disconnect();
		io = null;
		}
		function refresh(skip, threshold) {
		if (skip === void 0) {
		skip = false;
		}
		if (threshold === void 0) {
		threshold = 1;
		}
		cleanup();
		const elementRectForRootMargin = element.getBoundingClientRect();
		const {
		left,
		top,
		width,
		height
		} = elementRectForRootMargin;
		if (!skip) {
		onMove();
		}
		if (!width \|\| !height) {
		return;
		}
		const insetTop = floor(top);
		const insetRight = floor(root.clientWidth - (left + width));
		const insetBottom = floor(root.clientHeight - (top + height));
		const insetLeft = floor(left);
		const rootMargin = -insetTop + "px " + -insetRight + "px " + -insetBottom + "px " + -insetLeft + "px";
		const options = {
		rootMargin,
		threshold: max(0, min(1, threshold)) \|\| 1
		};
		let isFirstUpdate = true;
		function handleObserve(entries) {
		const ratio = entries[0].intersectionRatio;
		if (!rectsAreEqual(elementRectForRootMargin, element.getBoundingClientRect())) {
		return refresh();
		}
		if (ratio !== threshold) {
		if (!isFirstUpdate) {
		return refresh();
		}
		if (!ratio) {
		timeoutId = setTimeout(() => {
		refresh(false, 1e-7);
		}, 1e3);
		} else {
		refresh(false, ratio);
		}
		}
		isFirstUpdate = false;
		}
		try {
		io = new IntersectionObserver(handleObserve, {
		...options,
		// Handle <iframe>s
		root: root.ownerDocument
		});
		} catch (_e) {
		io = new IntersectionObserver(handleObserve, options);
		}
		io.observe(element);
		}
		const win = getWindow(element);
		const handleResize = () => refresh(ancestorResize);
		win.addEventListener("resize", handleResize);
		refresh(true);
		return () => {
		win.removeEventListener("resize", handleResize);
		cleanup();
		};
		}
		function autoUpdate(reference, floating, update, options) {
		if (options === void 0) {
		options = {};
		}
		const {
		ancestorScroll = true,
		ancestorResize = true,
		elementResize = typeof ResizeObserver === "function",
		layoutShift = typeof IntersectionObserver === "function",
		animationFrame = false
		} = options;
		const referenceEl = unwrapElement(reference);
		const ancestors = ancestorScroll \|\| ancestorResize ? [...referenceEl ? getOverflowAncestors(referenceEl) : [], ...floating ? getOverflowAncestors(floating) : []] : [];
		ancestors.forEach((ancestor) => {
		ancestorScroll && ancestor.addEventListener("scroll", update);
		ancestorResize && ancestor.addEventListener("resize", update);
		});
		const cleanupIo = referenceEl && layoutShift ? observeMove(referenceEl, update, ancestorResize) : null;
		let reobserveFrame = -1;
		let resizeObserver = null;
		if (elementResize) {
		resizeObserver = new ResizeObserver((_ref) => {
		let [firstEntry] = _ref;
		if (firstEntry && firstEntry.target === referenceEl && resizeObserver && floating) {
		resizeObserver.unobserve(floating);
		cancelAnimationFrame(reobserveFrame);
		reobserveFrame = requestAnimationFrame(() => {
		var _resizeObserver;
		(_resizeObserver = resizeObserver) == null \|\| _resizeObserver.observe(floating);
		});
		}
		update();
		});
		if (referenceEl && !animationFrame) {
		resizeObserver.observe(referenceEl);
		}
		if (floating) {
		resizeObserver.observe(floating);
		}
		}
		let frameId;
		let prevRefRect = animationFrame ? getBoundingClientRect(reference) : null;
		if (animationFrame) {
		frameLoop();
		}
		function frameLoop() {
		const nextRefRect = getBoundingClientRect(reference);
		if (prevRefRect && !rectsAreEqual(prevRefRect, nextRefRect)) {
		update();
		}
		prevRefRect = nextRefRect;
		frameId = requestAnimationFrame(frameLoop);
		}
		update();
		return () => {
		var _resizeObserver2;
		ancestors.forEach((ancestor) => {
		ancestorScroll && ancestor.removeEventListener("scroll", update);
		ancestorResize && ancestor.removeEventListener("resize", update);
		});
		cleanupIo == null \|\| cleanupIo();
		(_resizeObserver2 = resizeObserver) == null \|\| _resizeObserver2.disconnect();
		resizeObserver = null;
		if (animationFrame) {
		cancelAnimationFrame(frameId);
		}
		};
		}
		var offset2 = offset;
		var shift2 = shift;
		var flip2 = flip;
		var size2 = size;
		var computePosition2 = (reference, floating, options) => {
		const cache = /* @__PURE__ */ new Map();
		const mergedOptions = options != null ? options : {};
		const platformWithCache = {
		...platform,
		...mergedOptions.platform,
		_c: cache
		};
		return computePosition(reference, floating, {
		...mergedOptions,
		platform: platformWithCache
		});
		};
		var isClient = typeof document !== "undefined";
		var noop = function noop2() {
		};
		var index = isClient ? useLayoutEffect : noop;
		function deepEqual(a, b) {
		if (a === b) {
		return true;
		}
		if (typeof a !== typeof b) {
		return false;
		}
		if (typeof a === "function" && a.toString() === b.toString()) {
		return true;
		}
		let length;
		let i;
		let keys;
		if (a && b && typeof a === "object") {
		if (Array.isArray(a)) {
		length = a.length;
		if (length !== b.length) return false;
		for (i = length; i-- !== 0; ) {
		if (!deepEqual(a[i], b[i])) {
		return false;
		}
		}
		return true;
		}
		keys = Object.keys(a);
		length = keys.length;
		if (length !== Object.keys(b).length) {
		return false;
		}
		for (i = length; i-- !== 0; ) {
		if (!{}.hasOwnProperty.call(b, keys[i])) {
		return false;
		}
		}
		for (i = length; i-- !== 0; ) {
		const key = keys[i];
		if (key === "_owner" && a.$$typeof) {
		continue;
		}
		if (!deepEqual(a[key], b[key])) {
		return false;
		}
		}
		return true;
		}
		return a !== a && b !== b;
		}
		function getDPR(element) {
		if (typeof window === "undefined") {
		return 1;
		}
		const win = element.ownerDocument.defaultView \|\| window;
		return win.devicePixelRatio \|\| 1;
		}
		function roundByDPR(element, value) {
		const dpr = getDPR(element);
		return Math.round(value * dpr) / dpr;
		}
		function useLatestRef(value) {
		const ref = React.useRef(value);
		index(() => {
		ref.current = value;
		});
		return ref;
		}
		function useFloating(options) {
		if (options === void 0) {
		options = {};
		}
		const {
		placement = "bottom",
		strategy = "absolute",
		middleware = [],
		platform: platform2,
		elements: {
		reference: externalReference,
		floating: externalFloating
		} = {},
		transform = true,
		whileElementsMounted,
		open
		} = options;
		const [data, setData] = React.useState({
		x: 0,
		y: 0,
		strategy,
		placement,
		middlewareData: {},
		isPositioned: false
		});
		const [latestMiddleware, setLatestMiddleware] = React.useState(middleware);
		if (!deepEqual(latestMiddleware, middleware)) {
		setLatestMiddleware(middleware);
		}
		const [_reference, _setReference] = React.useState(null);
		const [_floating, _setFloating] = React.useState(null);
		const setReference = React.useCallback((node) => {
		if (node !== referenceRef.current) {
		referenceRef.current = node;
		_setReference(node);
		}
		}, []);
		const setFloating = React.useCallback((node) => {
		if (node !== floatingRef.current) {
		floatingRef.current = node;
		_setFloating(node);
		}
		}, []);
		const referenceEl = externalReference \|\| _reference;
		const floatingEl = externalFloating \|\| _floating;
		const referenceRef = React.useRef(null);
		const floatingRef = React.useRef(null);
		const dataRef = React.useRef(data);
		const hasWhileElementsMounted = whileElementsMounted != null;
		const whileElementsMountedRef = useLatestRef(whileElementsMounted);
		const platformRef = useLatestRef(platform2);
		const openRef = useLatestRef(open);
		const update = React.useCallback(() => {
		if (!referenceRef.current \|\| !floatingRef.current) {
		return;
		}
		const config = {
		placement,
		strategy,
		middleware: latestMiddleware
		};
		if (platformRef.current) {
		config.platform = platformRef.current;
		}
		computePosition2(referenceRef.current, floatingRef.current, config).then((data2) => {
		const fullData = {
		...data2,
		// The floating element's position may be recomputed while it's closed
		// but still mounted (such as when transitioning out). To ensure
		// `isPositioned` will be `false` initially on the next open, avoid
		// setting it to `true` when `open === false` (must be specified).
		isPositioned: openRef.current !== false
		};
		if (isMountedRef.current && !deepEqual(dataRef.current, fullData)) {
		dataRef.current = fullData;
		ReactDOM.flushSync(() => {
		setData(fullData);
		});
		}
		});
		}, [latestMiddleware, placement, strategy, platformRef, openRef]);
		index(() => {
		if (open === false && dataRef.current.isPositioned) {
		dataRef.current.isPositioned = false;
		setData((data2) => ({
		...data2,
		isPositioned: false
		}));
		}
		}, [open]);
		const isMountedRef = React.useRef(false);
		index(() => {
		isMountedRef.current = true;
		return () => {
		isMountedRef.current = false;
		};
		}, []);
		index(() => {
		if (referenceEl) referenceRef.current = referenceEl;
		if (floatingEl) floatingRef.current = floatingEl;
		if (referenceEl && floatingEl) {
		if (whileElementsMountedRef.current) {
		return whileElementsMountedRef.current(referenceEl, floatingEl, update);
		}
		update();
		}
		}, [referenceEl, floatingEl, update, whileElementsMountedRef, hasWhileElementsMounted]);
		const refs = React.useMemo(() => ({
		reference: referenceRef,
		floating: floatingRef,
		setReference,
		setFloating
		}), [setReference, setFloating]);
		const elements = React.useMemo(() => ({
		reference: referenceEl,
		floating: floatingEl
		}), [referenceEl, floatingEl]);
		const floatingStyles = React.useMemo(() => {
		const initialStyles = {
		position: strategy,
		left: 0,
		top: 0
		};
		if (!elements.floating) {
		return initialStyles;
		}
		const x = roundByDPR(elements.floating, data.x);
		const y = roundByDPR(elements.floating, data.y);
		if (transform) {
		return {
		...initialStyles,
		transform: "translate(" + x + "px, " + y + "px)",
		...getDPR(elements.floating) >= 1.5 && {
		willChange: "transform"
		}
		};
		}
		return {
		position: strategy,
		left: x,
		top: y
		};
		}, [strategy, transform, elements.floating, data.x, data.y]);
		return React.useMemo(() => ({
		...data,
		update,
		refs,
		elements,
		floatingStyles
		}), [data, update, refs, elements, floatingStyles]);
		}
		var offset3 = (options, deps) => {
		const result = offset2(options);
		return {
		name: result.name,
		fn: result.fn,
		options: [options, deps]
		};
		};
		var shift3 = (options, deps) => {
		const result = shift2(options);
		return {
		name: result.name,
		fn: result.fn,
		options: [options, deps]
		};
		};
		var flip3 = (options, deps) => {
		const result = flip2(options);
		return {
		name: result.name,
		fn: result.fn,
		options: [options, deps]
		};
		};
		var size3 = (options, deps) => {
		const result = size2(options);
		return {
		name: result.name,
		fn: result.fn,
		options: [options, deps]
		};
		};
		function useDialogEscapeHatch(elementRef, enabled) {
		useLayoutEffect(() => {
		if (!enabled) return;
		const el = elementRef.current;
		if (!el) return;
		const stop = (e) => e.stopPropagation();
		el.addEventListener("pointerdown", stop);
		el.addEventListener("focusin", stop);
		const stopFocusOut = (e) => {
		if (e.relatedTarget instanceof Node && el.contains(e.relatedTarget)) {
		e.stopPropagation();
		}
		};
		document.addEventListener("focusout", stopFocusOut, { capture: true });
		return () => {
		el.removeEventListener("pointerdown", stop);
		el.removeEventListener("focusin", stop);
		document.removeEventListener("focusout", stopFocusOut, { capture: true });
		};
		}, [enabled, elementRef]);
		}
		function FloatingDropdownPortal({
		open,
		anchorRef,
		popoverRef,
		children,
		className,
		style,
		placementOptions,
		width = "anchor",
		id,
		role,
		"aria-label": ariaLabel
		}) {
		const gap = placementOptions?.offset ?? 4;
		const maxHeight = placementOptions?.maxHeight ?? 240;
		const { refs, floatingStyles, placement, isPositioned } = useFloating({
		open,
		strategy: "fixed",
		placement: "bottom-start",
		whileElementsMounted: autoUpdate,
		middleware: [
		offset3(gap),
		flip3({ padding: 8 }),
		shift3({ padding: 8 }),
		size3({
		padding: 8,
		apply({ rects, availableHeight, elements }) {
		elements.floating.style.width = width === "anchor" ? `${rects.reference.width}px` : `${width}px`;
		elements.floating.style.maxHeight = `${Math.min(maxHeight, availableHeight)}px`;
		}
		})
		]
		});
		useLayoutEffect(() => {
		refs.setReference(anchorRef.current);
		}, [refs, anchorRef, open]);
		const setFloatingRef = useMemo(
		() => mergeRefs(popoverRef, refs.setFloating),
		[popoverRef, refs]
		);
		const isOpen = open && isPositioned;
		useBypassModalScrollLock(popoverRef, isOpen);
		useDialogEscapeHatch(popoverRef, isOpen);
		if (!open \|\| typeof document === "undefined") return null;
		const side = placement.split("-")[0] === "top" ? "top" : "bottom";
		return createPortal(
		/* @__PURE__ */ jsx(
		"div",
		{
		ref: setFloatingRef,
		id,
		role,
		"aria-label": ariaLabel,
		"data-placement": side,
		className: cn("pointer-events-auto shadow-lg", className),
		style: {
		...floatingStyles,
		zIndex: 50,
		// Avoid a flash at (0,0) before the first measurement resolves. Uses
		// opacity rather than visibility: visibility:hidden makes descendants
		// unfocusable, which silently breaks callers (e.g. Combobox's
		// dropdown search input) that focus a child as soon as it mounts,
		// before `isPositioned` flips true.
		opacity: isPositioned ? 1 : 0,
		pointerEvents: isPositioned ? "auto" : "none",
		...style
		},
		children
		}
		),
		document.body
		);
		}
		function isOutsideFloatingDropdown(target, anchorRef, popoverRef) {
		if (anchorRef.current?.contains(target)) return false;
		if (popoverRef.current?.contains(target)) return false;
		return true;
		}

		export { FloatingDropdownPortal, isOutsideFloatingDropdown };
		//# sourceMappingURL=chunk-YUFSJ2LB.js.map
		//# sourceMappingURL=chunk-YUFSJ2LB.js.map

dist/chunk-YUFSJ2LB.js.map

Sorry, the diff of this file is too big to display

-27

dist/sidebar-nav.d.ts

		import * as react from 'react';
		import { ReactNode, HTMLAttributes } from 'react';

		interface SidebarNavItem {
		id: string;
		label: ReactNode;
		href?: string;
		active?: boolean;
		icon?: ReactNode;
		onSelect?: () => void;
		}
		interface SidebarNavGroup {
		label?: ReactNode;
		items: SidebarNavItem[];
		}
		interface SidebarNavProps extends HTMLAttributes<HTMLElement> {
		projectName: ReactNode;
		projectSubtitle?: ReactNode;
		homeHref?: string;
		groups?: SidebarNavGroup[];
		items?: SidebarNavItem[];
		onItemSelect?: (item: SidebarNavItem) => void;
		children?: ReactNode;
		}
		declare const SidebarNav: react.ForwardRefExoticComponent<SidebarNavProps & react.RefAttributes<HTMLElement>>;

		export { SidebarNav, type SidebarNavGroup, type SidebarNavItem, type SidebarNavProps };

-6

dist/sidebar-nav.js

		'use client';
		export { SidebarNav } from './chunk-32CKKNGD.js';
		import './chunk-KGFOWDPH.js';
		import './chunk-62DSK4IE.js';
		//# sourceMappingURL=sidebar-nav.js.map
		//# sourceMappingURL=sidebar-nav.js.map

-1

dist/sidebar-nav.js.map

{"version":3,"sources":[],"names":[],"mappings":"","file":"sidebar-nav.js"}

CHANGELOG.md

Sorry, the diff of this file is too big to display

COMPONENTS.md

Sorry, the diff of this file is too big to display

SKILL.md

Sorry, the diff of this file is too big to display

@tollerud/ui - npm Package Compare versions

Improved metrics

Worsened metrics

Dependency changes