@caffeinebounce/ui 0.62.2

package/dist/chunk-KRRIRS6A.mjs

@@ -0,0 +1,1945 @@
+import { Tabs, TabsList, TabsTrigger, TabsContent } from './chunk-GMBGWOCR.mjs';
+import { SidebarTrigger, Sidebar, SidebarHeader, SidebarContent, SidebarSeparator, SidebarGroup, SidebarGroupContent, SidebarMenu, SidebarMenuItem, SidebarMenuButton, SidebarGroupLabel, SidebarFooter, UserAvatarMenu, Avatar, AvatarImage, AvatarFallback, SidebarRail, useSidebar, SidebarProvider, SidebarInset, KeyboardShortcut } from './chunk-BFWX5GJZ.mjs';
+import { Spinner } from './chunk-HBLKVQIQ.mjs';
+import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem } from './chunk-OFQLWSUR.mjs';
+import { Tooltip, TooltipTrigger, TooltipContent } from './chunk-YKZEKJMZ.mjs';
+import { getAvatarGradient } from './chunk-MHZXUOGN.mjs';
+import { cn } from './chunk-IMKLN273.mjs';
+import { normalizeMicrosoftClarityProjectId, getMicrosoftClarityScriptUrl, normalizeGoogleTagManagerContainerId, getGoogleTagManagerScriptUrl, getGoogleTagManagerNoScriptUrl } from '@caffeinebounce/shared-utils';
+import * as React from 'react';
+import { useEffect, useState, useCallback, useMemo, useRef } from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { ArrowLeft, Monitor, Sun, Moon, CircleHelp, Info, LogOut, ChevronDown, ChevronUp, User, Home, ChevronRight, Search, X, History, Link2 as Link2$1, Loader2, Check, Clock, AlertCircle } from 'lucide-react';
+import Link2 from 'next/link';
+import { useTheme as useTheme$1 } from 'next-themes';
+import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+import { Toaster as Toaster$1 } from 'sonner';
+
+function ClarityAnalytics({
+  projectId,
+  enabled = true
+}) {
+  useEffect(() => {
+    if (!enabled) {
+      return;
+    }
+    const normalizedProjectId = normalizeMicrosoftClarityProjectId(projectId);
+    if (!normalizedProjectId) {
+      if (projectId?.trim()) {
+        console.warn(
+          `Invalid Microsoft Clarity project ID: ${projectId}. Expected letters, numbers, underscores, or dashes.`
+        );
+      }
+      return;
+    }
+    if (window.clarity) {
+      return;
+    }
+    const queuedClarity = (...args) => {
+      queuedClarity.q ??= [];
+      queuedClarity.q.push(args);
+    };
+    window.clarity = queuedClarity;
+    const script = document.createElement("script");
+    script.async = true;
+    script.src = getMicrosoftClarityScriptUrl(normalizedProjectId);
+    const firstScript = document.getElementsByTagName("script")[0];
+    if (firstScript?.parentNode) {
+      firstScript.parentNode.insertBefore(script, firstScript);
+    } else {
+      document.head.appendChild(script);
+    }
+  }, [enabled, projectId]);
+  return null;
+}
+function GoogleAnalytics({ measurementId }) {
+  useEffect(() => {
+    if (!measurementId) {
+      return;
+    }
+    if (!/^G-[A-Z0-9]+$/.test(measurementId)) {
+      console.warn(
+        `Invalid Google Analytics measurement ID: ${measurementId}. Expected format: G-XXXXXXXXXX`
+      );
+      return;
+    }
+    if (window.gtag) {
+      return;
+    }
+    window.dataLayer = window.dataLayer || [];
+    function gtag(...args) {
+      window.dataLayer?.push(args);
+    }
+    window.gtag = gtag;
+    const script = document.createElement("script");
+    script.async = true;
+    script.src = `https://www.googletagmanager.com/gtag/js?id=${measurementId}`;
+    script.onload = () => {
+      gtag("js", /* @__PURE__ */ new Date());
+      gtag("config", measurementId);
+    };
+    document.head.appendChild(script);
+  }, [measurementId]);
+  return null;
+}
+function GoogleTagManager({
+  containerId,
+  dataLayerName = "dataLayer",
+  enabled = true
+}) {
+  const normalizedContainerId = normalizeGoogleTagManagerContainerId(containerId);
+  useEffect(() => {
+    if (!enabled) {
+      return;
+    }
+    if (!normalizedContainerId) {
+      if (containerId?.trim()) {
+        console.warn(
+          `Invalid Google Tag Manager container ID: ${containerId}. Expected format: GTM-XXXXXXX`
+        );
+      }
+      return;
+    }
+    if (document.querySelector(
+      `[data-google-tag-manager="${normalizedContainerId}"]`
+    )) {
+      return;
+    }
+    const dataLayers = window;
+    dataLayers[dataLayerName] ??= [];
+    dataLayers[dataLayerName]?.push({
+      "gtm.start": Date.now(),
+      event: "gtm.js"
+    });
+    const script = document.createElement("script");
+    script.async = true;
+    script.dataset.googleTagManager = normalizedContainerId;
+    script.src = getGoogleTagManagerScriptUrl(
+      normalizedContainerId,
+      dataLayerName
+    );
+    const firstScript = document.getElementsByTagName("script")[0];
+    if (firstScript?.parentNode) {
+      firstScript.parentNode.insertBefore(script, firstScript);
+    } else {
+      document.head.appendChild(script);
+    }
+  }, [containerId, dataLayerName, enabled, normalizedContainerId]);
+  if (!enabled || !normalizedContainerId) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx("noscript", { children: /* @__PURE__ */ jsx(
+    "iframe",
+    {
+      height: "0",
+      src: getGoogleTagManagerNoScriptUrl(
+        normalizedContainerId,
+        dataLayerName
+      ),
+      style: { display: "none", visibility: "hidden" },
+      title: "Google Tag Manager",
+      width: "0"
+    }
+  ) });
+}
+var BackLink = React.forwardRef(
+  ({ href, children = "Back", className, ...props }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      Link2,
+      {
+        ref,
+        href,
+        className: cn(
+          "inline-flex items-center gap-1.5 text-sm text-muted-foreground hover:text-foreground transition-colors",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(ArrowLeft, { className: "size-4" }),
+          children
+        ]
+      }
+    );
+  }
+);
+BackLink.displayName = "BackLink";
+function PageLayoutShell({
+  title,
+  description,
+  actions,
+  children,
+  className,
+  contentClassName,
+  footer,
+  beforeHeader,
+  showHeader = Boolean(title || description || actions),
+  contentBaseClassName = "flex-1",
+  innerClassName
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-1 flex-col min-w-0 min-h-full", className), children: [
+    /* @__PURE__ */ jsxs("div", { className: cn("flex flex-1 flex-col gap-4 p-4", innerClassName), children: [
+      beforeHeader,
+      showHeader && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          title && /* @__PURE__ */ jsx("h1", { className: "text-2xl font-semibold", children: title }),
+          description && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: description })
+        ] }),
+        actions && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: actions })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: cn(contentBaseClassName, contentClassName), children })
+    ] }),
+    footer
+  ] });
+}
+function BasePageLayout({
+  title,
+  description,
+  actions,
+  children,
+  className,
+  contentClassName,
+  footer
+}) {
+  return /* @__PURE__ */ jsx(
+    PageLayoutShell,
+    {
+      title,
+      description,
+      actions,
+      className,
+      contentClassName,
+      footer,
+      children
+    }
+  );
+}
+function AdminPageLayout({
+  title,
+  description,
+  actions,
+  children,
+  className,
+  contentClassName,
+  footer,
+  backLink
+}) {
+  const showHeader = !backLink && Boolean(title || description || actions);
+  return /* @__PURE__ */ jsx(
+    PageLayoutShell,
+    {
+      title,
+      description,
+      actions,
+      className,
+      contentClassName,
+      footer,
+      showHeader,
+      beforeHeader: backLink ? /* @__PURE__ */ jsx(BackLink, { href: backLink.href, children: backLink.label }) : null,
+      contentBaseClassName: "flex-1 min-w-0",
+      innerClassName: "min-w-0",
+      children
+    }
+  );
+}
+function AppFooter({ children, className }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "sticky bottom-0 z-10 mt-auto border-t bg-background/95 px-4 py-1 backdrop-blur supports-[backdrop-filter]:bg-background/60",
+        className
+      ),
+      children
+    }
+  );
+}
+function getResolvedTheme(resolvedTheme) {
+  return resolvedTheme === "dark" ? "dark" : "light";
+}
+function getDocumentTheme() {
+  return document.documentElement.classList.contains("dark") ? "dark" : "light";
+}
+function prefersDarkMode() {
+  return typeof window !== "undefined" && typeof window.matchMedia === "function" && window.matchMedia("(prefers-color-scheme: dark)").matches;
+}
+function getCurrentSelection(includeSystem, theme, resolvedTheme) {
+  if (includeSystem && theme === "system") {
+    return "system";
+  }
+  return resolvedTheme;
+}
+function getNextThemeSelection(currentSelection, includeSystem) {
+  if (!includeSystem) {
+    return currentSelection === "dark" ? "light" : "dark";
+  }
+  if (currentSelection === "light") {
+    return "dark";
+  }
+  if (currentSelection === "dark") {
+    return "system";
+  }
+  return "light";
+}
+function getThemeToggleLabel(nextTheme) {
+  return `Switch theme to ${nextTheme}`;
+}
+function getThemeIcon(nextTheme) {
+  if (nextTheme === "light") {
+    return Sun;
+  }
+  if (nextTheme === "dark") {
+    return Moon;
+  }
+  return Monitor;
+}
+function useTheme() {
+  const { resolvedTheme } = useTheme$1();
+  if (typeof document !== "undefined") {
+    return document.documentElement.classList.contains("dark") ? "dark" : "light";
+  }
+  return resolvedTheme === "dark" ? "dark" : "light";
+}
+function matchesShortcut(event, shortcut) {
+  const ctrlMatch = shortcut.ctrl ? event.ctrlKey : !event.ctrlKey;
+  const shiftMatch = shortcut.shift ? event.shiftKey : !event.shiftKey;
+  const altMatch = shortcut.alt ? event.altKey : !event.altKey;
+  const metaMatch = shortcut.meta ? event.metaKey : !event.metaKey;
+  const keyMatch = event.key === shortcut.key;
+  return ctrlMatch && shiftMatch && altMatch && metaMatch && keyMatch;
+}
+function ThemeToggle({
+  includeSystem = false,
+  shortcut,
+  shortcutDisplay,
+  showShortcut = true,
+  shortcutsVisible,
+  tooltip,
+  className
+}) {
+  const { resolvedTheme, setTheme, theme } = useTheme$1();
+  const [mounted, setMounted] = useState(false);
+  const shouldShowShortcut = shortcutsVisible ?? showShortcut;
+  const renderedTheme = mounted && typeof document !== "undefined" ? getDocumentTheme() : getResolvedTheme(resolvedTheme);
+  const currentSelection = getCurrentSelection(
+    includeSystem,
+    theme,
+    renderedTheme
+  );
+  const nextTheme = getNextThemeSelection(currentSelection, includeSystem);
+  const ariaLabel = getThemeToggleLabel(nextTheme);
+  const Icon = getThemeIcon(nextTheme);
+  const toggleTheme = useCallback(() => {
+    setTheme(nextTheme);
+    if (typeof document !== "undefined") {
+      const nextIsDark = nextTheme === "dark" || nextTheme === "system" && prefersDarkMode();
+      document.documentElement.classList.toggle("dark", nextIsDark);
+      try {
+        localStorage.setItem("theme", nextTheme);
+      } catch {
+      }
+    }
+  }, [nextTheme, setTheme]);
+  useEffect(() => {
+    setMounted(true);
+  }, []);
+  useEffect(() => {
+    if (!shortcut) return;
+    const handleKeyDown = (e) => {
+      if (matchesShortcut(e, shortcut)) {
+        e.preventDefault();
+        toggleTheme();
+      }
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => window.removeEventListener("keydown", handleKeyDown);
+  }, [shortcut, toggleTheme]);
+  if (!mounted) {
+    if (includeSystem) {
+      return /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: `inline-flex h-8 w-8 items-center justify-center text-icon transition-colors ${className ?? ""}`,
+          "aria-label": "Toggle theme",
+          children: /* @__PURE__ */ jsx(Monitor, { className: "h-4 w-4" })
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: `inline-flex h-8 w-8 items-center justify-center text-icon transition-colors ${className ?? ""}`,
+        "aria-label": "Toggle theme",
+        children: /* @__PURE__ */ jsxs("div", { className: "relative h-4 w-4", children: [
+          /* @__PURE__ */ jsx(Sun, { className: "absolute inset-0 h-4 w-4 opacity-0 dark:opacity-100 transition-opacity duration-150" }),
+          /* @__PURE__ */ jsx(Moon, { className: "absolute inset-0 h-4 w-4 opacity-100 dark:opacity-0 transition-opacity duration-150" })
+        ] })
+      }
+    );
+  }
+  const tooltipContent = tooltip ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("span", { children: ariaLabel }),
+    shouldShowShortcut && shortcutDisplay && /* @__PURE__ */ jsx(KeyboardShortcut, { className: "ml-2 text-xs", children: shortcutDisplay })
+  ] });
+  return /* @__PURE__ */ jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: toggleTheme,
+        className: `group inline-flex h-8 w-8 items-center justify-center text-icon hover:text-icon-hover transition-colors ${className ?? ""}`,
+        "aria-label": ariaLabel,
+        children: /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4 transition-transform duration-150 group-hover:rotate-12" })
+      }
+    ) }),
+    /* @__PURE__ */ jsx(TooltipContent, { side: "bottom", children: tooltipContent })
+  ] });
+}
+function AppHeader({
+  showSidebarTrigger = true,
+  showThemeToggle = true,
+  themeToggleShortcut,
+  shortcutsVisible,
+  helpLink,
+  aboutLink,
+  actions,
+  leadingContent,
+  className,
+  LinkComponent = "a",
+  ShortcutComponent
+}) {
+  const Link3 = LinkComponent;
+  const helpConfig = helpLink ? typeof helpLink === "string" ? { href: helpLink, label: "Help", icon: CircleHelp, tooltip: "Get help" } : { icon: CircleHelp, tooltip: "Get help", ...helpLink } : null;
+  const aboutConfig = aboutLink ? typeof aboutLink === "string" ? { href: aboutLink, label: "About", icon: Info, tooltip: "About" } : { icon: Info, tooltip: "About", ...aboutLink } : null;
+  const renderLink = (config) => {
+    const Icon = config.icon;
+    const content = /* @__PURE__ */ jsxs(
+      Link3,
+      {
+        href: config.href,
+        className: "inline-flex h-8 w-8 items-center justify-center text-icon transition-colors hover:text-icon-hover",
+        children: [
+          Icon && /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4 transition-transform duration-300 hover:rotate-12" }),
+          /* @__PURE__ */ jsx("span", { className: "sr-only", children: config.label })
+        ]
+      }
+    );
+    if (config.tooltip || config.shortcutDisplay) {
+      return /* @__PURE__ */ jsxs(Tooltip, { children: [
+        /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: content }),
+        /* @__PURE__ */ jsxs(TooltipContent, { side: "bottom", children: [
+          /* @__PURE__ */ jsx("span", { children: config.tooltip || config.label }),
+          config.shortcutDisplay && ShortcutComponent && /* @__PURE__ */ jsx(ShortcutComponent, { className: "ml-2 text-[10px]", children: config.shortcutDisplay })
+        ] })
+      ] });
+    }
+    return content;
+  };
+  return /* @__PURE__ */ jsxs(
+    "header",
+    {
+      className: cn(
+        "sticky top-0 z-10 flex h-14 shrink-0 items-center gap-2 border-b bg-background px-4",
+        className
+      ),
+      children: [
+        showSidebarTrigger && /* @__PURE__ */ jsx(SidebarTrigger, { className: "-ml-1" }),
+        leadingContent,
+        /* @__PURE__ */ jsx("div", { className: "flex-1" }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          actions,
+          helpConfig && renderLink(helpConfig),
+          aboutConfig && renderLink(aboutConfig),
+          showThemeToggle && /* @__PURE__ */ jsx(
+            ThemeToggle,
+            {
+              shortcutDisplay: themeToggleShortcut,
+              shortcutsVisible
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+var Collapsible = CollapsiblePrimitive.Root;
+var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
+var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
+function isNavItem(element) {
+  return "label" in element && "href" in element && "icon" in element && !("type" in element);
+}
+function isNavSection(element) {
+  return "type" in element && element.type === "section";
+}
+function isNavDivider(element) {
+  return "type" in element && element.type === "divider";
+}
+function AppSidebar({
+  navItems,
+  pathname = "",
+  user,
+  userMenuItems = [],
+  userLoading = false,
+  header,
+  onSignOut,
+  signInHref = "/auth/signin",
+  profilePath = "/profile",
+  collapsible = "icon",
+  LinkComponent = "a",
+  ShortcutComponent,
+  userMenuShortcut,
+  onNavigate,
+  enableKeyboardShortcuts = true,
+  shortcutsVisible
+}) {
+  const Link3 = LinkComponent;
+  const [menuOpen, setMenuOpen] = useState(false);
+  const [suppressSectionTooltip, setSuppressSectionTooltip] = useState(null);
+  const isOnProfilePage = pathname === profilePath || pathname.startsWith(`${profilePath}/`);
+  const allMenuItems = useMemo(() => {
+    const items = [...userMenuItems];
+    if (onSignOut && !items.some((item) => item.label === "Sign Out")) {
+      items.push({
+        label: "Sign Out",
+        icon: LogOut,
+        onClick: onSignOut,
+        destructive: true,
+        separatorBefore: items.length > 0
+      });
+    }
+    return items;
+  }, [userMenuItems, onSignOut]);
+  const allNavItems = useMemo(() => {
+    const items = [];
+    for (const element of navItems) {
+      if (isNavItem(element)) {
+        items.push(element);
+      } else if (isNavSection(element)) {
+        items.push(...element.items);
+      }
+    }
+    return items;
+  }, [navItems]);
+  const processedNavGroups = useMemo(() => {
+    const groups = [];
+    let dividerCount = 0;
+    let i = 0;
+    while (i < navItems.length) {
+      const element = navItems[i];
+      if (isNavDivider(element)) {
+        groups.push({ type: "divider", key: `divider-${dividerCount++}` });
+        i++;
+      } else if (isNavSection(element)) {
+        groups.push({ type: "section", section: element });
+        i++;
+      } else if (isNavItem(element)) {
+        const plainItems = [element];
+        const startHref = element.href;
+        i++;
+        while (i < navItems.length && isNavItem(navItems[i])) {
+          plainItems.push(navItems[i]);
+          i++;
+        }
+        groups.push({
+          type: "plain-group",
+          items: plainItems,
+          key: `plain-group-${startHref}`
+        });
+      } else {
+        i++;
+      }
+    }
+    return groups;
+  }, [navItems]);
+  useEffect(() => {
+    if (!enableKeyboardShortcuts || !onNavigate) return;
+    const handleKeyDown = (e) => {
+      if (!e.ctrlKey || e.shiftKey || e.altKey || e.metaKey) return;
+      const matchingItem = allNavItems.find(
+        (item) => item.shortcutKey === e.key && !item.disabled
+      );
+      if (matchingItem) {
+        e.preventDefault();
+        onNavigate(matchingItem.href);
+      }
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => window.removeEventListener("keydown", handleKeyDown);
+  }, [enableKeyboardShortcuts, allNavItems, onNavigate]);
+  const activeHref = useMemo(() => {
+    if (!pathname || allNavItems.length === 0) return null;
+    const matches = allNavItems.filter((item) => {
+      if (item.href === "/" || item.href === "/dashboard" || item.href === "/finance") {
+        return pathname === item.href;
+      }
+      return pathname === item.href || pathname.startsWith(`${item.href}/`);
+    }).sort((a, b) => b.href.length - a.href.length);
+    return matches[0]?.href ?? null;
+  }, [pathname, allNavItems]);
+  const [sectionOpenState, setSectionOpenState] = useState({});
+  useEffect(() => {
+    setSectionOpenState((prev) => {
+      const nextState = {};
+      for (const group of processedNavGroups) {
+        if (group.type === "section" && group.section.collapsible) {
+          nextState[group.section.label] = prev[group.section.label] ?? group.section.defaultOpen === true;
+        }
+      }
+      const nextKeys = Object.keys(nextState);
+      const prevKeys = Object.keys(prev);
+      const hasChanged = nextKeys.length !== prevKeys.length || nextKeys.some((key) => prev[key] !== nextState[key]);
+      return hasChanged ? nextState : prev;
+    });
+  }, [processedNavGroups]);
+  const getIsActive = (item) => {
+    if (item.isActive !== void 0) return item.isActive;
+    if (!pathname) return false;
+    return activeHref === item.href;
+  };
+  const getIconAnimationClass = (animation) => {
+    switch (animation) {
+      case "rotate":
+        return "motion-safe:group-hover:rotate-90 motion-safe:transition-transform motion-safe:duration-150";
+      case "bounce":
+        return "motion-safe:group-hover:scale-110 motion-safe:transition-transform motion-safe:duration-150";
+      case "scale":
+        return "motion-safe:group-hover:scale-110 motion-safe:transition-transform motion-safe:duration-150";
+      case "none":
+        return "";
+      default:
+        return "motion-safe:group-hover:scale-110 motion-safe:transition-transform motion-safe:duration-150";
+    }
+  };
+  const renderNavItem = (item) => {
+    const isActive = getIsActive(item);
+    const Icon = item.icon;
+    const Shortcut = ShortcutComponent || KeyboardShortcut;
+    const iconAnimationClass = item.disabled ? "" : getIconAnimationClass(item.iconAnimation);
+    if (item.disabled) {
+      return /* @__PURE__ */ jsxs(Tooltip, { children: [
+        /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+          SidebarMenuButton,
+          {
+            className: "cursor-not-allowed opacity-40",
+            isActive: false,
+            "aria-disabled": "true",
+            tabIndex: 0,
+            children: [
+              /* @__PURE__ */ jsx(Icon, { className: "shrink-0" }),
+              /* @__PURE__ */ jsx("span", { children: item.label })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsx(TooltipContent, { side: "right", children: item.disabledTooltip || "Coming soon" })
+      ] });
+    }
+    return /* @__PURE__ */ jsx(
+      SidebarMenuButton,
+      {
+        asChild: true,
+        isActive,
+        className: "group",
+        tooltip: item.label,
+        children: /* @__PURE__ */ jsxs(Link3, { href: item.href, children: [
+          /* @__PURE__ */ jsx(Icon, { className: `shrink-0 ${iconAnimationClass}` }),
+          /* @__PURE__ */ jsx("span", { children: item.label }),
+          shortcutsVisible && item.shortcutDisplay && /* @__PURE__ */ jsx(Shortcut, { className: "ml-auto text-[10px] text-muted-foreground", children: item.shortcutDisplay })
+        ] })
+      }
+    );
+  };
+  return /* @__PURE__ */ jsxs(Sidebar, { collapsible, children: [
+    header && /* @__PURE__ */ jsx(SidebarHeader, { children: header }),
+    /* @__PURE__ */ jsx(SidebarContent, { children: processedNavGroups.map((group) => {
+      if (group.type === "divider") {
+        return /* @__PURE__ */ jsx(SidebarSeparator, { className: "my-2" }, group.key);
+      }
+      if (group.type === "section") {
+        const section = group.section;
+        if (section.visible === false) return null;
+        if (section.collapsible) {
+          const SectionIcon = section.icon ?? section.items[0]?.icon;
+          const sectionHref = section.items[0]?.href;
+          return /* @__PURE__ */ jsx(
+            Collapsible,
+            {
+              open: sectionOpenState[section.label] ?? section.defaultOpen === true,
+              onOpenChange: (open) => setSectionOpenState((prev) => ({
+                ...prev,
+                [section.label]: open
+              })),
+              className: "group/collapsible",
+              children: /* @__PURE__ */ jsxs(SidebarGroup, { children: [
+                SectionIcon && sectionHref && /* @__PURE__ */ jsx(SidebarGroupContent, { className: "hidden group-data-[collapsible=icon]:block", children: /* @__PURE__ */ jsx(SidebarMenu, { children: /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsxs(
+                  DropdownMenu,
+                  {
+                    onOpenChange: (open) => {
+                      setSuppressSectionTooltip(section.label);
+                      if (!open && document.activeElement instanceof HTMLElement) {
+                        document.activeElement.blur();
+                      }
+                    },
+                    children: [
+                      /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+                        SidebarMenuButton,
+                        {
+                          "aria-label": section.label,
+                          tooltip: suppressSectionTooltip === section.label ? void 0 : section.label,
+                          onMouseLeave: () => {
+                            setSuppressSectionTooltip(
+                              (prev) => prev === section.label ? null : prev
+                            );
+                          },
+                          className: "!bg-transparent !text-sidebar-foreground !hover:bg-transparent !hover:text-sidebar-foreground !active:bg-transparent !active:text-sidebar-foreground focus-visible:ring-0",
+                          children: [
+                            /* @__PURE__ */ jsx(SectionIcon, { className: "shrink-0" }),
+                            /* @__PURE__ */ jsx("span", { children: section.label })
+                          ]
+                        }
+                      ) }),
+                      /* @__PURE__ */ jsx(
+                        DropdownMenuContent,
+                        {
+                          side: "right",
+                          align: "start",
+                          className: "w-64",
+                          children: section.items.map((item) => {
+                            const ItemIcon = item.icon;
+                            return /* @__PURE__ */ jsx(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsxs(
+                              Link3,
+                              {
+                                href: item.href,
+                                className: "flex items-center gap-2",
+                                children: [
+                                  /* @__PURE__ */ jsx(ItemIcon, { className: "size-4" }),
+                                  /* @__PURE__ */ jsx("span", { children: item.label })
+                                ]
+                              }
+                            ) }, item.href);
+                          })
+                        }
+                      )
+                    ]
+                  }
+                ) }) }) }),
+                /* @__PURE__ */ jsxs("div", { className: "group-data-[collapsible=icon]:hidden", children: [
+                  /* @__PURE__ */ jsx(
+                    SidebarGroupLabel,
+                    {
+                      asChild: true,
+                      className: "text-xs font-medium uppercase tracking-wider text-sidebar-foreground",
+                      children: /* @__PURE__ */ jsxs(CollapsibleTrigger2, { className: "flex w-full items-center justify-between [&[data-state=open]>svg.chevron-icon]:rotate-180", children: [
+                        /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5", children: [
+                          SectionIcon && /* @__PURE__ */ jsx(SectionIcon, { className: "size-3.5 shrink-0" }),
+                          section.label
+                        ] }),
+                        /* @__PURE__ */ jsx(ChevronDown, { className: "chevron-icon ml-auto size-4 transition-transform duration-200" })
+                      ] })
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(CollapsibleContent2, { children: /* @__PURE__ */ jsx(SidebarGroupContent, { children: /* @__PURE__ */ jsx(SidebarMenu, { children: section.items.map((item) => /* @__PURE__ */ jsx(SidebarMenuItem, { children: renderNavItem(item) }, item.href)) }) }) })
+                ] })
+              ] })
+            },
+            `section-${section.label}`
+          );
+        }
+        return /* @__PURE__ */ jsxs(SidebarGroup, { children: [
+          /* @__PURE__ */ jsx(SidebarGroupLabel, { className: "text-xs font-medium uppercase tracking-wider text-sidebar-foreground", children: section.label }),
+          /* @__PURE__ */ jsx(SidebarGroupContent, { children: /* @__PURE__ */ jsx(SidebarMenu, { children: section.items.map((item) => /* @__PURE__ */ jsx(SidebarMenuItem, { children: renderNavItem(item) }, item.href)) }) })
+        ] }, `section-${section.label}`);
+      }
+      if (group.type === "plain-group") {
+        return /* @__PURE__ */ jsx(SidebarGroup, { children: /* @__PURE__ */ jsx(SidebarGroupContent, { children: /* @__PURE__ */ jsx(SidebarMenu, { children: group.items.map((item) => /* @__PURE__ */ jsx(SidebarMenuItem, { children: renderNavItem(item) }, item.href)) }) }) }, group.key);
+      }
+      return null;
+    }) }),
+    /* @__PURE__ */ jsx(SidebarFooter, { children: userLoading ? /* @__PURE__ */ jsx(SidebarMenu, { children: /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-2 py-1.5", children: [
+      /* @__PURE__ */ jsx(Spinner, { size: "sm" }),
+      /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: "Loading..." })
+    ] }) }) }) : user ? /* @__PURE__ */ jsx(SidebarMenu, { children: /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(
+      UserAvatarMenu,
+      {
+        user: {
+          id: user.id,
+          email: user.email ?? void 0,
+          avatarUrl: user.avatarUrl ?? void 0,
+          name: user.name || user.email || "User",
+          initials: user.initials || user.name?.[0]?.toUpperCase() || "U"
+        },
+        items: allMenuItems,
+        open: menuOpen,
+        onOpenChange: setMenuOpen,
+        side: "top",
+        align: "start",
+        menuWidth: "w-[calc(var(--sidebar-width)-1rem)]",
+        LinkComponent,
+        ShortcutComponent,
+        trigger: /* @__PURE__ */ jsxs(
+          SidebarMenuButton,
+          {
+            size: "lg",
+            className: `rounded-xl focus-visible:ring-0 ${menuOpen || isOnProfilePage ? "bg-sidebar-accent text-sidebar-accent-foreground" : ""}`,
+            children: [
+              /* @__PURE__ */ jsxs(Avatar, { className: "h-8 w-8 rounded-full", children: [
+                user.avatarUrl && /* @__PURE__ */ jsx(
+                  AvatarImage,
+                  {
+                    src: user.avatarUrl,
+                    alt: user.name || ""
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  AvatarFallback,
+                  {
+                    className: "rounded-full text-xs font-medium text-white",
+                    style: getAvatarGradient(user.id).style,
+                    children: user.initials || user.name?.[0]?.toUpperCase() || "U"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "grid flex-1 min-w-0 text-left text-sm leading-tight", children: [
+                /* @__PURE__ */ jsx("span", { className: "truncate font-semibold", children: user.name || "User" }),
+                /* @__PURE__ */ jsx("span", { className: "truncate text-xs text-muted-foreground", children: user.email })
+              ] }),
+              ShortcutComponent && userMenuShortcut && /* @__PURE__ */ jsx(ShortcutComponent, { className: "ml-auto hidden text-xs text-muted-foreground md:inline-flex", children: userMenuShortcut }),
+              /* @__PURE__ */ jsx(ChevronUp, { className: "ml-1 size-4" })
+            ]
+          }
+        )
+      }
+    ) }) }) : /* @__PURE__ */ jsx(SidebarMenu, { children: /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(SidebarMenuButton, { asChild: true, children: /* @__PURE__ */ jsxs(Link3, { href: signInHref, children: [
+      /* @__PURE__ */ jsx(User, {}),
+      /* @__PURE__ */ jsx("span", { children: "Sign In" })
+    ] }) }) }) }) }),
+    /* @__PURE__ */ jsx(SidebarRail, {})
+  ] });
+}
+function FloatingUserMenu({
+  user,
+  menuItems = [],
+  loading = false,
+  onSignOut,
+  pathname = "",
+  profilePath = "/profile",
+  LinkComponent = "a"
+}) {
+  const { isMobile } = useSidebar();
+  const [open, setOpen] = useState(false);
+  const isOnProfilePage = pathname === profilePath || pathname.startsWith(`${profilePath}/`);
+  const allMenuItems = useMemo(() => {
+    const items = [...menuItems];
+    if (onSignOut && !items.some((item) => item.label === "Sign Out")) {
+      items.push({
+        label: "Sign Out",
+        icon: LogOut,
+        onClick: onSignOut,
+        destructive: true,
+        separatorBefore: items.length > 0
+      });
+    }
+    return items;
+  }, [menuItems, onSignOut]);
+  if (!isMobile) return null;
+  if (loading) {
+    return /* @__PURE__ */ jsx("div", { className: "fixed bottom-2 left-2 z-50 flex h-8 w-8 items-center justify-center rounded-full bg-background shadow-md border", children: /* @__PURE__ */ jsx(Spinner, { size: "sm" }) });
+  }
+  if (!user) return null;
+  const displayName = user.name || user.email || "User";
+  const initials = user.initials || user.name?.[0]?.toUpperCase() || "U";
+  return /* @__PURE__ */ jsx("div", { className: "fixed bottom-2 left-2 z-50", children: /* @__PURE__ */ jsx(
+    UserAvatarMenu,
+    {
+      user: {
+        id: user.id,
+        email: user.email ?? void 0,
+        avatarUrl: user.avatarUrl ?? void 0,
+        name: displayName,
+        initials
+      },
+      items: allMenuItems,
+      open,
+      onOpenChange: setOpen,
+      side: "top",
+      align: "start",
+      isActive: isOnProfilePage,
+      showUserInfo: true,
+      LinkComponent,
+      trigger: /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          className: `flex h-8 w-8 items-center justify-center rounded-full shadow-md border bg-background transition-all hover:scale-105 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring ${open || isOnProfilePage ? "ring-2 ring-primary" : ""}`,
+          children: [
+            /* @__PURE__ */ jsxs(Avatar, { className: "h-8 w-8 rounded-full", children: [
+              user.avatarUrl && /* @__PURE__ */ jsx(AvatarImage, { src: user.avatarUrl, alt: displayName }),
+              /* @__PURE__ */ jsx(
+                AvatarFallback,
+                {
+                  className: "rounded-full text-xs font-medium text-white",
+                  style: getAvatarGradient(user.id).style,
+                  children: initials
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx("span", { className: "sr-only", children: "User menu" })
+          ]
+        }
+      )
+    }
+  ) });
+}
+function AppLayout({
+  children,
+  // Sidebar props
+  navItems = [],
+  sidebarHeader,
+  sidebar: customSidebar,
+  sidebarCollapsible = "icon",
+  // User props
+  user,
+  userLoading = false,
+  userMenuItems = [],
+  onSignOut,
+  signInHref,
+  pathname = "",
+  // Header props
+  showHeader = true,
+  showSidebarTrigger = true,
+  showThemeToggle = true,
+  themeToggleShortcut,
+  shortcutsVisible,
+  helpLink,
+  aboutLink,
+  headerActions,
+  headerLeading,
+  header: customHeader,
+  headerClassName,
+  // Floating user menu
+  showFloatingUserMenu = true,
+  // General props
+  className,
+  defaultOpen,
+  open,
+  onOpenChange,
+  LinkComponent,
+  ShortcutComponent,
+  userMenuShortcut,
+  onNavigate,
+  enableNavShortcuts = true
+}) {
+  const sidebarElement = customSidebar ?? /* @__PURE__ */ jsx(
+    AppSidebar,
+    {
+      navItems,
+      pathname,
+      user,
+      userMenuItems,
+      userLoading,
+      header: sidebarHeader,
+      onSignOut,
+      signInHref,
+      collapsible: sidebarCollapsible,
+      LinkComponent,
+      ShortcutComponent,
+      userMenuShortcut,
+      onNavigate,
+      enableKeyboardShortcuts: enableNavShortcuts,
+      shortcutsVisible
+    }
+  );
+  const headerElement = customHeader !== void 0 ? customHeader : showHeader ? /* @__PURE__ */ jsx(
+    AppHeader,
+    {
+      showSidebarTrigger,
+      showThemeToggle,
+      themeToggleShortcut,
+      shortcutsVisible,
+      helpLink,
+      aboutLink,
+      actions: headerActions,
+      leadingContent: headerLeading,
+      className: headerClassName,
+      LinkComponent,
+      ShortcutComponent
+    }
+  ) : null;
+  return /* @__PURE__ */ jsxs(
+    SidebarProvider,
+    {
+      defaultOpen,
+      open,
+      onOpenChange,
+      className: cn("h-dvh", className),
+      children: [
+        sidebarElement,
+        /* @__PURE__ */ jsxs(SidebarInset, { children: [
+          headerElement,
+          /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto overflow-x-hidden min-w-0", children })
+        ] }),
+        showFloatingUserMenu && /* @__PURE__ */ jsx(
+          FloatingUserMenu,
+          {
+            user,
+            menuItems: userMenuItems,
+            loading: userLoading,
+            onSignOut,
+            pathname,
+            LinkComponent
+          }
+        )
+      ]
+    }
+  );
+}
+function DashboardGrid({ children, className }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("flex flex-col gap-6", className), children });
+}
+function HelpLayout({
+  children,
+  panel,
+  isOpen,
+  className
+}) {
+  return (
+    // Inherits height from parent (h-full), handles horizontal layout only
+    // min-h-0 allows shrinking below content size for proper overflow handling
+    /* @__PURE__ */ jsxs("div", { className: cn("flex h-full min-h-0", className), children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "h-full min-h-0 min-w-0 flex-1 transition-all duration-200 ease-out",
+            isOpen && "sm:mr-100"
+          ),
+          children
+        }
+      ),
+      panel
+    ] })
+  );
+}
+function HelpPageLayout({
+  breadcrumbs = [],
+  title,
+  description,
+  children,
+  sidebar,
+  relatedContent,
+  className,
+  contentClassName,
+  homeHref = "/admin/help"
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex flex-1 flex-col gap-6 p-4 max-w-7xl w-full",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs(
+          "nav",
+          {
+            "aria-label": "Breadcrumb",
+            className: "flex items-center text-sm text-muted-foreground",
+            children: [
+              /* @__PURE__ */ jsxs(
+                Link2,
+                {
+                  href: homeHref,
+                  className: "flex items-center hover:text-foreground transition-colors",
+                  "data-prevent-help-intercept": "true",
+                  children: [
+                    /* @__PURE__ */ jsx(Home, { className: "size-4 mr-2" }),
+                    "Help Center"
+                  ]
+                }
+              ),
+              breadcrumbs.map((crumb, index) => /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
+                /* @__PURE__ */ jsx(ChevronRight, { className: "size-4 mx-2" }),
+                /* @__PURE__ */ jsx(
+                  Link2,
+                  {
+                    href: crumb.href,
+                    className: cn(
+                      "hover:text-foreground transition-colors",
+                      index === breadcrumbs.length - 1 && "text-foreground font-medium pointer-events-none"
+                    ),
+                    children: crumb.label
+                  }
+                )
+              ] }, crumb.href))
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col lg:flex-row gap-8 lg:gap-12", children: [
+          sidebar && /* @__PURE__ */ jsx("aside", { className: "w-full lg:w-64 shrink-0 hidden lg:block", children: /* @__PURE__ */ jsx("div", { className: "sticky top-8", children: sidebar }) }),
+          /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+            /* @__PURE__ */ jsxs("div", { className: "space-y-2 mb-8", children: [
+              /* @__PURE__ */ jsx("h1", { className: "text-3xl font-bold tracking-tight", children: title }),
+              description && /* @__PURE__ */ jsx("p", { className: "text-lg text-muted-foreground max-w-3xl", children: description })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: contentClassName, children }),
+            relatedContent && /* @__PURE__ */ jsx("div", { className: "pt-8 border-t mt-8", children: relatedContent })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function HelpPanelLayout({
+  isOpen,
+  onClose,
+  onBack,
+  canGoBack,
+  searchQuery,
+  onSearchChange,
+  children,
+  footer,
+  className
+}) {
+  const searchInputRef = useRef(null);
+  const [isSearchExpanded, setIsSearchExpanded] = useState(false);
+  useEffect(() => {
+    if (isOpen && isSearchExpanded && searchInputRef.current) {
+      setTimeout(() => {
+        searchInputRef.current?.focus();
+      }, 50);
+    }
+  }, [isOpen, isSearchExpanded]);
+  useEffect(() => {
+    if (searchQuery) {
+      setIsSearchExpanded(true);
+    }
+  }, [searchQuery]);
+  if (!isOpen) return null;
+  return /* @__PURE__ */ jsxs(
+    "aside",
+    {
+      className: cn(
+        "fixed right-0 top-0 z-40 h-full w-full sm:w-[400px] bg-background border-l shadow-xl",
+        "flex flex-col",
+        "animate-in slide-in-from-right duration-200",
+        className
+      ),
+      "aria-label": "Help panel",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex h-14 items-center justify-between gap-3 border-b px-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: [
+            canGoBack && /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: "text-muted-foreground hover:text-foreground transition-colors",
+                onClick: onBack,
+                "aria-label": "Go back",
+                children: /* @__PURE__ */ jsx(ArrowLeft, { className: "size-4 transition-transform duration-300 hover:-translate-x-0.5" })
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 flex-1 min-w-0", children: /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: cn(
+                  "relative flex items-center rounded-md border border-transparent transition-all duration-300 ease-out",
+                  isSearchExpanded ? "flex-1 border-input bg-background" : "w-7 hover:bg-accent/50 cursor-pointer"
+                ),
+                children: [
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onMouseDown: (e) => {
+                        if (isSearchExpanded) {
+                          e.preventDefault();
+                        }
+                      },
+                      onClick: () => {
+                        if (isSearchExpanded) {
+                          onSearchChange("");
+                          setIsSearchExpanded(false);
+                        } else {
+                          setIsSearchExpanded(true);
+                        }
+                      },
+                      className: "flex size-7 items-center justify-center shrink-0 cursor-pointer",
+                      "aria-label": isSearchExpanded ? "Close search" : "Search help",
+                      children: /* @__PURE__ */ jsx(Search, { className: "size-4 text-muted-foreground" })
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "input",
+                    {
+                      ref: searchInputRef,
+                      type: "text",
+                      placeholder: "Search help...",
+                      value: searchQuery,
+                      onChange: (e) => onSearchChange(e.target.value),
+                      onBlur: () => {
+                        if (!searchQuery) {
+                          setIsSearchExpanded(false);
+                        }
+                      },
+                      onKeyDown: (e) => {
+                        if (e.key === "Escape") {
+                          onSearchChange("");
+                          setIsSearchExpanded(false);
+                        }
+                      },
+                      className: cn(
+                        "h-7 bg-transparent text-sm outline-none placeholder:text-muted-foreground transition-all duration-300",
+                        isSearchExpanded ? "w-full pr-7 opacity-100" : "w-0 opacity-0 p-0"
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: cn(
+                        "absolute right-1.5 transition-opacity duration-200",
+                        isSearchExpanded && searchQuery ? "opacity-100" : "opacity-0 pointer-events-none"
+                      ),
+                      children: /* @__PURE__ */ jsx(
+                        "button",
+                        {
+                          type: "button",
+                          onClick: (e) => {
+                            e.stopPropagation();
+                            onSearchChange("");
+                            searchInputRef.current?.focus();
+                          },
+                          className: "flex items-center justify-center size-5 rounded-sm text-muted-foreground hover:text-foreground hover:bg-accent/50 transition-colors",
+                          "aria-label": "Clear search",
+                          children: /* @__PURE__ */ jsx(X, { className: "size-3.5" })
+                        }
+                      )
+                    }
+                  )
+                ]
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: onClose,
+              className: "text-muted-foreground hover:text-foreground transition-colors",
+              "aria-label": "Close help",
+              children: /* @__PURE__ */ jsx(X, { className: "size-4 transition-transform duration-300 hover:rotate-90" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ jsx("div", { className: "p-4", children }) }),
+        footer && /* @__PURE__ */ jsx("div", { className: "border-t px-3 py-2", children: footer })
+      ]
+    }
+  );
+}
+function LegalLayout({
+  title,
+  lastUpdated,
+  archiveUrl,
+  backHref,
+  backLabel = "Back",
+  tableOfContents,
+  children,
+  className
+}) {
+  const [activeSection, setActiveSection] = useState("");
+  const hasMetadata = Boolean(lastUpdated || archiveUrl);
+  useEffect(() => {
+    if (!tableOfContents || tableOfContents.length === 0) return;
+    const observer = new IntersectionObserver(
+      (entries) => {
+        for (const entry of entries) {
+          if (entry.isIntersecting) {
+            setActiveSection(entry.target.id);
+          }
+        }
+      },
+      {
+        rootMargin: "-80px 0px -70% 0px",
+        threshold: 0
+      }
+    );
+    for (const item of tableOfContents) {
+      const element = document.getElementById(item.id);
+      if (element) {
+        observer.observe(element);
+      }
+    }
+    return () => observer.disconnect();
+  }, [tableOfContents]);
+  const scrollToSection = (event, sectionId) => {
+    const target = document.getElementById(sectionId);
+    if (!target) {
+      return;
+    }
+    event.preventDefault();
+    const prefersReducedMotion = typeof window.matchMedia === "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+    const targetHeading = target.querySelector("h2, h3, h4, h5, h6") ?? target;
+    const stickyHeader = document.querySelector(
+      '[data-slot="legal-page-header"]'
+    );
+    const stickyHeaderBottom = stickyHeader?.getBoundingClientRect().bottom ?? 0;
+    const targetTop = targetHeading.getBoundingClientRect().top + window.scrollY - stickyHeaderBottom - 8;
+    window.scrollTo({
+      top: Math.max(targetTop, 0),
+      behavior: prefersReducedMotion ? "auto" : "smooth"
+    });
+    window.history.pushState(null, "", `#${sectionId}`);
+    setActiveSection(sectionId);
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "mx-auto max-w-7xl px-4 pb-8 sm:px-6 lg:px-8",
+        "print:max-w-none print:px-0",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          "header",
+          {
+            "data-slot": "legal-page-header",
+            className: cn(
+              "sticky top-[3px] z-20 -mx-4 mb-8 border-b border-border bg-background px-4 py-5 sm:-mx-6 sm:px-6 lg:-mx-8 lg:mb-10 lg:px-8",
+              "print:static print:mb-6 print:border-b print:bg-transparent print:p-0 print:backdrop-blur-none"
+            ),
+            children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+              backHref && /* @__PURE__ */ jsxs(
+                "a",
+                {
+                  href: backHref,
+                  className: "inline-flex w-fit items-center gap-2 text-sm font-medium text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background print:hidden",
+                  children: [
+                    /* @__PURE__ */ jsx(ArrowLeft, { className: "h-4 w-4", "aria-hidden": "true" }),
+                    backLabel
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-end sm:justify-between", children: [
+                /* @__PURE__ */ jsx("h1", { className: "text-4xl font-bold tracking-tight text-foreground sm:text-5xl print:text-3xl", children: title }),
+                hasMetadata && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-x-4 gap-y-2 text-sm text-muted-foreground sm:justify-end", children: [
+                  lastUpdated && /* @__PURE__ */ jsxs("span", { children: [
+                    "Last updated: ",
+                    lastUpdated
+                  ] }),
+                  archiveUrl && /* @__PURE__ */ jsxs(
+                    "a",
+                    {
+                      href: archiveUrl,
+                      className: "inline-flex items-center gap-1.5 text-primary hover:underline print:hidden",
+                      children: [
+                        /* @__PURE__ */ jsx(History, { className: "h-3.5 w-3.5" }),
+                        /* @__PURE__ */ jsx("span", { children: "View version history" })
+                      ]
+                    }
+                  )
+                ] })
+              ] })
+            ] })
+          },
+          "legal-page-header"
+        ),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "lg:grid lg:grid-cols-12 lg:gap-8",
+            children: [
+              tableOfContents && tableOfContents.length > 0 && /* @__PURE__ */ jsx("aside", { className: "hidden lg:col-span-3 lg:sticky lg:top-[10.5rem] lg:block lg:max-h-[calc(100vh-11.5rem)] lg:self-start lg:overflow-y-auto print:hidden", children: /* @__PURE__ */ jsxs("nav", { className: "space-y-1", "aria-label": "Table of contents", children: [
+                /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-foreground mb-4", children: "On this page" }),
+                /* @__PURE__ */ jsx("ul", { className: "space-y-2", children: tableOfContents.map((item) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+                  "a",
+                  {
+                    href: `#${item.id}`,
+                    onClick: (event) => scrollToSection(event, item.id),
+                    className: cn(
+                      "block text-sm transition-all duration-200 py-1",
+                      "border-l-2 pl-3 -ml-px",
+                      activeSection === item.id ? "text-primary border-primary font-medium" : "text-muted-foreground border-transparent hover:text-foreground hover:border-muted-foreground/50"
+                    ),
+                    children: item.title
+                  }
+                ) }, item.id)) })
+              ] }) }),
+              /* @__PURE__ */ jsxs(
+                "main",
+                {
+                  className: cn(
+                    tableOfContents && tableOfContents.length > 0 ? "lg:col-span-9" : "lg:col-span-12",
+                    "print:col-span-12"
+                  ),
+                  children: [
+                    tableOfContents && tableOfContents.length > 0 && /* @__PURE__ */ jsxs(
+                      "nav",
+                      {
+                        className: "mb-8 rounded-lg border border-border bg-muted/30 p-4 lg:hidden print:hidden",
+                        "aria-label": "Table of contents",
+                        children: [
+                          /* @__PURE__ */ jsx("h2", { className: "text-sm font-semibold text-foreground mb-3", children: "On this page" }),
+                          /* @__PURE__ */ jsx("ul", { className: "space-y-2", children: tableOfContents.map((item) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+                            "a",
+                            {
+                              href: `#${item.id}`,
+                              onClick: (event) => scrollToSection(event, item.id),
+                              className: "block text-sm text-muted-foreground hover:text-foreground transition-colors",
+                              children: item.title
+                            }
+                          ) }, item.id)) })
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        className: cn(
+                          "prose prose-slate dark:prose-invert max-w-none",
+                          // Headings
+                          "prose-headings:scroll-mt-32 prose-headings:font-semibold",
+                          "prose-h2:text-2xl prose-h2:mt-8 prose-h2:mb-2",
+                          "prose-h3:text-xl prose-h3:mt-6 prose-h3:mb-2",
+                          // Paragraphs - reduced top margin
+                          "prose-p:text-base prose-p:leading-7 prose-p:mb-4 prose-p:mt-0",
+                          // Links - explicit styling for visibility (but not on section header links)
+                          "[&>section>a]:no-underline [&>section>a:hover]:no-underline",
+                          "prose-a:text-primary prose-a:underline prose-a:underline-offset-2",
+                          "hover:prose-a:text-primary/80",
+                          // Lists - ensure bullets/numbers are visible
+                          "prose-ul:my-4 prose-ul:list-disc prose-ul:pl-6 prose-ul:space-y-2",
+                          "prose-ol:my-4 prose-ol:list-decimal prose-ol:pl-6 prose-ol:space-y-2",
+                          "prose-li:my-0 prose-li:pl-2",
+                          // Strong text
+                          "prose-strong:font-semibold prose-strong:text-foreground",
+                          // Print styles
+                          "print:prose-headings:text-black print:prose-p:text-black",
+                          "print:prose-h2:text-xl print:prose-h3:text-lg"
+                        ),
+                        children
+                      }
+                    )
+                  ]
+                }
+              )
+            ]
+          },
+          "legal-page-content"
+        )
+      ]
+    }
+  );
+}
+function LegalSection({
+  id,
+  title,
+  children,
+  className
+}) {
+  return /* @__PURE__ */ jsxs("section", { id, className: cn("mb-8 scroll-mt-20 print:mb-6", className), children: [
+    /* @__PURE__ */ jsxs(
+      "a",
+      {
+        href: `#${id}`,
+        className: "group inline-flex items-center gap-2 no-underline hover:no-underline text-foreground print:no-underline mb-4",
+        children: [
+          /* @__PURE__ */ jsx("h2", { className: "text-2xl font-semibold border-b border-muted-foreground/30 group-hover:border-foreground pb-1 print:text-xl print:border-0 my-0!", children: title }),
+          /* @__PURE__ */ jsx(Link2$1, { className: "h-5 w-5 text-muted-foreground opacity-0 group-hover:opacity-100 transition-opacity print:hidden shrink-0" })
+        ]
+      }
+    ),
+    children
+  ] });
+}
+function MarketingLayout({
+  navbar,
+  children,
+  footer,
+  mainClassName,
+  className
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex min-h-screen flex-col", className), children: [
+    navbar,
+    /* @__PURE__ */ jsx("main", { className: cn("flex-1", mainClassName), children }),
+    footer
+  ] });
+}
+function Toaster({ ...props }) {
+  return /* @__PURE__ */ jsx(Toaster$1, { ...props });
+}
+var themeScript = `
+  (function() {
+    try {
+      var theme = localStorage.getItem('theme');
+      var isDark =
+        theme === 'dark' ||
+        ((theme === 'system' || !theme) &&
+          window.matchMedia('(prefers-color-scheme: dark)').matches);
+      document.documentElement.classList.toggle('dark', isDark);
+    } catch (e) {}
+  })();
+`;
+function RootLayout({
+  children,
+  font,
+  fontClassName = "",
+  analytics,
+  toast,
+  className
+}) {
+  const baseClasses = "font-sans min-h-dvh bg-background text-foreground flex flex-col antialiased overflow-x-hidden";
+  const showToaster = toast?.enabled !== false;
+  const toasterPosition = toast?.position ?? "bottom-right";
+  let fontClasses = "";
+  const fontStyles = {};
+  if (font) {
+    if (font.variables) {
+      fontClasses = font.variables;
+    }
+    if (font.body) {
+      fontStyles["--font-body"] = font.body;
+    }
+    if (font.headers) {
+      fontStyles["--font-headers"] = font.headers;
+    }
+    if (font.mono) {
+      fontStyles["--font-mono"] = font.mono;
+    }
+  }
+  if (!font?.variables && fontClassName) {
+    fontClasses = fontClassName;
+  }
+  const combinedClassName = [fontClasses, baseClasses, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: combinedClassName,
+      style: Object.keys(fontStyles).length > 0 ? fontStyles : void 0,
+      suppressHydrationWarning: true,
+      children: [
+        analytics?.clarityProjectId && /* @__PURE__ */ jsx(ClarityAnalytics, { projectId: analytics.clarityProjectId }),
+        analytics?.googleAnalyticsId && /* @__PURE__ */ jsx(GoogleAnalytics, { measurementId: analytics.googleAnalyticsId }),
+        children,
+        showToaster && /* @__PURE__ */ jsx(Toaster, { richColors: true, position: toasterPosition })
+      ]
+    }
+  );
+}
+function UserPageLayout({
+  title,
+  description,
+  actions,
+  className,
+  contentClassName,
+  loading = false,
+  loadingSkeleton,
+  children,
+  tabs,
+  defaultTab,
+  onTabChange,
+  footer,
+  backLink
+}) {
+  const showHeader = !backLink && Boolean(title || description || actions);
+  return /* @__PURE__ */ jsx(
+    PageLayoutShell,
+    {
+      title,
+      description,
+      actions,
+      className,
+      contentClassName,
+      footer,
+      showHeader,
+      beforeHeader: backLink ? /* @__PURE__ */ jsx(BackLink, { href: backLink.href, children: backLink.label }) : null,
+      children: loading && loadingSkeleton ? loadingSkeleton : tabs && tabs.length > 0 ? /* @__PURE__ */ jsxs(
+        Tabs,
+        {
+          defaultValue: defaultTab || tabs[0].value,
+          onValueChange: onTabChange,
+          className: "space-y-4",
+          children: [
+            /* @__PURE__ */ jsx(TabsList, { children: tabs.map((tab) => /* @__PURE__ */ jsxs(TabsTrigger, { value: tab.value, className: "gap-2", children: [
+              tab.icon && /* @__PURE__ */ jsx(tab.icon, { className: "h-4 w-4" }),
+              tab.label
+            ] }, tab.value)) }),
+            tabs.map((tab) => /* @__PURE__ */ jsx(TabsContent, { value: tab.value, className: "mt-2", children: tab.content }, tab.value))
+          ]
+        }
+      ) : children
+    }
+  );
+}
+function AutoSaveIndicator({
+  status,
+  className,
+  ...props
+}) {
+  if (status === "idle") return null;
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: cn(
+        "inline-flex items-center gap-1.5 text-xs transition-opacity",
+        className
+      ),
+      "aria-live": "polite",
+      ...props,
+      children: [
+        status === "saving" && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(Loader2, { className: "w-3 h-3 animate-spin text-muted-foreground" }),
+          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Saving..." })
+        ] }),
+        status === "saved" && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(Check, { className: "w-3 h-3 text-green-600" }),
+          /* @__PURE__ */ jsx("span", { className: "text-green-600", children: "Saved" })
+        ] }),
+        status === "error" && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(X, { className: "w-3 h-3 text-destructive" }),
+          /* @__PURE__ */ jsx("span", { className: "text-destructive", children: "Save failed" })
+        ] })
+      ]
+    }
+  );
+}
+function ProgressBar({
+  value,
+  max = 100,
+  showLabel = true,
+  size = "md",
+  className,
+  ...props
+}) {
+  const percentage = Math.min(Math.max(value / max * 100, 0), 100);
+  const sizeClasses = {
+    sm: "h-1.5",
+    md: "h-2.5",
+    lg: "h-4"
+  };
+  return /* @__PURE__ */ jsxs("div", { className: cn("w-full", className), ...props, children: [
+    showLabel && /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center mb-1", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-muted-foreground", children: "Application Progress" }),
+      /* @__PURE__ */ jsxs("span", { className: "text-sm font-medium text-foreground", children: [
+        Math.round(percentage),
+        "%"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "w-full bg-muted rounded-full overflow-hidden",
+          sizeClasses[size]
+        ),
+        role: "progressbar",
+        "aria-valuenow": value,
+        "aria-valuemin": 0,
+        "aria-valuemax": max,
+        "aria-label": `Application ${Math.round(percentage)}% complete`,
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "h-full bg-primary rounded-full transition-all duration-300 ease-out"
+            ),
+            style: { width: `${percentage}%` }
+          }
+        )
+      }
+    )
+  ] });
+}
+var stepperSizes = {
+  default: {
+    circle: "w-8 h-8",
+    connector: "mx-4",
+    gap: "gap-2",
+    icon: "w-4 h-4",
+    label: "text-sm",
+    mobileLabel: "text-[11px]",
+    number: "text-sm"
+  },
+  compact: {
+    circle: "w-7 h-7",
+    connector: "mx-2",
+    gap: "gap-1.5",
+    icon: "w-3.5 h-3.5",
+    label: "text-xs",
+    mobileLabel: "text-[11px]",
+    number: "text-xs"
+  }
+};
+function Stepper({
+  steps,
+  currentStep,
+  completedSteps,
+  onStepClick,
+  mobileVariant = "summary",
+  size = "default",
+  className,
+  ...props
+}) {
+  const currentIndex = steps.findIndex((s) => s.id === currentStep);
+  const styles = stepperSizes[size];
+  return /* @__PURE__ */ jsxs(
+    "nav",
+    {
+      "aria-label": "Application progress",
+      className: cn("w-full", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("ol", { className: "hidden md:flex items-center w-full", children: steps.map((step, index) => {
+          const isCompleted = completedSteps.includes(step.id);
+          const isCurrent = step.id === currentStep;
+          const isClickable = isCompleted || isCurrent;
+          return /* @__PURE__ */ jsxs(
+            "li",
+            {
+              className: cn(
+                "flex items-center",
+                index < steps.length - 1 && "flex-1"
+              ),
+              children: [
+                /* @__PURE__ */ jsxs(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => isClickable && onStepClick?.(step.id),
+                    disabled: !isClickable,
+                    className: cn(
+                      "flex items-center group",
+                      styles.gap,
+                      isClickable && "cursor-pointer",
+                      !isClickable && "cursor-not-allowed opacity-50"
+                    ),
+                    "aria-current": isCurrent ? "step" : void 0,
+                    children: [
+                      /* @__PURE__ */ jsx(
+                        "span",
+                        {
+                          className: cn(
+                            "flex items-center justify-center rounded-full border-2 shrink-0 transition-colors",
+                            styles.circle,
+                            isCompleted && "bg-primary border-primary text-primary-foreground",
+                            isCurrent && !isCompleted && "border-primary text-primary bg-background",
+                            !isCompleted && !isCurrent && "border-muted-foreground/30 text-muted-foreground"
+                          ),
+                          children: isCompleted ? /* @__PURE__ */ jsx(Check, { className: styles.icon }) : /* @__PURE__ */ jsx("span", { className: cn(styles.number, "font-medium"), children: index + 1 })
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        "span",
+                        {
+                          className: cn(
+                            "font-medium hidden lg:block",
+                            styles.label,
+                            isCurrent && "text-primary",
+                            !isCurrent && "text-muted-foreground",
+                            isClickable && "group-hover:text-foreground"
+                          ),
+                          children: step.label
+                        }
+                      )
+                    ]
+                  }
+                ),
+                index < steps.length - 1 && /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: cn(
+                      "flex-1 h-0.5",
+                      styles.connector,
+                      isCompleted ? "bg-primary" : "bg-muted"
+                    )
+                  }
+                )
+              ]
+            },
+            step.id
+          );
+        }) }),
+        mobileVariant === "steps" ? /* @__PURE__ */ jsx(
+          "ol",
+          {
+            "data-slot": "stepper-mobile-steps",
+            className: "md:hidden flex items-start w-full",
+            children: steps.map((step, index) => {
+              const isCompleted = completedSteps.includes(step.id);
+              const isCurrent = step.id === currentStep;
+              const isClickable = isCompleted || isCurrent;
+              return /* @__PURE__ */ jsxs(
+                "li",
+                {
+                  className: cn(
+                    "flex items-start min-w-0",
+                    index < steps.length - 1 && "flex-1"
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsxs(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: () => isClickable && onStepClick?.(step.id),
+                        disabled: !isClickable,
+                        className: cn(
+                          "group flex min-w-0 flex-col items-center gap-1 text-center",
+                          isClickable && "cursor-pointer",
+                          !isClickable && "cursor-not-allowed opacity-50"
+                        ),
+                        "aria-current": isCurrent ? "step" : void 0,
+                        children: [
+                          /* @__PURE__ */ jsx(
+                            "span",
+                            {
+                              className: cn(
+                                "flex items-center justify-center rounded-full border-2 shrink-0 transition-colors",
+                                styles.circle,
+                                isCompleted && "bg-primary border-primary text-primary-foreground",
+                                isCurrent && !isCompleted && "border-primary text-primary bg-background",
+                                !isCompleted && !isCurrent && "border-muted-foreground/30 text-muted-foreground"
+                              ),
+                              children: isCompleted ? /* @__PURE__ */ jsx(Check, { className: styles.icon }) : /* @__PURE__ */ jsx("span", { className: cn(styles.number, "font-medium"), children: index + 1 })
+                            }
+                          ),
+                          /* @__PURE__ */ jsx(
+                            "span",
+                            {
+                              className: cn(
+                                "max-w-16 truncate font-medium leading-tight",
+                                styles.mobileLabel,
+                                isCurrent && "text-primary",
+                                !isCurrent && "text-muted-foreground",
+                                isClickable && "group-hover:text-foreground"
+                              ),
+                              children: step.label
+                            }
+                          )
+                        ]
+                      }
+                    ),
+                    index < steps.length - 1 && /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        className: cn(
+                          "mt-3.5 h-0.5 min-w-3 flex-1 mx-1",
+                          isCompleted ? "bg-primary" : "bg-muted"
+                        )
+                      }
+                    )
+                  ]
+                },
+                step.id
+              );
+            })
+          }
+        ) : /* @__PURE__ */ jsxs("div", { className: "md:hidden flex items-center justify-between", children: [
+          /* @__PURE__ */ jsxs("span", { className: "text-sm font-medium text-muted-foreground", children: [
+            "Step ",
+            currentIndex + 1,
+            " of ",
+            steps.length
+          ] }),
+          /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: steps[currentIndex]?.label })
+        ] })
+      ]
+    }
+  );
+}
+function TimeEstimate({ minutes, className, ...props }) {
+  const displayText = minutes < 1 ? "Less than a minute" : minutes === 1 ? "~1 minute" : `~${Math.round(minutes)} minutes`;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex items-center gap-1.5 text-sm text-muted-foreground",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(Clock, { className: "w-4 h-4" }),
+        /* @__PURE__ */ jsxs("span", { children: [
+          "Estimated time remaining: ",
+          displayText
+        ] })
+      ]
+    }
+  );
+}
+function WizardLayout({
+  children,
+  steps,
+  currentStep,
+  completedSteps,
+  onStepClick,
+  progress,
+  timeRemaining,
+  saveStatus = "idle",
+  deadline,
+  isSubmitted = false,
+  submittedTitle = "Your application has been submitted",
+  submittedSubtitle = "You will receive an email confirmation shortly.",
+  loading = false,
+  loadingMessage = "Loading...",
+  error,
+  className
+}) {
+  const [daysRemaining, setDaysRemaining] = useState(null);
+  useEffect(() => {
+    if (deadline?.daysRemaining !== void 0) {
+      setDaysRemaining(deadline.daysRemaining);
+    }
+  }, [deadline?.daysRemaining]);
+  if (loading) {
+    return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center min-h-[400px]", children: /* @__PURE__ */ jsx("div", { className: "animate-pulse text-muted-foreground", children: loadingMessage }) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center min-h-[400px] gap-4", children: [
+      /* @__PURE__ */ jsx(AlertCircle, { className: "w-12 h-12 text-destructive" }),
+      /* @__PURE__ */ jsx("p", { className: "text-destructive", children: error })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: cn("max-w-4xl mx-auto px-4 py-8", className), children: [
+    deadline && /* @__PURE__ */ jsxs("div", { className: "mb-6", children: [
+      /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold mb-1", children: deadline.label }),
+      daysRemaining !== null && daysRemaining <= 7 && !isSubmitted && /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "text-sm",
+            daysRemaining <= 1 ? "text-destructive font-medium" : "text-amber-600"
+          ),
+          children: daysRemaining <= 0 ? "Applications close today!" : daysRemaining === 1 ? "1 day remaining to submit" : `${daysRemaining} days remaining to submit`
+        }
+      )
+    ] }),
+    !isSubmitted && /* @__PURE__ */ jsxs("div", { className: "mb-8 space-y-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx(ProgressBar, { value: progress, size: "md" }),
+        /* @__PURE__ */ jsx(AutoSaveIndicator, { status: saveStatus, className: "ml-4" })
+      ] }),
+      timeRemaining !== void 0 && /* @__PURE__ */ jsx(TimeEstimate, { minutes: timeRemaining })
+    ] }),
+    /* @__PURE__ */ jsx(
+      Stepper,
+      {
+        steps,
+        currentStep,
+        completedSteps: isSubmitted ? steps.map((s) => s.id) : completedSteps,
+        onStepClick: isSubmitted ? void 0 : onStepClick,
+        className: "mb-8"
+      }
+    ),
+    isSubmitted && /* @__PURE__ */ jsxs("div", { className: "mb-6 p-4 bg-green-50 dark:bg-green-950 border border-green-200 dark:border-green-800 rounded-lg", children: [
+      /* @__PURE__ */ jsxs("p", { className: "text-green-800 dark:text-green-200 font-medium", children: [
+        "\u2713 ",
+        submittedTitle
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-green-600 dark:text-green-400 mt-1", children: submittedSubtitle })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "bg-card border rounded-lg p-6", children })
+  ] });
+}
+
+export { AdminPageLayout, AppFooter, AppHeader, AppLayout, AppSidebar, AutoSaveIndicator, BackLink, BasePageLayout, ClarityAnalytics, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, DashboardGrid, FloatingUserMenu, GoogleAnalytics, GoogleTagManager, HelpLayout, HelpPageLayout, HelpPanelLayout, LegalLayout, LegalSection, MarketingLayout, ProgressBar, RootLayout, Stepper, ThemeToggle, TimeEstimate, Toaster, UserPageLayout, WizardLayout, isNavDivider, isNavItem, isNavSection, themeScript, useTheme };