@nswds/app 1.45.2 → 1.46.1

package/dist/index.cjs

@@ -56,6 +56,13 @@ var AlertDialogPrimitive = require('@radix-ui/react-alert-dialog');
 var reactDayPicker = require('react-day-picker');
 var useEmblaCarousel = require('embla-carousel-react');
 var inputOtp = require('input-otp');
+var NextAuth = require('next-auth');
+var MicrosoftEntraID = require('next-auth/providers/microsoft-entra-id');
+var drizzleOrm = require('drizzle-orm');
+var drizzleAdapter = require('@auth/drizzle-adapter');
+var libsql = require('drizzle-orm/libsql');
+var client$1 = require('@libsql/client');
+var sqliteCore = require('drizzle-orm/sqlite-core');
 var slugify = require('@sindresorhus/slugify');
 var zustand = require('zustand');
 var middleware = require('zustand/middleware');
@@ -113,13 +120,20 @@ var RechartsPrimitive__namespace = /*#__PURE__*/_interopNamespace(RechartsPrimit
 var HoverCardPrimitives__namespace = /*#__PURE__*/_interopNamespace(HoverCardPrimitives);
 var AlertDialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(AlertDialogPrimitive);
 var useEmblaCarousel__default = /*#__PURE__*/_interopDefault(useEmblaCarousel);
+var NextAuth__default = /*#__PURE__*/_interopDefault(NextAuth);
+var MicrosoftEntraID__default = /*#__PURE__*/_interopDefault(MicrosoftEntraID);
 
+var __defProp = Object.defineProperty;
 var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
   get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
 }) : x)(function(x) {
   if (typeof require !== "undefined") return require.apply(this, arguments);
   throw Error('Dynamic require of "' + x + '" is not supported');
 });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
 var Icons = {
   account_circle: (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { fill: "currentColor", "data-slot": "icon", viewBox: "0 -960 960 960", ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M234-276q51-39 114-61.5T480-360q69 0 132 22.5T726-276q35-41 54.5-93T800-480q0-133-93.5-226.5T480-800q-133 0-226.5 93.5T160-480q0 59 19.5 111t54.5 93Zm246-164q-59 0-99.5-40.5T340-580q0-59 40.5-99.5T480-720q59 0 99.5 40.5T620-580q0 59-40.5 99.5T480-440Zm0 360q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q53 0 100-15.5t86-44.5q-39-29-86-44.5T480-280q-53 0-100 15.5T294-220q39 29 86 44.5T480-160Zm0-360q26 0 43-17t17-43q0-26-17-43t-43-17q-26 0-43 17t-17 43q0 26 17 43t43 17Zm0-60Zm0 360Z" }) }),
   add: (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { fill: "currentColor", "data-slot": "icon", viewBox: "0 -960 960 960", ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M440-440H240q-17 0-28.5-11.5T200-480q0-17 11.5-28.5T240-520h200v-200q0-17 11.5-28.5T480-760q17 0 28.5 11.5T520-720v200h200q17 0 28.5 11.5T760-480q0 17-11.5 28.5T720-440H520v200q0 17-11.5 28.5T480-200q-17 0-28.5-11.5T440-240v-200Z" }) }),
@@ -228,11 +242,11 @@ var Icons = {
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx21.clsx(inputs));
 }
-function truncate(text, maxLength) {
-  if (text.length <= maxLength) {
-    return text;
+function truncate(text4, maxLength) {
+  if (text4.length <= maxLength) {
+    return text4;
   }
-  return text.slice(0, maxLength) + "...";
+  return text4.slice(0, maxLength) + "...";
 }
 function kebabCase(str) {
   return str.replace(/([a-z])([A-Z])/g, "$1-$2").replace(/[\s_]+/g, "-").toLowerCase();
@@ -696,7 +710,7 @@ var styles = {
     default: "px-[calc(--spacing(5)-1px)] py-[calc(--spacing(4)-1px)] sm:px-[calc(--spacing(4.5)-1px)] sm:py-[calc(--spacing(3)-1px)]",
     sm: "px-[calc(--spacing(4)-1px)] py-[calc(--spacing(3)-1px)] sm:px-[calc(--spacing(3.5)-1px)] sm:py-[calc(--spacing(2)-1px)]",
     lg: "px-[calc(--spacing(6)-1px)] py-[calc(--spacing(5)-1px)] sm:px-[calc(--spacing(5.5)-1px)] sm:py-[calc(--spacing(4)-1px)]",
-    icon: "size-10"
+    icon: "w-10 h-10 flex-none"
   }
 };
 var buttonVariants = classVarianceAuthority.cva(styles.base, {
@@ -4623,7 +4637,7 @@ var colors = {
           hex: "#c99ac2",
           rgb: "rgb(201, 154, 194)",
           hsl: "hsl(308.94, 30.32%, 69.61%)",
-          name: "Lilli pilli Purple"
+          name: "Lilli Pilli Purple"
         },
         {
           token: "nsw-aboriginal-purple-450",
@@ -5963,7 +5977,6 @@ function ThemeSelectorContent({
   availableAccentColors,
   colorThemes: colorThemes2
 }) {
-  const searchParams = navigation.useSearchParams();
   const [, copyToClipboardRaw] = usehooks.useCopyToClipboard();
   const [copied, setCopied] = React16.useState(false);
   const updateUrlParams = React16.useCallback(
@@ -5976,60 +5989,6 @@ function ThemeSelectorContent({
     },
     []
   );
-  React16.useEffect(() => {
-    const themeParam = searchParams.get("theme");
-    const primaryParam = searchParams.get("primary");
-    const accentParam = searchParams.get("accent");
-    let shouldUpdateUrl = false;
-    let newCategory = themeCategory;
-    let newPrimary = primaryColor;
-    let newAccent = accentColor;
-    if (themeParam && (themeParam === "brand" || themeParam === "aboriginal")) {
-      if (themeParam !== themeCategory) {
-        newCategory = themeParam;
-        shouldUpdateUrl = true;
-        const neutral = findGreyKey(colorThemes2[themeParam]);
-        if (neutral && neutral !== greyColor) {
-          setGreyColor(neutral);
-        }
-      }
-    }
-    const availableColors = Object.keys(colorThemes2[newCategory]);
-    if (primaryParam && availableColors.includes(primaryParam)) {
-      if (primaryParam !== primaryColor) {
-        newPrimary = primaryParam;
-        shouldUpdateUrl = true;
-      }
-    }
-    if (accentParam && availableColors.includes(accentParam) && accentParam !== newPrimary) {
-      if (accentParam !== accentColor) {
-        newAccent = accentParam;
-        shouldUpdateUrl = true;
-      }
-    } else {
-      const newAccentColor = availableColors.find((color2) => color2 !== newPrimary);
-      if (newAccentColor && newAccentColor !== accentColor) {
-        newAccent = newAccentColor;
-        shouldUpdateUrl = true;
-      }
-    }
-    if (shouldUpdateUrl) {
-      if (newCategory !== themeCategory) setThemeCategory(newCategory);
-      if (newPrimary !== primaryColor) setPrimaryColor(newPrimary);
-      if (newAccent !== accentColor) setAccentColor(newAccent);
-    }
-  }, [
-    searchParams,
-    themeCategory,
-    primaryColor,
-    accentColor,
-    greyColor,
-    colorThemes2,
-    setThemeCategory,
-    setPrimaryColor,
-    setAccentColor,
-    setGreyColor
-  ]);
   const handleCategoryChange = (newCategory) => {
     setThemeCategory(newCategory);
     const availableColors = Object.keys(colorThemes2[newCategory]);
@@ -6240,6 +6199,7 @@ function CodeDemoContent({ data, hide = {} }) {
     const themeParam = searchParams.get("theme");
     const primaryParam = searchParams.get("primary");
     const accentParam = searchParams.get("accent");
+    const hasUrlParams = themeParam || primaryParam || accentParam;
     let newCategory = themeCategory;
     let newPrimary = primaryColor;
     let newAccent = accentColor;
@@ -6258,12 +6218,20 @@ function CodeDemoContent({ data, hide = {} }) {
     if (accentParam && availableColors.includes(accentParam) && accentParam !== newPrimary) {
       newAccent = accentParam;
       setAccentColor(accentParam);
-    } else {
+    } else if (hasUrlParams) {
       const newAccentColor = availableColors.find((color2) => color2 !== newPrimary);
       if (newAccentColor) {
         newAccent = newAccentColor;
         setAccentColor(newAccent);
       }
+    } else {
+      if (!availableColors.includes(newAccent) || newAccent === newPrimary) {
+        const newAccentColor = availableColors.find((color2) => color2 !== newPrimary);
+        if (newAccentColor) {
+          newAccent = newAccentColor;
+          setAccentColor(newAccent);
+        }
+      }
     }
     const neutralKey = Object.keys(colorThemes[newCategory]).find(
       (k) => k.toLowerCase().includes("grey")
@@ -6361,6 +6329,27 @@ function CodeDemoContent({ data, hide = {} }) {
     const explicit = data.labels ?? {};
     return Object.fromEntries(variants.map((v) => [v, explicit[v] ?? humaniseVariant(v)]));
   }, [variants, data]);
+  React16.useEffect(() => {
+    if (!isThemeInitialized) return;
+    const neutralKey = Object.keys(colorThemes[themeCategory]).find((k) => k.toLowerCase().includes("grey")) ?? "";
+    if (neutralKey && neutralKey !== greyColor) {
+      setGreyColor(neutralKey);
+    }
+    const availableColors = Object.keys(colorThemes[themeCategory]);
+    if (!availableColors.includes(primaryColor)) {
+      setPrimaryColor(availableColors[0]);
+      if (availableColors.length > 1) {
+        setAccentColor(availableColors[1]);
+      }
+      return;
+    }
+    if (accentColor === primaryColor || !availableColors.includes(accentColor)) {
+      const newAccentColor = availableColors.find((color2) => color2 !== primaryColor);
+      if (newAccentColor) {
+        setAccentColor(newAccentColor);
+      }
+    }
+  }, [themeCategory, primaryColor, accentColor, greyColor, isThemeInitialized]);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-8", children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-grey-200 bg-grey-50 dark:border-grey-600 dark:bg-grey-700 w-full rounded-t-xl border p-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 sm:grid-cols-3", children: [
       /* @__PURE__ */ jsxRuntime.jsx(EditOnGithubButton, { githubSlug: data.githubSlug }),
@@ -7809,7 +7798,7 @@ function Heading({
 
 // package.json
 var package_default = {
-  version: "1.44.0"};
+  version: "1.46.0"};
 function Logo(props) {
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "NSW Government" }),
@@ -7953,7 +7942,7 @@ function Header2({
       "data-scrolled": isScrolled,
       id: "nsw-header",
       className: clsx21__default.default(
-        "sticky top-0 z-50 flex flex-none flex-wrap items-center justify-between bg-white px-4 py-5 transition duration-500 sm:px-6 lg:px-12",
+        "sticky top-0 z-50 flex hidden flex-none flex-wrap items-center justify-between bg-white px-4 py-5 transition duration-500 sm:px-6 lg:flex lg:px-12",
         shadow && "shadow-md shadow-slate-900/5 dark:shadow-none",
         isScrolled ? "dark:bg-slate-900/95 dark:backdrop-blur-sm dark:[@supports(backdrop-filter:blur(0))]:bg-slate-900/75" : "dark:bg-transparent"
       ),
@@ -13345,7 +13334,7 @@ function distance2D(a, b) {
 
 // node_modules/framer-motion/dist/es/gestures/pan/PanSession.mjs
 var PanSession = class {
-  constructor(event, handlers, { transformPagePoint, contextWindow, dragSnapToOrigin = false } = {}) {
+  constructor(event, handlers2, { transformPagePoint, contextWindow, dragSnapToOrigin = false } = {}) {
     this.startEvent = null;
     this.lastMoveEvent = null;
     this.lastMoveEventInfo = null;
@@ -13390,7 +13379,7 @@ var PanSession = class {
     if (!isPrimaryPointer(event))
       return;
     this.dragSnapToOrigin = dragSnapToOrigin;
-    this.handlers = handlers;
+    this.handlers = handlers2;
     this.transformPagePoint = transformPagePoint;
     this.contextWindow = contextWindow || window;
     const info = extractEventInfo(event);
@@ -13398,12 +13387,12 @@ var PanSession = class {
     const { point } = initialInfo;
     const { timestamp } = frameData;
     this.history = [{ ...point, timestamp }];
-    const { onSessionStart } = handlers;
+    const { onSessionStart } = handlers2;
     onSessionStart && onSessionStart(event, getPanInfo(initialInfo, this.history));
     this.removeListeners = pipe(addPointerEvent(this.contextWindow, "pointermove", this.handlePointerMove), addPointerEvent(this.contextWindow, "pointerup", this.handlePointerUp), addPointerEvent(this.contextWindow, "pointercancel", this.handlePointerUp));
   }
-  updateHandlers(handlers) {
-    this.handlers = handlers;
+  updateHandlers(handlers2) {
+    this.handlers = handlers2;
   }
   end() {
     this.removeListeners && this.removeListeners();
@@ -17317,7 +17306,7 @@ var colors2 = {
   ]
 };
 function Switch2({
-  color: color2 = "dark/grey",
+  color: color2 = "primary",
   className,
   ...props
 }) {
@@ -23034,6 +23023,534 @@ function DescriptionDetails({ className, ...props }) {
     }
   );
 }
+function generateLevelId() {
+  return `level-${Date.now()}-${Math.random().toString(36).slice(2, 11)}`;
+}
+function getMaxDepth(items, currentDepth = 1) {
+  if (!items || !Array.isArray(items) || items.length === 0) {
+    return currentDepth;
+  }
+  let maxDepth2 = currentDepth;
+  for (const item of items) {
+    if (item && item.links && Array.isArray(item.links) && item.links.length > 0) {
+      const itemDepth = getMaxDepth(item.links, currentDepth + 1);
+      maxDepth2 = Math.max(maxDepth2, itemDepth);
+    }
+  }
+  return maxDepth2;
+}
+function findItemById(items, id3) {
+  if (!items || !Array.isArray(items)) {
+    return null;
+  }
+  for (const item of items) {
+    if (!item) continue;
+    if (item.id === id3) {
+      return item;
+    }
+    if (item.links && Array.isArray(item.links)) {
+      const found = findItemById(item.links, id3);
+      if (found) return found;
+    }
+  }
+  return null;
+}
+function findPathToItem(items, targetId, path = []) {
+  if (!items || !Array.isArray(items)) {
+    return null;
+  }
+  for (const item of items) {
+    if (!item) continue;
+    const currentPath = [...path, item];
+    if (item.id === targetId) {
+      return currentPath;
+    }
+    if (item.links && Array.isArray(item.links)) {
+      const found = findPathToItem(item.links, targetId, currentPath);
+      if (found) return found;
+    }
+  }
+  return null;
+}
+function getTotalItemCount(items) {
+  if (!items || !Array.isArray(items)) {
+    return 0;
+  }
+  let count = items.length;
+  for (const item of items) {
+    if (item && item.links && Array.isArray(item.links)) {
+      count += getTotalItemCount(item.links);
+    }
+  }
+  return count;
+}
+function generateBreadcrumb(levels, maxLength = 50) {
+  if (levels.length <= 1) return levels[0]?.title || "Menu";
+  const breadcrumb = levels.map((level) => level.title).join(" \u203A ");
+  if (breadcrumb.length <= maxLength) {
+    return breadcrumb;
+  }
+  if (levels.length > 3) {
+    const first = levels[0].title;
+    const last = levels[levels.length - 1].title;
+    const secondLast = levels[levels.length - 2].title;
+    return `${first} \u203A ... \u203A ${secondLast} \u203A ${last}`;
+  }
+  return breadcrumb.substring(0, maxLength - 3) + "...";
+}
+function MultiLevelPushMenu({
+  navigation: navigation$1,
+  onItemClick,
+  onNavigate,
+  onClose,
+  className = "",
+  showHeader = true,
+  showFooter = true,
+  showBreadcrumbs = true,
+  showStats = true,
+  showBackButton = true,
+  initialTitle = "Menu"
+}) {
+  const pathname = navigation.usePathname();
+  const [navigationHistory, setNavigationHistory] = React16.useState([
+    { items: navigation$1 || [], title: initialTitle, depth: 1, id: generateLevelId() }
+  ]);
+  const [animationState, setAnimationState] = React16.useState("idle");
+  const [isAnimationStarted, setIsAnimationStarted] = React16.useState(false);
+  const containerRef = React16.useRef(null);
+  const breadcrumb = React16.useMemo(() => {
+    const levels = navigationHistory.map((level) => ({ title: level.title, depth: level.depth }));
+    return generateBreadcrumb(levels);
+  }, [navigationHistory]);
+  const navigateToSubmenu = React16.useCallback(
+    (item) => {
+      if (item.links && item.links.length > 0 && animationState === "idle") {
+        const newLevel = {
+          items: item.links,
+          title: item.title,
+          parentItem: item,
+          depth: navigationHistory[navigationHistory.length - 1].depth + 1,
+          id: generateLevelId()
+        };
+        const newHistory = [...navigationHistory, newLevel];
+        setNavigationHistory(newHistory);
+        setAnimationState("sliding-forward");
+        setIsAnimationStarted(false);
+        requestAnimationFrame(() => {
+          setIsAnimationStarted(true);
+        });
+        setTimeout(() => {
+          setAnimationState("idle");
+          setIsAnimationStarted(false);
+          onNavigate?.(newLevel, newHistory);
+        }, 300);
+      }
+    },
+    [navigationHistory, animationState, onNavigate]
+  );
+  const navigateBack = React16.useCallback(() => {
+    if (navigationHistory.length > 1 && animationState === "idle") {
+      setAnimationState("sliding-backward");
+      setTimeout(() => {
+        const newHistory = navigationHistory.slice(0, -1);
+        setNavigationHistory(newHistory);
+        setAnimationState("idle");
+        onNavigate?.(newHistory[newHistory.length - 1], newHistory);
+      }, 300);
+    }
+  }, [navigationHistory, animationState, onNavigate]);
+  const handleItemClick = React16.useCallback(
+    (item, event) => {
+      if (item.links && item.links.length > 0) {
+        event?.preventDefault();
+        navigateToSubmenu(item);
+      } else {
+        if (!item.href) {
+          event?.preventDefault();
+        }
+        onItemClick?.(item);
+      }
+    },
+    [navigateToSubmenu, onItemClick]
+  );
+  const currentLevel = navigationHistory[navigationHistory.length - 1];
+  if (!currentLevel || !currentLevel.items) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `flex items-center justify-center p-8 ${className}`, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-2 text-lg font-semibold", children: "Navigation Error" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-grey-800 text-sm", children: "Unable to load navigation data." })
+    ] }) });
+  }
+  const shouldShowBackButton = showBackButton && navigationHistory.length > 1;
+  const isAnimating = animationState !== "idle";
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: containerRef, className: `relative h-full overflow-hidden ${className}`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative h-full", children: navigationHistory.map((level, index) => {
+    const isCurrentLevel = index === navigationHistory.length - 1;
+    let translateX = 0;
+    if (animationState === "sliding-forward") {
+      if (isCurrentLevel) {
+        translateX = isAnimationStarted ? 0 : 100;
+      } else {
+        translateX = 0;
+      }
+    } else if (animationState === "sliding-backward") {
+      if (isCurrentLevel) {
+        translateX = 100;
+      } else {
+        translateX = 0;
+      }
+    } else {
+      translateX = 0;
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: `absolute inset-0 h-full w-full will-change-transform`,
+        style: {
+          transform: `translateX(${translateX}%)`,
+          transition: animationState === "sliding-forward" && isAnimationStarted ? "transform 300ms ease-out" : animationState === "sliding-backward" ? "transform 300ms ease-out" : "none",
+          zIndex: index + 1
+        },
+        "data-level-id": level.id,
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full flex-col bg-white", children: [
+          shouldShowBackButton && !showHeader && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center bg-white px-4 py-2", children: /* @__PURE__ */ jsxRuntime.jsxs(Button2, { variant: "ghost", onClick: navigateBack, disabled: isAnimating, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Icons.west, {}),
+            "Back"
+          ] }) }),
+          showHeader && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-grey-200 flex items-center justify-between border-b bg-white px-4 py-2", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full items-center justify-between", children: [
+            shouldShowBackButton && /* @__PURE__ */ jsxRuntime.jsxs(Button2, { variant: "ghost", onClick: navigateBack, disabled: isAnimating, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(Icons.west, {}),
+              "Back"
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center", children: [
+              navigationHistory.length === 1 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxRuntime.jsx(Heading, { level: 2, size: 6, className: "truncate p-2 font-semibold", children: initialTitle }) }),
+              navigationHistory.length > 1 && /* @__PURE__ */ jsxRuntime.jsxs(Button2, { variant: "ghost", size: "icon", onClick: onClose, children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close panel" }),
+                /* @__PURE__ */ jsxRuntime.jsx(Icons.close, { "aria-hidden": "true", className: "h-6 w-6" })
+              ] })
+            ] })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-hidden bg-white", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full overflow-y-auto", children: level.items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: "divide-grey-200 ring-grey-200 divide-y overflow-hidden bg-white ring-1",
+              children: /* @__PURE__ */ jsxRuntime.jsxs(
+                "button",
+                {
+                  ...item.href && !item.links?.length ? { href: item.href } : {},
+                  onClick: (event) => handleItemClick(item, event),
+                  disabled: isAnimating,
+                  className: clsx21__default.default(
+                    "hover:bg-primary-800/10 hover:border-primary-800 relative flex w-full cursor-pointer items-center justify-between gap-x-6 border-l p-4 transition-colors",
+                    pathname === item.href ? "text-primary-800 bg-primary-800/10 border-primary-800 font-semibold" : "text-grey-800 border-transparent",
+                    isAnimating && "pointer-events-none"
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: item.title }) }) }),
+                    item.links && item.links.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(Icons.chevron_right, { className: "h-5 w-5" })
+                  ]
+                }
+              )
+            },
+            item.id
+          )) }) }),
+          showFooter && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-grey-100 border-t bg-white px-4 py-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-grey-800 flex items-center justify-between text-xs", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Layers, { className: "h-4 w-4" }),
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                  "Level ",
+                  level.depth
+                ] }),
+                isAnimating && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary-800 animate-pulse", children: "\u2022" })
+              ] }),
+              showStats && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Hash, { className: "h-3 w-3" }),
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                  level.items.length,
+                  " items"
+                ] })
+              ] })
+            ] }),
+            level.depth > 1 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-1", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-1", children: [
+                Array.from({ length: Math.min(level.depth, 10) }, (_, i) => /* @__PURE__ */ jsxRuntime.jsx(
+                  "div",
+                  {
+                    className: `bg-primary-800 h-1 w-2 rounded-full transition-colors duration-300`
+                  },
+                  i
+                )),
+                level.depth > 10 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-grey-800 ml-1 text-xs", children: [
+                  "+",
+                  level.depth - 10
+                ] })
+              ] }),
+              showBreadcrumbs && navigationHistory.length > 1 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 flex items-center justify-end gap-2", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-grey-800 truncate text-xs", children: breadcrumb }) })
+            ] })
+          ] })
+        ] })
+      },
+      level.id
+    );
+  }) }) });
+}
+function MobileSearch({ navigation: navigation$1 }) {
+  const [open, setOpen] = React16__namespace.useState(false);
+  const router = navigation.useRouter();
+  React16__namespace.useEffect(() => {
+    const down = (e) => {
+      if (e.key === "k" && (e.metaKey || e.ctrlKey)) {
+        e.preventDefault();
+        setOpen((open2) => !open2);
+      }
+    };
+    document.addEventListener("keydown", down);
+    return () => document.removeEventListener("keydown", down);
+  }, []);
+  const runCommand = React16__namespace.useCallback((command) => {
+    setOpen(false);
+    command();
+  }, []);
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Button2,
+      {
+        variant: "ghost",
+        size: "icon",
+        className: "relative m-4 h-10 w-10",
+        onClick: () => setOpen(true),
+        "aria-label": "Search site",
+        children: /* @__PURE__ */ jsxRuntime.jsx(Icons.search, { "aria-hidden": "true" })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(CommandDialog, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(CommandInput, { placeholder: "Type to search across the site..." }),
+      /* @__PURE__ */ jsxRuntime.jsxs(CommandList, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(CommandEmpty, { children: "No results found." }),
+        navigation$1.map((page, index) => /* @__PURE__ */ jsxRuntime.jsx(CommandGroup, { heading: page.title, children: page.links && page.links.filter((link) => link.href && link.title).map((link) => /* @__PURE__ */ jsxRuntime.jsx(
+          CommandItem,
+          {
+            onSelect: () => runCommand(() => router.push(link.href)),
+            children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: link.title })
+          },
+          link.href
+        )) }, index))
+      ] })
+    ] })
+  ] });
+}
+function MobileHeader({
+  sitename,
+  navigation,
+  version = false,
+  hide = {}
+}) {
+  const [open, setOpen] = React16.useState(false);
+  const { search = true } = hide;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "lg:hidden", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex w-full items-center justify-between", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(Button2, { variant: "ghost", size: "icon", onClick: () => setOpen(true), className: "m-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Main Navigation Menu" }),
+        /* @__PURE__ */ jsxRuntime.jsx(Icons.menu, { "aria-hidden": "true" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative flex items-center", children: /* @__PURE__ */ jsxRuntime.jsxs(
+        Link10__default.default,
+        {
+          href: "/",
+          "aria-label": "Home page",
+          className: "flex flex-col items-center justify-between",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Logo, { className: "m-2 h-12 w-auto transition-colors" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-center text-center", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(Heading, { level: 2, size: 6, className: "ml-6", children: sitename }),
+              version && /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "soft", color: "primary", className: "ml-2", children: package_default.version })
+            ] })
+          ]
+        }
+      ) }),
+      search && /* @__PURE__ */ jsxRuntime.jsx(MobileSearch, { navigation })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(Headless4.Dialog, { open, onClose: setOpen, className: "relative z-50", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-none fixed inset-y-0 left-0 flex max-w-full pr-10 sm:pr-16", children: /* @__PURE__ */ jsxRuntime.jsx(
+        Headless4.DialogPanel,
+        {
+          transition: true,
+          className: "pointer-events-auto w-screen max-w-md transform transition duration-500 ease-in-out data-[closed]:-translate-x-full sm:duration-300",
+          children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-full flex-col overflow-y-scroll bg-white shadow-xl", children: /* @__PURE__ */ jsxRuntime.jsx(
+            MultiLevelPushMenu,
+            {
+              navigation,
+              showHeader: true,
+              onClose: () => {
+                setOpen(false);
+              }
+            }
+          ) })
+        }
+      ) }) }) })
+    ] })
+  ] });
+}
+
+// src/db/schema/users.ts
+var users_exports = {};
+__export(users_exports, {
+  users: () => users
+});
+var users = sqliteCore.sqliteTable("user", {
+  id: sqliteCore.text("id").primaryKey().$defaultFn(() => crypto.randomUUID()),
+  name: sqliteCore.text("name"),
+  email: sqliteCore.text("email").unique(),
+  emailVerified: sqliteCore.integer("emailVerified", { mode: "timestamp_ms" }),
+  image: sqliteCore.text("image"),
+  role: sqliteCore.text("role", { enum: ["ADMIN", "USER"] }).default("USER")
+});
+
+// src/db/schema/accounts.ts
+var accounts_exports = {};
+__export(accounts_exports, {
+  accounts: () => accounts
+});
+var accounts = sqliteCore.sqliteTable(
+  "account",
+  {
+    userId: sqliteCore.text("userId").notNull().references(() => users.id, { onDelete: "cascade" }),
+    type: sqliteCore.text("type").$type().notNull(),
+    provider: sqliteCore.text("provider").notNull(),
+    providerAccountId: sqliteCore.text("providerAccountId").notNull(),
+    refresh_token: sqliteCore.text("refresh_token"),
+    access_token: sqliteCore.text("access_token"),
+    expires_at: sqliteCore.integer("expires_at"),
+    token_type: sqliteCore.text("token_type"),
+    scope: sqliteCore.text("scope"),
+    id_token: sqliteCore.text("id_token"),
+    session_state: sqliteCore.text("session_state")
+  },
+  (table) => [
+    sqliteCore.primaryKey({
+      columns: [table.provider, table.providerAccountId],
+      name: "accounts_pk"
+    })
+  ]
+);
+
+// src/db/schema/sessions.ts
+var sessions_exports = {};
+__export(sessions_exports, {
+  sessions: () => sessions
+});
+var sessions = sqliteCore.sqliteTable("session", {
+  sessionToken: sqliteCore.text("sessionToken").primaryKey(),
+  userId: sqliteCore.text("userId").notNull().references(() => users.id, { onDelete: "cascade" }),
+  expires: sqliteCore.integer("expires", { mode: "timestamp_ms" }).notNull()
+});
+
+// src/db/index.ts
+var client = client$1.createClient({
+  url: process.env.TURSO_CONNECTION_URL,
+  authToken: process.env.TURSO_AUTH_TOKEN
+});
+var db = libsql.drizzle(client, {
+  schema: {
+    ...users_exports,
+    ...accounts_exports,
+    ...sessions_exports
+  }
+});
+
+// src/auth.ts
+var { handlers, signIn, signOut, auth } = NextAuth__default.default({
+  adapter: drizzleAdapter.DrizzleAdapter(db),
+  providers: [
+    MicrosoftEntraID__default.default({
+      clientId: process.env.AUTH_MICROSOFT_ENTRA_ID_ID,
+      clientSecret: process.env.AUTH_MICROSOFT_ENTRA_ID_SECRET,
+      issuer: process.env.AUTH_MICROSOFT_ENTRA_ID_ISSUER,
+      authorization: {
+        params: {
+          scope: "openid profile email User.Read offline_access",
+          tenant: process.env.AUTH_MICROSOFT_ENTRA_ID_TENANT_ID
+        }
+      }
+    })
+  ],
+  callbacks: {
+    authorized: async ({ auth: auth2, request }) => {
+      if (request.nextUrl.pathname.startsWith("/")) {
+        return true;
+      }
+      return !!auth2;
+    },
+    jwt({ token, user }) {
+      if (user) {
+        token.id = user.id;
+      }
+      return token;
+    },
+    async session({ session, user }) {
+      session.user.id = user.id;
+      const [microsoftAccount] = await db.select().from(accounts).where(drizzleOrm.and(drizzleOrm.eq(accounts.userId, user.id), drizzleOrm.eq(accounts.provider, "microsoft-entra-id"))).limit(1);
+      if (microsoftAccount && microsoftAccount.expires_at && microsoftAccount.expires_at * 1e3 < Date.now()) {
+        try {
+          const tokenEndpoint = `https://login.microsoftonline.com/${process.env.AUTH_MICROSOFT_ENTRA_ID_TENANT_ID}/oauth2/v2.0/token`;
+          const response = await fetch(tokenEndpoint, {
+            method: "POST",
+            headers: {
+              "Content-Type": "application/x-www-form-urlencoded"
+            },
+            body: new URLSearchParams({
+              client_id: process.env.AUTH_MICROSOFT_ENTRA_ID_ID,
+              client_secret: process.env.AUTH_MICROSOFT_ENTRA_ID_SECRET,
+              grant_type: "refresh_token",
+              refresh_token: microsoftAccount.refresh_token,
+              scope: "openid profile email offline_access"
+            })
+          });
+          const tokensOrError = await response.json();
+          if (!response.ok) throw tokensOrError;
+          const newTokens = tokensOrError;
+          await db.update(accounts).set({
+            access_token: newTokens.access_token,
+            expires_at: Math.floor(Date.now() / 1e3 + newTokens.expires_in),
+            refresh_token: newTokens.refresh_token ?? microsoftAccount.refresh_token,
+            id_token: newTokens.id_token ?? microsoftAccount.id_token
+          }).where(
+            drizzleOrm.and(
+              drizzleOrm.eq(accounts.provider, "microsoft-entra-id"),
+              drizzleOrm.eq(accounts.providerAccountId, microsoftAccount.providerAccountId)
+            )
+          );
+        } catch (error) {
+          console.error("Error refreshing access_token", error);
+          session.error = "RefreshTokenError";
+        }
+      }
+      return session;
+    }
+  }
+});
+
+// src/actions/auth-actions.ts
+async function signInWithEntra(formData) {
+  const redirect = formData.get("redirect")?.toString() || "/dashboard";
+  await signIn("microsoft-entra-id", { redirectTo: redirect });
+}
+async function signInGeneric(formData) {
+  const redirect = formData.get("redirect")?.toString() || "/dashboard";
+  await signIn(void 0, { redirectTo: redirect });
+}
+async function signOutAction() {
+  await signOut();
+}
+function SignInButton() {
+  return /* @__PURE__ */ jsxRuntime.jsx("form", { action: signInGeneric, children: /* @__PURE__ */ jsxRuntime.jsx(Button2, { type: "submit", variant: "outline", children: "Sign in" }) });
+}
+function SignOutButton() {
+  return /* @__PURE__ */ jsxRuntime.jsx("form", { action: signOutAction, children: /* @__PURE__ */ jsxRuntime.jsx(Button2, { type: "submit", color: "danger", children: "Sign Out" }) });
+}
+function SignInWithEntraButton() {
+  return /* @__PURE__ */ jsxRuntime.jsx("form", { action: signInWithEntra, children: /* @__PURE__ */ jsxRuntime.jsx(Button2, { type: "submit", children: "Sign in with Entra" }) });
+}
 var MOBILE_BREAKPOINT = 768;
 function useIsMobile() {
   const [isMobile, setIsMobile] = React16__namespace.useState(void 0);
@@ -23064,15 +23581,15 @@ function useDisableToc() {
   }, [setToc]);
 }
 function getNodeText(node) {
-  let text = "";
+  let text4 = "";
   for (const child of node.children ?? []) {
     if ("type" in child && child.type === "text") {
-      text += child.attributes?.content ?? "";
+      text4 += child.attributes?.content ?? "";
     } else if (child instanceof HTMLElement) {
-      text += getNodeText(child);
+      text4 += getNodeText(child);
     }
   }
-  return text;
+  return text4;
 }
 function domToSimple(node) {
   if (node.nodeType === Node.TEXT_NODE) {
@@ -23386,6 +23903,9 @@ exports.MenubarSub = MenubarSub;
 exports.MenubarSubContent = MenubarSubContent;
 exports.MenubarSubTrigger = MenubarSubTrigger;
 exports.MenubarTrigger = MenubarTrigger;
+exports.MobileHeader = MobileHeader;
+exports.MobileSearch = MobileSearch;
+exports.MultiLevelPushMenu = MultiLevelPushMenu;
 exports.Navbar = Navbar;
 exports.NavbarDivider = NavbarDivider;
 exports.NavbarItem = NavbarItem;
@@ -23447,6 +23967,9 @@ exports.SheetTitle = SheetTitle;
 exports.SheetTrigger = SheetTrigger;
 exports.SidebarLink = SidebarLink;
 exports.SidebarNavigation = SidebarNavigation;
+exports.SignInButton = SignInButton;
+exports.SignInWithEntraButton = SignInWithEntraButton;
+exports.SignOutButton = SignOutButton;
 exports.SiteSearch = SiteSearch;
 exports.Skeleton = Skeleton;
 exports.Slider = Slider;
@@ -23514,14 +24037,20 @@ exports.createColorData = createColorData;
 exports.createFormStore = createFormStore;
 exports.darkenColor = darkenColor;
 exports.domToSimple = domToSimple;
+exports.findItemById = findItemById;
+exports.findPathToItem = findPathToItem;
 exports.focusInput = focusInput;
 exports.focusRing = focusRing;
+exports.generateBreadcrumb = generateBreadcrumb;
 exports.generateColorThemes = generateColorThemes;
+exports.generateLevelId = generateLevelId;
 exports.getColorClassName = getColorClassName;
 exports.getColorValue = getColorValue;
 exports.getHeadings = getHeadings;
+exports.getMaxDepth = getMaxDepth;
 exports.getNodeText = getNodeText;
 exports.getSurroundingColors = getSurroundingColors;
+exports.getTotalItemCount = getTotalItemCount;
 exports.getYAxisDomain = getYAxisDomain;
 exports.hasErrorInput = hasErrorInput;
 exports.hasOnlyOneValueForKey = hasOnlyOneValueForKey;