@helpwave/hightide 0.12.4 → 0.12.6

package/dist/index.mjs

@@ -14113,11 +14113,11 @@ var VerticalDivider = ({
 
 // src/components/layout/app/AppPage.tsx
 import clsx15 from "clsx";
-import { useCallback as useCallback28, useMemo as useMemo22, useRef as useRef25, useState as useState22 } from "react";
+import { useCallback as useCallback28, useMemo as useMemo22, useRef as useRef25, useState as useState23 } from "react";
 import { MenuIcon, X } from "lucide-react";
 
 // src/components/layout/navigation/navigation-menus/NavigationContext.tsx
-import { createContext as createContext11, useCallback as useCallback26, useContext as useContext12, useEffect as useEffect28, useMemo as useMemo21, useRef as useRef23 } from "react";
+import { createContext as createContext11, useCallback as useCallback26, useContext as useContext12, useEffect as useEffect28, useMemo as useMemo21, useRef as useRef23, useState as useState22 } from "react";
 
 // src/hooks/useTreeNavigation.ts
 import { useCallback as useCallback25, useEffect as useEffect27, useMemo as useMemo20, useState as useState21 } from "react";
@@ -14139,6 +14139,22 @@ function buildTreeIndex(nodes) {
     roots: [...nodes]
   };
 }
+function resolveTreeNodePath(nodes, id) {
+  if (id == null) return null;
+  const entry = buildTreeIndex(nodes).byId.get(id);
+  return entry?.path ?? null;
+}
+function flattenAllItems(nodes, expandedIds, path = []) {
+  const result = [];
+  for (const node of nodes) {
+    const currentPath = [...path, node.id];
+    const hasChildren = node.items.length > 0;
+    const expanded = hasChildren && expandedIds.has(node.id);
+    result.push({ id: node.id, path: currentPath, expanded });
+    result.push(...flattenAllItems(node.items, expandedIds, currentPath));
+  }
+  return result;
+}
 function flattenVisibleItems(nodes, expandedIds, path = []) {
   const result = [];
   for (const node of nodes) {
@@ -14175,11 +14191,11 @@ function isAncestorOf(ancestorId, descendantPath) {
   const index = descendantPath.indexOf(ancestorId);
   return index >= 0 && index < descendantPath.length - 1;
 }
-function pruneExpandedIds(expandedIds, activePath, onlyOneExpandedTree, index) {
-  if (!onlyOneExpandedTree || activePath == null) {
+function pruneExpandedIds(expandedIds, focusedPath, onlyOneExpandedTree, index) {
+  if (!onlyOneExpandedTree || focusedPath == null) {
     return new Set(expandedIds);
   }
-  const pathSet = new Set(activePath);
+  const pathSet = new Set(focusedPath);
   const pruned = /* @__PURE__ */ new Set();
   for (const id of expandedIds) {
     if (!pathSet.has(id)) continue;
@@ -14190,77 +14206,80 @@ function pruneExpandedIds(expandedIds, activePath, onlyOneExpandedTree, index) {
   }
   return pruned;
 }
-function syncExpansionForActive(expandedIds, activePath, onlyOneExpandedTree, index) {
+function syncExpansionForFocused(expandedIds, focusedPath, onlyOneExpandedTree, index) {
   const next = new Set(expandedIds);
-  for (const id of getExpandableAncestorIds(activePath, index)) {
+  for (const id of getExpandableAncestorIds(focusedPath, index)) {
     next.add(id);
   }
-  return pruneExpandedIds(next, activePath, onlyOneExpandedTree, index);
+  return pruneExpandedIds(next, focusedPath, onlyOneExpandedTree, index);
 }
 function useTreeNavigation({
   nodes,
-  activeId: controlledActiveId,
-  onActiveIdChange,
-  initialActiveId,
+  focusedId: controlledFocusedId,
+  onFocusedIdChange,
+  initialFocusedId,
   onlyOneExpandedTree = false
 }) {
   const index = useMemo20(() => buildTreeIndex(nodes), [nodes]);
-  const [activeId, setActiveId] = useControlledState({
-    value: controlledActiveId,
-    onValueChange: onActiveIdChange,
-    defaultValue: initialActiveId ?? null
+  const [focusedId, setFocusedId] = useControlledState({
+    value: controlledFocusedId,
+    onValueChange: onFocusedIdChange,
+    defaultValue: initialFocusedId ?? null
   });
-  const resolvedActiveId = useMemo20(() => {
-    if (activeId == null) return null;
-    if (index.byId.has(activeId)) return activeId;
+  const resolvedFocusedId = useMemo20(() => {
+    if (focusedId == null) return null;
+    if (index.byId.has(focusedId)) return focusedId;
     return null;
-  }, [activeId, index]);
+  }, [focusedId, index]);
   const [expandedIds, setExpandedIds] = useState21(() => /* @__PURE__ */ new Set());
   useEffect27(() => {
-    if (resolvedActiveId == null) return;
-    const entry = index.byId.get(resolvedActiveId);
+    if (resolvedFocusedId == null) return;
+    const entry = index.byId.get(resolvedFocusedId);
     if (entry == null) return;
-    setExpandedIds((prev) => syncExpansionForActive(prev, entry.path, onlyOneExpandedTree, index));
-  }, [resolvedActiveId, onlyOneExpandedTree, index]);
-  const items = useMemo20(() => {
+    setExpandedIds((prev) => syncExpansionForFocused(prev, entry.path, onlyOneExpandedTree, index));
+  }, [resolvedFocusedId, onlyOneExpandedTree, index]);
+  const visibleItems = useMemo20(() => {
     return flattenVisibleItems(nodes, expandedIds);
   }, [nodes, expandedIds]);
-  const activeItem = useMemo20(() => {
-    if (resolvedActiveId == null) return null;
-    return items.find((item) => item.id === resolvedActiveId) ?? null;
-  }, [items, resolvedActiveId]);
+  const allItems = useMemo20(() => {
+    return flattenAllItems(nodes, expandedIds);
+  }, [nodes, expandedIds]);
+  const focusedItem = useMemo20(() => {
+    if (resolvedFocusedId == null) return null;
+    return allItems.find((item) => item.id === resolvedFocusedId) ?? null;
+  }, [allItems, resolvedFocusedId]);
   const navigateTo = useCallback25((id) => {
     const entry = index.byId.get(id);
     if (entry == null) {
       console.warn(`Attempted to navigate to node ${id} that does not exist`);
       return;
     }
-    setActiveId(id);
+    setFocusedId(id);
     setExpandedIds((prev) => {
-      const next2 = syncExpansionForActive(prev, entry.path, onlyOneExpandedTree, index);
+      const next2 = syncExpansionForFocused(prev, entry.path, onlyOneExpandedTree, index);
       return next2;
     });
-  }, [index, onlyOneExpandedTree, setActiveId]);
+  }, [index, onlyOneExpandedTree, setFocusedId]);
   const expand = useCallback25((id, options) => {
     const entry = index.byId.get(id);
     if (entry == null || entry.node.items.length === 0) return;
     if (options?.isFocusing) {
-      setActiveId(id);
+      setFocusedId(id);
     }
     setExpandedIds((prev) => {
       const next2 = new Set(prev);
       next2.add(id);
-      const activePath = options?.isFocusing ? entry.path : resolvedActiveId != null ? index.byId.get(resolvedActiveId)?.path ?? null : null;
-      return pruneExpandedIds(next2, activePath, onlyOneExpandedTree, index);
+      const focusedPath = options?.isFocusing ? entry.path : resolvedFocusedId != null ? index.byId.get(resolvedFocusedId)?.path ?? null : null;
+      return pruneExpandedIds(next2, focusedPath, onlyOneExpandedTree, index);
     });
-  }, [index, onlyOneExpandedTree, resolvedActiveId, setActiveId]);
+  }, [index, onlyOneExpandedTree, resolvedFocusedId, setFocusedId]);
   const collapse = useCallback25((id, options) => {
-    if (!options?.isFocusing && resolvedActiveId != null) {
-      const activeEntry = index.byId.get(resolvedActiveId);
-      if (activeEntry != null && isAncestorOf(id, activeEntry.path)) return;
+    if (!options?.isFocusing && resolvedFocusedId != null) {
+      const focusedEntry = index.byId.get(resolvedFocusedId);
+      if (focusedEntry != null && isAncestorOf(id, focusedEntry.path)) return;
     }
     if (options?.isFocusing) {
-      setActiveId(id);
+      setFocusedId(id);
     }
     const descendantIds = getDescendantIds(index, id);
     setExpandedIds((prev) => {
@@ -14271,12 +14290,12 @@ function useTreeNavigation({
       }
       return next2;
     });
-  }, [index, resolvedActiveId, setActiveId]);
+  }, [index, resolvedFocusedId, setFocusedId]);
   const toggleExpansion = useCallback25((id, options) => {
     const entry = index.byId.get(id);
     if (entry == null || entry.node.items.length === 0) return;
     if (options?.isFocusing) {
-      setActiveId(id);
+      setFocusedId(id);
       setExpandedIds((prev) => {
         if (prev.has(id)) {
           const next3 = new Set(prev);
@@ -14301,44 +14320,45 @@ function useTreeNavigation({
     } else {
       expand(id);
     }
-  }, [index, expandedIds, expand, collapse, onlyOneExpandedTree, setActiveId]);
+  }, [index, expandedIds, expand, collapse, onlyOneExpandedTree, setFocusedId]);
   const next = useCallback25(() => {
-    if (items.length === 0) return;
-    if (resolvedActiveId == null) {
-      navigateTo(items[0].id);
+    if (visibleItems.length === 0) return;
+    if (resolvedFocusedId == null) {
+      navigateTo(visibleItems[0].id);
       return;
     }
-    const currentIndex = items.findIndex((item) => item.id === resolvedActiveId);
+    const currentIndex = visibleItems.findIndex((item) => item.id === resolvedFocusedId);
     const startIndex = currentIndex < 0 ? 0 : currentIndex;
-    if (startIndex < items.length - 1) {
-      navigateTo(items[startIndex + 1].id);
+    if (startIndex < visibleItems.length - 1) {
+      navigateTo(visibleItems[startIndex + 1].id);
       return;
     }
-  }, [items, resolvedActiveId, navigateTo]);
+  }, [visibleItems, resolvedFocusedId, navigateTo]);
   const previous = useCallback25(() => {
-    if (items.length === 0) return;
-    if (resolvedActiveId == null) {
-      navigateTo(items[items.length - 1].id);
+    if (visibleItems.length === 0) return;
+    if (resolvedFocusedId == null) {
+      navigateTo(visibleItems[visibleItems.length - 1].id);
       return;
     }
-    const currentIndex = items.findIndex((item) => item.id === resolvedActiveId);
-    const startIndex = currentIndex < 0 ? items.length - 1 : currentIndex;
+    const currentIndex = visibleItems.findIndex((item) => item.id === resolvedFocusedId);
+    const startIndex = currentIndex < 0 ? visibleItems.length - 1 : currentIndex;
     if (startIndex > 0) {
-      navigateTo(items[startIndex - 1].id);
+      navigateTo(visibleItems[startIndex - 1].id);
       return;
     }
-  }, [items, resolvedActiveId, navigateTo]);
+  }, [visibleItems, resolvedFocusedId, navigateTo]);
   const first = useCallback25(() => {
-    if (items.length === 0) return;
-    navigateTo(items[0].id);
-  }, [items, navigateTo]);
+    if (visibleItems.length === 0) return;
+    navigateTo(visibleItems[0].id);
+  }, [visibleItems, navigateTo]);
   const last = useCallback25(() => {
-    if (items.length === 0) return;
-    navigateTo(items[items.length - 1].id);
-  }, [items, navigateTo]);
+    if (visibleItems.length === 0) return;
+    navigateTo(visibleItems[visibleItems.length - 1].id);
+  }, [visibleItems, navigateTo]);
   return useMemo20(() => ({
-    items,
-    activeItem,
+    visibleItems,
+    allItems,
+    focusedItem,
     navigateTo,
     expand,
     collapse,
@@ -14347,7 +14367,7 @@ function useTreeNavigation({
     previous,
     first,
     last
-  }), [items, activeItem, navigateTo, expand, collapse, toggleExpansion, next, previous, first, last]);
+  }), [visibleItems, allItems, focusedItem, navigateTo, expand, collapse, toggleExpansion, next, previous, first, last]);
 }
 
 // src/components/layout/navigation/navigation-menus/NavigationContext.tsx
@@ -14355,22 +14375,41 @@ import { jsx as jsx40 } from "react/jsx-runtime";
 var NavigationContext = createContext11(null);
 function NavigationProvider({
   children,
-  ...options
+  activeId = null,
+  ...treeOptions
 }) {
-  const navigation = useTreeNavigation(options);
+  const navigation = useTreeNavigation({
+    ...treeOptions,
+    initialFocusedId: treeOptions.initialFocusedId ?? activeId ?? treeOptions.nodes[0]?.id ?? null
+  });
   const itemRefs = useRef23(/* @__PURE__ */ new Map());
-  const focusedId = navigation.activeItem?.id ?? navigation.items[0]?.id ?? null;
+  const [hasNavigatedToActiveId, setHasNavigatedToActiveId] = useState22(false);
+  useEffect28(() => {
+    if (activeId == null || hasNavigatedToActiveId) return;
+    const navigationItem = navigation.allItems.find((item) => item.id === activeId);
+    if (navigationItem == null) return;
+    navigation.navigateTo(activeId);
+    setHasNavigatedToActiveId(true);
+  }, [activeId, navigation, navigation.navigateTo, navigation.allItems, hasNavigatedToActiveId]);
+  const focusedId = useMemo21(() => {
+    return navigation.focusedItem?.id ?? navigation.visibleItems[0]?.id ?? null;
+  }, [navigation.focusedItem, navigation.visibleItems]);
+  const activePath = useMemo21(() => {
+    return resolveTreeNodePath(treeOptions.nodes, activeId);
+  }, [treeOptions.nodes, activeId]);
   const itemStateById = useMemo21(() => {
     const map = /* @__PURE__ */ new Map();
-    for (const item of navigation.items) {
+    for (const item of navigation.allItems) {
       map.set(item.id, {
         expanded: item.expanded,
         isFocused: focusedId === item.id,
+        isActive: activeId === item.id,
+        isOnActivePath: activePath?.includes(item.id) ?? false,
         path: item.path
       });
     }
     return map;
-  }, [navigation.items, focusedId]);
+  }, [navigation.allItems, focusedId, activeId, activePath]);
   const getItemState = useCallback26((id) => {
     return itemStateById.get(id) ?? null;
   }, [itemStateById]);
@@ -14386,9 +14425,12 @@ function NavigationProvider({
     itemRefs.current.get(focusedId)?.focus();
   }, [focusedId]);
   const value = useMemo21(() => ({
-    activeItem: navigation.activeItem,
+    focusedItem: navigation.focusedItem,
     focusedId,
-    items: navigation.items,
+    activeId,
+    activePath,
+    visibleItems: navigation.visibleItems,
+    allItems: navigation.allItems,
     getItemState,
     navigateTo: navigation.navigateTo,
     expand: navigation.expand,
@@ -14400,8 +14442,9 @@ function NavigationProvider({
     toggleExpansion: navigation.toggleExpansion,
     registerItemRef
   }), [
-    navigation.activeItem,
-    navigation.items,
+    navigation.focusedItem,
+    navigation.visibleItems,
+    navigation.allItems,
     navigation.navigateTo,
     navigation.expand,
     navigation.collapse,
@@ -14411,6 +14454,8 @@ function NavigationProvider({
     navigation.last,
     navigation.toggleExpansion,
     focusedId,
+    activeId,
+    activePath,
     getItemState,
     registerItemRef
   ]);
@@ -14557,7 +14602,7 @@ function VerticalNavigationItem({
       tabIndex: -1,
       children: [
         label,
-        /* @__PURE__ */ jsx41(ExternalLink2, { className: "size-force-5 text-description" })
+        /* @__PURE__ */ jsx41(ExternalLink2, { className: "vertical-navigation-item-link-external-icon" })
       ]
     }
   ) : /* @__PURE__ */ jsx41(
@@ -14577,11 +14622,12 @@ function VerticalNavigationItem({
         role: "treeitem",
         "data-name": "vertical-navigation-item",
         "data-depth": depth,
-        "data-active": isFocused ? "" : void 0,
+        "data-focused": isFocused ? "" : void 0,
         "aria-selected": isFocused ? true : void 0,
         tabIndex: isFocused ? 0 : -1,
         onKeyDown: handleKeyDown,
         onClick: handleLeafActivate,
+        className: "group/tree-leaf",
         children: labelContent
       }
     );
@@ -14593,7 +14639,7 @@ function VerticalNavigationItem({
       role: "treeitem",
       "data-name": "vertical-navigation-node",
       "data-depth": depth,
-      "data-active": isFocused ? "" : void 0,
+      "data-focused": isFocused ? "" : void 0,
       "data-expanded": expanded ? "" : void 0,
       "aria-expanded": expanded,
       tabIndex: isFocused ? 0 : -1,
@@ -14605,7 +14651,7 @@ function VerticalNavigationItem({
           {
             ref: headerRef,
             "data-name": "vertical-navigation-node-header",
-            "data-active": isFocused ? "" : void 0,
+            "data-focused": isFocused ? "" : void 0,
             onClick: handleHeaderActivate,
             children: [
               label,
@@ -14705,30 +14751,61 @@ var AppPageSidebarWithNavigation = ({
   footer,
   navigationItems,
   contentOverwrite,
+  initialFocusedId,
+  focusedId,
+  onFocusedIdChange,
+  activeId,
   ...props
 }) => {
   return /* @__PURE__ */ jsx43(AppSidebar, { ...props, children: /* @__PURE__ */ jsxs24("div", { className: "app-page-sidebar-with-navigation", children: [
     header && /* @__PURE__ */ jsx43("div", { className: "app-page-sidebar-with-navigation-header", children: header }),
-    navigationItems && !contentOverwrite && /* @__PURE__ */ jsx43("div", { className: "app-page-sidebar-with-navigation-scroll", children: /* @__PURE__ */ jsx43(VerticalNavigationTree, { items: navigationItems }) }),
+    navigationItems && !contentOverwrite && /* @__PURE__ */ jsx43("div", { className: "app-page-sidebar-with-navigation-scroll", children: /* @__PURE__ */ jsx43(
+      VerticalNavigationTree,
+      {
+        items: navigationItems,
+        initialFocusedId,
+        focusedId,
+        onFocusedIdChange,
+        activeId
+      }
+    ) }),
     contentOverwrite && /* @__PURE__ */ jsx43("div", { className: "app-page-sidebar-with-navigation-scroll", children: contentOverwrite }),
     footer && /* @__PURE__ */ jsx43("div", { className: "app-page-sidebar-with-navigation-footer", children: footer })
   ] }) });
 };
+function findActiveIdByUrl(items, activeUrl) {
+  for (const item of items) {
+    if (item.url === activeUrl) return item.id;
+    if (item.items != null) {
+      const found = findActiveIdByUrl(item.items, activeUrl);
+      if (found != null) return found;
+    }
+  }
+  return null;
+}
 var AppPage = ({ children, headerActions, sidebarProps, ...props }) => {
   const translation = useHightideTranslation();
-  const [isSidebarOpen, setIsSidebarOpen] = useState22(false);
+  const [isSidebarOpen, setIsSidebarOpen] = useState23(false);
+  const resolvedActiveId = useMemo22(() => {
+    if (sidebarProps.activeId !== void 0) return sidebarProps.activeId;
+    if (sidebarProps.activeUrl == null || sidebarProps.items == null) return null;
+    return findActiveIdByUrl(sidebarProps.items, sidebarProps.activeUrl);
+  }, [sidebarProps.activeId, sidebarProps.activeUrl, sidebarProps.items]);
   const toNavigationItems = useCallback28((items) => {
-    return items?.map((item) => ({
-      id: item.id,
-      label: /* @__PURE__ */ jsxs24("span", { className: "app-page-navigation-item-label", "data-acitve": item.isActive ? "" : void 0, children: [
-        item.icon && /* @__PURE__ */ jsx43("span", { className: "size-5", children: item.icon }),
-        item.label
-      ] }),
-      url: item.url,
-      external: item.external,
-      items: toNavigationItems(item.items)
-    })) ?? void 0;
-  }, []);
+    return items?.map((item) => {
+      const isActive = item.id === resolvedActiveId;
+      return {
+        id: item.id,
+        label: /* @__PURE__ */ jsxs24("span", { className: "app-page-navigation-item-label", "data-active-page": isActive ? "" : void 0, children: [
+          item.icon && /* @__PURE__ */ jsx43("span", { className: "size-5", children: item.icon }),
+          item.label
+        ] }),
+        url: item.url,
+        external: item.external,
+        items: toNavigationItems(item.items)
+      };
+    }) ?? void 0;
+  }, [resolvedActiveId]);
   const navigationItems = useMemo22(() => toNavigationItems(
     sidebarProps.items
   ), [sidebarProps.items, toNavigationItems]);
@@ -14747,7 +14824,11 @@ var AppPage = ({ children, headerActions, sidebarProps, ...props }) => {
             header: sidebarProps.header,
             footer: sidebarProps.footer,
             navigationItems,
-            contentOverwrite: sidebarProps.contentOverwrite
+            contentOverwrite: sidebarProps.contentOverwrite,
+            initialFocusedId: sidebarProps.initialFocusedId,
+            focusedId: sidebarProps.focusedId,
+            onFocusedIdChange: sidebarProps.onFocusedIdChange,
+            activeId: resolvedActiveId
           }
         ),
         /* @__PURE__ */ jsxs24("div", { "data-name": "app-page-content", children: [
@@ -15086,7 +15167,7 @@ import { MonitorCog, MoonIcon, SunIcon } from "lucide-react";
 import clsx18 from "clsx";
 
 // src/global-contexts/ThemeContext.tsx
-import { createContext as createContext13, useCallback as useCallback30, useContext as useContext15, useEffect as useEffect29, useMemo as useMemo25, useState as useState23 } from "react";
+import { createContext as createContext13, useCallback as useCallback30, useContext as useContext15, useEffect as useEffect29, useMemo as useMemo25, useState as useState24 } from "react";
 import { jsx as jsx50 } from "react/jsx-runtime";
 var themes = ["light", "dark", "system"];
 var ThemeUtil = {
@@ -15100,7 +15181,7 @@ var ThemeProvider = ({ children, theme, initialTheme }) => {
     deleteValue: deleteStoredTheme
   } = useStorage({ key: "theme", defaultValue: "system" });
   const { config } = useHightideConfig();
-  const [themePreference, setThemePreference] = useState23("system");
+  const [themePreference, setThemePreference] = useState24("system");
   const resolvedTheme = useMemo25(() => {
     if (theme && theme !== "system") {
       return theme;
@@ -15192,7 +15273,6 @@ var ThemeSelect = ({ ...props }) => {
     {
       value: theme,
       onEditComplete: (value) => {
-        console.log("onEditComplete", value);
         props.onEditComplete?.(value);
         setTheme(value);
       },
@@ -15438,7 +15518,7 @@ var ErrorComponent = ({
 };
 
 // src/components/layout/loading/LoadingAndErrorComponent.tsx
-import { useState as useState24 } from "react";
+import { useState as useState25 } from "react";
 
 // src/components/layout/loading/LoadingContainer.tsx
 import { clsx as clsx20 } from "clsx";
@@ -15459,8 +15539,8 @@ var LoadingAndErrorComponent = ({
   minimumLoadingDuration = 200,
   className
 }) => {
-  const [isInMinimumLoading, setIsInMinimumLoading] = useState24(false);
-  const [hasUsedMinimumLoading, setHasUsedMinimumLoading] = useState24(false);
+  const [isInMinimumLoading, setIsInMinimumLoading] = useState25(false);
+  const [hasUsedMinimumLoading, setHasUsedMinimumLoading] = useState25(false);
   if (minimumLoadingDuration && !isInMinimumLoading && !hasUsedMinimumLoading) {
     setIsInMinimumLoading(true);
     setTimeout(() => {
@@ -15525,7 +15605,7 @@ var BreadCrumbs = ({ crumbs }) => {
 var import_link2 = __toESM(require_link2());
 import { Menu as MenuIcon2, XIcon } from "lucide-react";
 import { useEffect as useEffect30 } from "react";
-import { useCallback as useCallback31, useId as useId14, useRef as useRef28, useState as useState25 } from "react";
+import { useCallback as useCallback31, useId as useId14, useRef as useRef28, useState as useState26 } from "react";
 import clsx23 from "clsx";
 import { Fragment as Fragment7, jsx as jsx61, jsxs as jsxs34 } from "react/jsx-runtime";
 function isSubItem(item) {
@@ -15537,7 +15617,7 @@ var NavigationItemWithSubItem = ({
   horizontalAlignment = "center",
   ...options
 }) => {
-  const [isOpen, setOpen] = useState25(false);
+  const [isOpen, setOpen] = useState26(false);
   const containerRef = useRef28(null);
   const triggerRef = useRef28(null);
   const id = useId14();
@@ -15614,7 +15694,7 @@ var NavigationItemList = ({ items, ...restProps }) => {
 };
 var Navigation = ({ ...props }) => {
   const translation = useHightideTranslation();
-  const [isMobileOpen, setIsMobileOpen] = useState25(false);
+  const [isMobileOpen, setIsMobileOpen] = useState26(false);
   const id = useId14();
   const menuRef = useRef28(null);
   useEffect30(() => {
@@ -15685,7 +15765,7 @@ var Navigation = ({ ...props }) => {
 // src/components/layout/navigation/Pagination.tsx
 import { ChevronFirst, ChevronLast, ChevronLeft as ChevronLeft2, ChevronRight as ChevronRight3 } from "lucide-react";
 import clsx24 from "clsx";
-import { useEffect as useEffect31, useState as useState26 } from "react";
+import { useEffect as useEffect31, useState as useState27 } from "react";
 import { jsx as jsx62, jsxs as jsxs35 } from "react/jsx-runtime";
 var Pagination = ({
   pageIndex,
@@ -15694,7 +15774,7 @@ var Pagination = ({
   ...props
 }) => {
   const translation = useHightideTranslation();
-  const [value, setValue] = useState26((pageIndex + 1).toString());
+  const [value, setValue] = useState27((pageIndex + 1).toString());
   const noPages = pageCount === 0;
   const onFirstPage = pageIndex === 0 && !noPages;
   const onLastPage = pageIndex === pageCount - 1;
@@ -15921,7 +16001,7 @@ function PopUpOpener({ children }) {
 }
 
 // src/components/layout/popup/PopUpRoot.tsx
-import { useId as useId15, useMemo as useMemo28, useState as useState27 } from "react";
+import { useId as useId15, useMemo as useMemo28, useState as useState28 } from "react";
 import { jsx as jsx64 } from "react/jsx-runtime";
 function PopUpRoot({
   children,
@@ -15938,7 +16018,7 @@ function PopUpRoot({
     onValueChange: onIsOpenChange,
     defaultValue: initialIsOpen
   });
-  const [triggerRef, setTriggerRef] = useState27(null);
+  const [triggerRef, setTriggerRef] = useState28(null);
   const popUpId = useMemo28(() => popUpIdOverwrite ?? `pop-up-${generatedPopUpId}`, [popUpIdOverwrite, generatedPopUpId]);
   const triggerId = useMemo28(() => triggerIdOverwrite ?? `pop-up-trigger-${generatedTriggerId}`, [triggerIdOverwrite, generatedTriggerId]);
   const contextValue = useMemo28(() => ({
@@ -16128,7 +16208,7 @@ var FillerCell = ({ ...props }) => {
 };
 
 // src/components/layout/table/TableProvider.tsx
-import { useCallback as useCallback33, useEffect as useEffect33, useLayoutEffect as useLayoutEffect6, useMemo as useMemo29, useRef as useRef30, useState as useState28 } from "react";
+import { useCallback as useCallback33, useEffect as useEffect33, useLayoutEffect as useLayoutEffect6, useMemo as useMemo29, useRef as useRef30, useState as useState29 } from "react";
 
 // src/components/layout/table/TableContext.tsx
 import { createContext as createContext15, useContext as useContext17 } from "react";
@@ -17215,9 +17295,9 @@ var TableProvider = ({
 }) => {
   const onRowClickStable = useEventCallbackStabilizer(onRowClick);
   const onFillerRowClickStable = useEventCallbackStabilizer(onFillerRowClick);
-  const [registeredColumns, setRegisteredColumns] = useState28([]);
+  const [registeredColumns, setRegisteredColumns] = useState29([]);
   const containerRef = useRef30(null);
-  const [, setTableState] = useState28({
+  const [, setTableState] = useState29({
     columnSizing: {},
     columnOrder: [],
     columnFilters: [],
@@ -17242,7 +17322,7 @@ var TableProvider = ({
       pageSize: 10
     }
   });
-  const [targetWidth, setTargetWidth] = useState28(void 0);
+  const [targetWidth, setTargetWidth] = useState29(void 0);
   useLayoutEffect6(() => {
     const width = containerRef.current?.getBoundingClientRect().width;
     setTargetWidth(width !== void 0 ? Math.floor(width) : void 0);
@@ -17504,15 +17584,15 @@ var TableSortButton = ({
 
 // src/components/layout/table/TableFilterButton.tsx
 import { FilterIcon } from "lucide-react";
-import { useEffect as useEffect46, useId as useId20, useMemo as useMemo39, useRef as useRef39, useState as useState37 } from "react";
+import { useEffect as useEffect46, useId as useId20, useMemo as useMemo39, useRef as useRef39, useState as useState38 } from "react";
 import { flexRender as flexRender2 } from "@tanstack/react-table";
 
 // src/components/user-interaction/data/FilterPopUp.tsx
 import { Check as Check3, TrashIcon } from "lucide-react";
-import { forwardRef as forwardRef25, useEffect as useEffect45, useId as useId19, useMemo as useMemo38, useState as useState36 } from "react";
+import { forwardRef as forwardRef25, useEffect as useEffect45, useId as useId19, useMemo as useMemo38, useState as useState37 } from "react";
 
 // src/components/user-interaction/input/DateTimeInput.tsx
-import { forwardRef as forwardRef20, useCallback as useCallback36, useEffect as useEffect39, useId as useId16, useImperativeHandle as useImperativeHandle11, useMemo as useMemo34, useRef as useRef35, useState as useState33 } from "react";
+import { forwardRef as forwardRef20, useCallback as useCallback36, useEffect as useEffect39, useId as useId16, useImperativeHandle as useImperativeHandle11, useMemo as useMemo34, useRef as useRef35, useState as useState34 } from "react";
 import { CalendarIcon, X as X4 } from "lucide-react";
 import clsx31 from "clsx";
 
@@ -17700,7 +17780,7 @@ var TimePicker = ({
 };
 
 // src/components/user-interaction/date/DatePicker.tsx
-import { useState as useState30 } from "react";
+import { useState as useState31 } from "react";
 import { ArrowDown, ArrowUp, Calendar, ChevronDown as ChevronDown4 } from "lucide-react";
 import clsx29 from "clsx";
 
@@ -17826,7 +17906,7 @@ var DayPicker = ({
 };
 
 // src/components/user-interaction/date/YearMonthPicker.tsx
-import { memo, useCallback as useCallback35, useEffect as useEffect36, useMemo as useMemo32, useRef as useRef33, useState as useState29 } from "react";
+import { memo, useCallback as useCallback35, useEffect as useEffect36, useMemo as useMemo32, useRef as useRef33, useState as useState30 } from "react";
 import clsx28 from "clsx";
 import { jsx as jsx73, jsxs as jsxs42 } from "react/jsx-runtime";
 var YearRow = memo(function YearRow2({
@@ -17839,7 +17919,7 @@ var YearRow = memo(function YearRow2({
 }) {
   const ref = useRef33(null);
   const isSelectedYear = selectedMonthIndex !== void 0;
-  const [isExpanded, setIsExpanded] = useState29(false);
+  const [isExpanded, setIsExpanded] = useState30(false);
   useEffect36(() => {
     if (isSelectedYear) {
       ref.current?.scrollIntoView({ behavior: "smooth", block: "nearest" });
@@ -17969,8 +18049,8 @@ var DatePicker = ({
     onValueChange,
     defaultValue: initialValue
   });
-  const [displayedMonth, setDisplayedMonth] = useState30(new Date(value.getFullYear(), value.getMonth(), 1));
-  const [displayMode, setDisplayMode] = useState30(initialDisplay);
+  const [displayedMonth, setDisplayedMonth] = useState31(new Date(value.getFullYear(), value.getMonth(), 1));
+  const [displayMode, setDisplayMode] = useState31(initialDisplay);
   return /* @__PURE__ */ jsxs43("div", { className: clsx29("flex-col-3", className), children: [
     /* @__PURE__ */ jsxs43("div", { className: "flex-row-2 items-center justify-between", children: [
       /* @__PURE__ */ jsxs43(
@@ -18132,7 +18212,7 @@ var DateTimePicker = ({
 };
 
 // src/components/user-interaction/date/DateTimePickerDialog.tsx
-import { useEffect as useEffect37, useState as useState31 } from "react";
+import { useEffect as useEffect37, useState as useState32 } from "react";
 import { Fragment as Fragment8, jsx as jsx76, jsxs as jsxs45 } from "react/jsx-runtime";
 var DateTimePickerDialog = ({
   initialValue = null,
@@ -18160,7 +18240,7 @@ var DateTimePickerDialog = ({
     onValueChange,
     defaultValue: initialValue
   });
-  const [pickerState, setPickerState] = useState31(state ?? /* @__PURE__ */ new Date());
+  const [pickerState, setPickerState] = useState32(state ?? /* @__PURE__ */ new Date());
   useEffect37(() => {
     setPickerState(state ?? /* @__PURE__ */ new Date());
   }, [state]);
@@ -18235,7 +18315,7 @@ var DateTimePickerDialog = ({
 };
 
 // src/components/user-interaction/input/DateTimeField.tsx
-import { forwardRef as forwardRef19, useEffect as useEffect38, useLayoutEffect as useLayoutEffect7, useMemo as useMemo33, useRef as useRef34, useState as useState32 } from "react";
+import { forwardRef as forwardRef19, useEffect as useEffect38, useLayoutEffect as useLayoutEffect7, useMemo as useMemo33, useRef as useRef34, useState as useState33 } from "react";
 import clsx30 from "clsx";
 
 // src/components/user-interaction/input/dateTimeSegments.ts
@@ -18542,11 +18622,11 @@ var DateTimeField = forwardRef19(function DateTimeField2({
     [locale, mode, precision, is24Hour]
   );
   const editableTypes = useMemo33(() => editableTypesOf(layout), [layout]);
-  const [editState, setEditState] = useState32(() => ({
+  const [editState, setEditState] = useState33(() => ({
     values: value ? decomposeDate(value, layout, is24Hour) : {},
     buffer: null
   }));
-  const [focusedType, setFocusedType] = useState32(null);
+  const [focusedType, setFocusedType] = useState33(null);
   const editStateRef = useRef34(editState);
   editStateRef.current = editState;
   const segmentRefs = useRef34(/* @__PURE__ */ new Map());
@@ -18792,13 +18872,13 @@ var DateTimeInput = forwardRef20(function DateTimeInput2({
   const translation = useHightideTranslation();
   const { timeZone: contextTimeZone } = useLocale();
   const timeZone = timeZoneOverride ?? contextTimeZone;
-  const [isOpen, setIsOpen] = useState33(false);
+  const [isOpen, setIsOpen] = useState34(false);
   const [state, setState] = useControlledState({
     value,
     onValueChange,
     defaultValue: initialValue
   });
-  const [dialogValue, setDialogValue] = useState33(state);
+  const [dialogValue, setDialogValue] = useState34(state);
   const changeOpenWrapper = useCallback36((isOpen2) => {
     onDialogOpeningChange?.(isOpen2);
     setIsOpen(isOpen2);
@@ -18956,7 +19036,7 @@ var DateTimeInput = forwardRef20(function DateTimeInput2({
 import { forwardRef as forwardRef24 } from "react";
 
 // src/components/user-interaction/MultiSelect/MultiSelectRoot.tsx
-import { useCallback as useCallback39, useEffect as useEffect41, useId as useId17, useMemo as useMemo37, useState as useState35 } from "react";
+import { useCallback as useCallback39, useEffect as useEffect41, useId as useId17, useMemo as useMemo37, useState as useState36 } from "react";
 
 // src/components/user-interaction/MultiSelect/MultiSelectContext.tsx
 import { createContext as createContext16, useContext as useContext18 } from "react";
@@ -18972,7 +19052,7 @@ import {
   useCallback as useCallback38,
   useEffect as useEffect40,
   useMemo as useMemo36,
-  useState as useState34
+  useState as useState35
 } from "react";
 
 // src/hooks/useMultiSelection.ts
@@ -19025,8 +19105,8 @@ function useMultiSelect({
   initialIsOpen = false,
   typeAheadResetMs = 500
 }) {
-  const [isOpen, setIsOpen] = useState34(initialIsOpen);
-  const [searchQuery, setSearchQuery] = useState34("");
+  const [isOpen, setIsOpen] = useState35(initialIsOpen);
+  const [searchQuery, setSearchQuery] = useState35("");
   const selectionOptions = useMemo36(
     () => options.map((o) => ({ id: o.id, disabled: o.disabled })),
     [options]
@@ -19200,10 +19280,10 @@ function MultiSelectRoot({
   readOnly = false,
   required = false
 }) {
-  const [triggerRef, setTriggerRef] = useState35(null);
-  const [options, setOptions] = useState35([]);
+  const [triggerRef, setTriggerRef] = useState36(null);
+  const [options, setOptions] = useState36([]);
   const generatedId = useId17();
-  const [ids, setIds] = useState35({
+  const [ids, setIds] = useState36({
     trigger: "multi-select-" + generatedId,
     content: "multi-select-content-" + generatedId,
     listbox: "multi-select-listbox-" + generatedId,
@@ -19940,8 +20020,8 @@ var DateFilterPopUp = forwardRef25(function DateFilterPopUp2({
     return suggestion;
   }, [value]);
   const parameter = value?.parameter ?? {};
-  const [temporaryMinDateValue, setTemporaryMinDateValue] = useState36(null);
-  const [temporaryMaxDateValue, setTemporaryMaxDateValue] = useState36(null);
+  const [temporaryMinDateValue, setTemporaryMinDateValue] = useState37(null);
+  const [temporaryMaxDateValue, setTemporaryMaxDateValue] = useState37(null);
   const needsRangeInput = operator === "between" || operator === "notBetween";
   const needsParameterInput = operator !== "isUndefined" && operator !== "isNotUndefined";
   return /* @__PURE__ */ jsxs52(
@@ -20082,8 +20162,8 @@ var DatetimeFilterPopUp = forwardRef25(function DatetimeFilterPopUp2({
     return suggestion;
   }, [value]);
   const parameter = value?.parameter ?? {};
-  const [temporaryMinDateValue, setTemporaryMinDateValue] = useState36(null);
-  const [temporaryMaxDateValue, setTemporaryMaxDateValue] = useState36(null);
+  const [temporaryMinDateValue, setTemporaryMinDateValue] = useState37(null);
+  const [temporaryMaxDateValue, setTemporaryMaxDateValue] = useState37(null);
   const needsRangeInput = operator === "between" || operator === "notBetween";
   const needsParameterInput = operator !== "isUndefined" && operator !== "isNotUndefined";
   return /* @__PURE__ */ jsxs52(
@@ -20413,11 +20493,11 @@ var TableFilterButton = ({
   const translation = useHightideTranslation();
   const column = header.column;
   const columnFilterValue = column.getFilterValue();
-  const [filterValue, setFilterValue] = useState37(columnFilterValue);
+  const [filterValue, setFilterValue] = useState38(columnFilterValue);
   const hasFilter = !!filterValue;
   const anchorRef = useRef39(null);
   const containerRef = useRef39(null);
-  const [isOpen, setIsOpen] = useState37(false);
+  const [isOpen, setIsOpen] = useState38(false);
   const id = useId20();
   const ids = useMemo39(() => ({
     button: `table-filter-button-${id}`,
@@ -20682,7 +20762,7 @@ var TableHeader = ({ isSticky = false }) => {
 };
 
 // src/components/layout/table/VirtualizedTableBody.tsx
-import { useEffect as useEffect48, useRef as useRef40, useState as useState38 } from "react";
+import { useEffect as useEffect48, useRef as useRef40, useState as useState39 } from "react";
 import { flexRender as flexRender4 } from "@tanstack/react-table";
 import { useVirtualizer, useWindowVirtualizer } from "@tanstack/react-virtual";
 import clsx36 from "clsx";
@@ -20696,8 +20776,8 @@ var VirtualizedTableBody = ({
   const { containerRef } = useTableContainerContext();
   const rows = table.getRowModel().rows;
   const bodyRef = useRef40(null);
-  const [isMounted, setIsMounted] = useState38(false);
-  const [scrollMargin, setScrollMargin] = useState38(0);
+  const [isMounted, setIsMounted] = useState39(false);
+  const [scrollMargin, setScrollMargin] = useState39(0);
   useEffect48(() => setIsMounted(true), []);
   useEffect48(() => {
     if (scroll !== "window") return;
@@ -21011,7 +21091,7 @@ var TableWithSelection = ({
 };
 
 // src/components/layout/table/TableColumn.tsx
-import { memo as memo2, useEffect as useEffect49, useMemo as useMemo41, useState as useState39 } from "react";
+import { memo as memo2, useEffect as useEffect49, useMemo as useMemo41, useState as useState40 } from "react";
 import { jsx as jsx94 } from "react/jsx-runtime";
 var TableColumnComponent = ({
   filterType,
@@ -21023,7 +21103,7 @@ var TableColumnComponent = ({
     "TableColumn: For filterType === multiTags or singleTag, filterData.tags must be set.",
     (filterType === "multiTags" || filterType === "singleTag") && props.meta?.filterData?.tags === void 0
   );
-  const [column] = useState39({
+  const [column] = useState40({
     ...props,
     filterFn
   });
@@ -21325,7 +21405,7 @@ var TableColumnSwitcher = ({ buttonProps, ...props }) => {
 import { forwardRef as forwardRef28 } from "react";
 
 // src/components/user-interaction/Combobox/ComboboxRoot.tsx
-import { useCallback as useCallback45, useId as useId22, useMemo as useMemo44, useState as useState40 } from "react";
+import { useCallback as useCallback45, useId as useId22, useMemo as useMemo44, useState as useState41 } from "react";
 
 // src/components/user-interaction/Combobox/ComboboxContext.tsx
 import { createContext as createContext18, useContext as useContext20 } from "react";
@@ -21411,10 +21491,10 @@ function ComboboxRoot({
   onItemClick,
   ...hookProps
 }) {
-  const [options, setOptions] = useState40([]);
-  const [listRef, setListRef] = useState40(null);
+  const [options, setOptions] = useState41([]);
+  const [listRef, setListRef] = useState41(null);
   const generatedId = useId22();
-  const [ids, setIds] = useState40({
+  const [ids, setIds] = useState41({
     trigger: `combobox-${generatedId}`,
     listbox: `combobox-${generatedId}-listbox`
   });
@@ -21722,7 +21802,7 @@ var ComboboxOption = forwardRef29(function ComboboxOption2({
 ComboboxOption.displayName = "ComboboxOption";
 
 // src/components/user-interaction/CopyToClipboardWrapper.tsx
-import { useState as useState41 } from "react";
+import { useState as useState42 } from "react";
 import { clsx as clsx41 } from "clsx";
 
 // src/utils/writeToClipboard.ts
@@ -21745,7 +21825,7 @@ var CopyToClipboardWrapper = ({
   ...props
 }) => {
   const translation = useHightideTranslation();
-  const [isShowingConfirmation, setIsShowingConfirmation] = useState41(false);
+  const [isShowingConfirmation, setIsShowingConfirmation] = useState42(false);
   return /* @__PURE__ */ jsxs63(
     TooltipRoot,
     {
@@ -21794,7 +21874,7 @@ var CopyToClipboardWrapper = ({
 };
 
 // src/components/user-interaction/Menu.tsx
-import { useCallback as useCallback47, useRef as useRef44, useState as useState42 } from "react";
+import { useCallback as useCallback47, useRef as useRef44, useState as useState43 } from "react";
 import clsx42 from "clsx";
 import { Fragment as Fragment12, jsx as jsx102, jsxs as jsxs64 } from "react/jsx-runtime";
 var MenuItem = ({
@@ -21821,7 +21901,7 @@ var Menu = ({
   ...props
 }) => {
   const triggerRef = useRef44(null);
-  const [isOpen, setIsOpen] = useState42(false);
+  const [isOpen, setIsOpen] = useState43(false);
   const bag = {
     isOpen,
     close: () => setIsOpen(false),
@@ -21964,7 +22044,7 @@ var MultiSelectChipDisplay = forwardRef30(
 );
 
 // src/components/user-interaction/ScrollPicker.tsx
-import { useCallback as useCallback48, useEffect as useEffect53, useState as useState43 } from "react";
+import { useCallback as useCallback48, useEffect as useEffect53, useState as useState44 } from "react";
 import clsx43 from "clsx";
 import { jsx as jsx104, jsxs as jsxs66 } from "react/jsx-runtime";
 var up = 1;
@@ -21985,7 +22065,7 @@ var ScrollPicker = ({
     transition,
     items,
     lastTimeStamp
-  }, setAnimation] = useState43({
+  }, setAnimation] = useState44({
     targetIndex: selectedIndex,
     currentIndex: disabled ? selectedIndex : 0,
     velocity: 0,
@@ -22306,7 +22386,7 @@ var TextareaWithHeadline = ({
 };
 
 // src/components/user-interaction/data/FilterList.tsx
-import { useMemo as useMemo45, useState as useState44 } from "react";
+import { useMemo as useMemo45, useState as useState45 } from "react";
 import { PlusIcon } from "lucide-react";
 import { Fragment as Fragment13, jsx as jsx107, jsxs as jsxs68 } from "react/jsx-runtime";
 var FilterList = ({ value, onValueChange, availableItems }) => {
@@ -22318,7 +22398,7 @@ var FilterList = ({ value, onValueChange, availableItems }) => {
     acc[item.id] = item;
     return acc;
   }, {}), [availableItems]);
-  const [editState, setEditState] = useState44(void 0);
+  const [editState, setEditState] = useState45(void 0);
   const valueWithEditState = useMemo45(() => {
     let foundEditValue = false;
     for (const item of value) {
@@ -22616,7 +22696,7 @@ var TimeDisplay = ({
 };
 
 // src/components/user-interaction/input/FlexibleDateTimeInput.tsx
-import { forwardRef as forwardRef32, useState as useState45 } from "react";
+import { forwardRef as forwardRef32, useState as useState46 } from "react";
 import { ClockFading, ClockPlus } from "lucide-react";
 import { jsx as jsx110 } from "react/jsx-runtime";
 var FlexibleDateTimeInput = forwardRef32(function FlexibleDateTimeInput2({
@@ -22641,7 +22721,7 @@ var FlexibleDateTimeInput = forwardRef32(function FlexibleDateTimeInput2({
   const zoned = (date) => DateUtils.toZonedDate(date, timeZone);
   const unzoned = (date) => DateUtils.fromZonedDate(date, timeZone);
   const hasFixedTime = (date) => DateUtils.sameTime(zoned(date), fixedTime, true, true);
-  const [mode, setMode] = useState45(() => {
+  const [mode, setMode] = useState46(() => {
     if (value && !hasFixedTime(value)) {
       return "dateTime";
     }
@@ -22687,7 +22767,7 @@ var FlexibleDateTimeInput = forwardRef32(function FlexibleDateTimeInput2({
 
 // src/components/user-interaction/input/InsideLabelInput.tsx
 import { useId as useId25 } from "react";
-import { forwardRef as forwardRef33, useState as useState46 } from "react";
+import { forwardRef as forwardRef33, useState as useState47 } from "react";
 import clsx46 from "clsx";
 import { jsx as jsx111, jsxs as jsxs70 } from "react/jsx-runtime";
 var InsideLabelInput = forwardRef33(function InsideLabelInput2({
@@ -22703,7 +22783,7 @@ var InsideLabelInput = forwardRef33(function InsideLabelInput2({
     onValueChange,
     defaultValue: initialValue
   });
-  const [isFocused, setIsFocused] = useState46(false);
+  const [isFocused, setIsFocused] = useState47(false);
   const generatedId = useId25();
   const id = customId ?? generatedId;
   return /* @__PURE__ */ jsxs70("div", { className: clsx46("relative"), children: [
@@ -22793,7 +22873,7 @@ var SearchBar = ({
 };
 
 // src/components/user-interaction/input/ToggleableInput.tsx
-import { forwardRef as forwardRef34, useEffect as useEffect54, useImperativeHandle as useImperativeHandle15, useRef as useRef46, useState as useState47 } from "react";
+import { forwardRef as forwardRef34, useEffect as useEffect54, useImperativeHandle as useImperativeHandle15, useRef as useRef46, useState as useState48 } from "react";
 import { Pencil } from "lucide-react";
 import clsx48 from "clsx";
 import { jsx as jsx113, jsxs as jsxs72 } from "react/jsx-runtime";
@@ -22810,7 +22890,7 @@ var ToggleableInput = forwardRef34(function ToggleableInput2({
     onValueChange,
     defaultValue: initialValue
   });
-  const [isEditing, setIsEditing] = useState47(initialState !== "display");
+  const [isEditing, setIsEditing] = useState48(initialState !== "display");
   const innerRef = useRef46(null);
   useImperativeHandle15(forwardedRef, () => innerRef.current);
   useEffect54(() => {
@@ -23261,14 +23341,14 @@ var PolymorphicSlot = forwardRef35(function PolymorphicSlot2({
 });
 
 // src/components/utils/Transition.tsx
-import { useEffect as useEffect55, useState as useState48 } from "react";
+import { useEffect as useEffect55, useState as useState49 } from "react";
 function Transition({
   children,
   show,
   includeAnimation = true
 }) {
-  const [isOpen, setIsOpen] = useState48(show);
-  const [isTransitioning, setIsTransitioning] = useState48(!isOpen);
+  const [isOpen, setIsOpen] = useState49(show);
+  const [isTransitioning, setIsTransitioning] = useState49(!isOpen);
   const isUsingReducedMotion = typeof window !== "undefined" && typeof window.matchMedia === "function" ? window.matchMedia("(prefers-reduced-motion: reduce)").matches : true;
   useEffect55(() => {
     setIsOpen(show);
@@ -23376,11 +23456,11 @@ var useFocusOnceVisible = (ref, disable = false) => {
 };
 
 // src/hooks/focus/useIsMounted.ts
-import { useEffect as useEffect58, useLayoutEffect as useLayoutEffect8, useState as useState49 } from "react";
+import { useEffect as useEffect58, useLayoutEffect as useLayoutEffect8, useState as useState50 } from "react";
 var isClient = typeof window !== "undefined" && typeof document !== "undefined";
 var useIsomorphicEffect = isClient ? useLayoutEffect8 : useEffect58;
 var useIsMounted = () => {
-  const [isMounted, setIsMounted] = useState49(false);
+  const [isMounted, setIsMounted] = useState50(false);
   useIsomorphicEffect(() => {
     setIsMounted(true);
     return () => {
@@ -23432,9 +23512,9 @@ function useLogUnstableDependencies(name, value) {
 }
 
 // src/hooks/useOverwritableState.ts
-import { useEffect as useEffect60, useState as useState50 } from "react";
+import { useEffect as useEffect60, useState as useState51 } from "react";
 var useOverwritableState = (overwriteValue, onChange) => {
-  const [state, setState] = useState50(overwriteValue);
+  const [state, setState] = useState51(overwriteValue);
   useEffect60(() => {
     setState(overwriteValue);
   }, [overwriteValue]);
@@ -23518,7 +23598,6 @@ var useSwipeGesture = ({
     const listenTouch = inputMode === "touch" || inputMode === "both";
     const listenMouse = inputMode === "mouse" || inputMode === "both";
     const onGestureStart = (x, y, eventTarget) => {
-      console.log("onGestureStart", x, y);
       if (!isWithinStartRegion(x, y)) return;
       const scrollableParent = findScrollableParent(eventTarget);
       gestureEndRef.current = null;
@@ -23531,7 +23610,6 @@ var useSwipeGesture = ({
       isScrollingRef.current = !!scrollableParent;
     };
     const onGestureMove = (x, y, eventTarget) => {
-      console.log("onGestureMove", x, y);
       const scrollableParent = findScrollableParent(eventTarget);
       const currentScrollY = scrollableParent?.scrollTop ?? window.scrollY;
       gestureEndRef.current = {
@@ -23648,13 +23726,13 @@ var useSwipeGesture = ({
 };
 
 // src/hooks/useUpdatingDateString.ts
-import { useEffect as useEffect62, useState as useState51 } from "react";
+import { useEffect as useEffect62, useState as useState52 } from "react";
 var useUpdatingDateString = ({ absoluteFormat = "dateTime", localeOverride, is24HourFormat: is24HourFormatOverride, timeZone: timeZoneOverride, date }) => {
   const { locale: contextLocale, is24HourFormat: contextIs24HourFormat, timeZone: contextTimeZone } = useLocale();
   const locale = localeOverride ?? contextLocale;
   const is24HourFormat = is24HourFormatOverride ?? contextIs24HourFormat ?? true;
   const timeZone = timeZoneOverride ?? contextTimeZone;
-  const [dateAndTimeStrings, setDateAndTimeStrings] = useState51({
+  const [dateAndTimeStrings, setDateAndTimeStrings] = useState52({
     compareDate: date,
     absolute: DateUtils.formatAbsolute(date, locale, absoluteFormat, { is24HourFormat, timeZone }),
     relative: DateUtils.formatRelative(date, locale)
@@ -24251,6 +24329,7 @@ export {
   processModelLibrary,
   range,
   resolveSetState,
+  resolveTreeNodePath,
   segmentBounds,
   segmentPlaceholder,
   setDayPeriod,