@flamingo-stack/openframe-frontend-core 0.0.777 → 0.0.781

package/dist/{chunk-4JZDJ34E.cjs → chunk-D46WFWWI.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
 
 
-var _chunkS3YDUX2Icjs = require('./chunk-S3YDUX2I.cjs');
+var _chunkHLZUBJPLcjs = require('./chunk-HLZUBJPL.cjs');
 
 
-var _chunkTZP7PSPGcjs = require('./chunk-TZP7PSPG.cjs');
+var _chunkAKCBLZAOcjs = require('./chunk-AKCBLZAO.cjs');
 
 
 
@@ -18,14 +18,18 @@ var _chunkOJZBZH56cjs = require('./chunk-OJZBZH56.cjs');
 
 
 
+var _chunkYNDH72VUcjs = require('./chunk-YNDH72VU.cjs');
 
-var _chunkXFRBEXQNcjs = require('./chunk-XFRBEXQN.cjs');
 
+var _chunkCDBFQVPAcjs = require('./chunk-CDBFQVPA.cjs');
 
-var _chunkV45KLJQPcjs = require('./chunk-V45KLJQP.cjs');
 
 
-var _chunk65VVJSQZcjs = require('./chunk-65VVJSQZ.cjs');
+
+var _chunkN6YCOBLKcjs = require('./chunk-N6YCOBLK.cjs');
+
+
+var _chunkV45KLJQPcjs = require('./chunk-V45KLJQP.cjs');
 
 // src/components/navigation/sticky-section-nav.tsx
 var _react = require('react');
@@ -37,13 +41,14 @@ var HORIZONTAL_NAV_CLASS = "flex items-stretch gap-6 bg-ods-bg";
 var HORIZONTAL_BRAND_CLASS = "hidden shrink-0 items-center gap-2.5 border-r border-ods-border pr-6 text-ods-text-primary text-h4 content-lg:flex";
 var HORIZONTAL_ROW_CLASS = "flex h-full items-center gap-1 [scrollbar-width:none] content-lg:items-stretch";
 var HORIZONTAL_ACTION_CLASS = "hidden shrink-0 items-center content-lg:flex";
-var PILL_CLASS = _chunk65VVJSQZcjs.cn.call(void 0, 
+var PILL_CLASS = _chunkN6YCOBLKcjs.cn.call(void 0, 
   "flex shrink-0 items-center whitespace-nowrap rounded-full border px-3 py-1.5 text-h6",
   "content-lg:rounded-none content-lg:border-x-0 content-lg:border-b-2 content-lg:border-t-0 content-lg:py-0"
 );
 var VERTICAL_NAV_CLASS = "relative bg-ods-bg";
 var VERTICAL_ROW_CLASS = "relative flex h-10 w-full items-stretch transition-all duration-200";
-var VERTICAL_BUTTON_CLASS = "relative flex flex-1 cursor-pointer items-center gap-2 px-3 py-2";
+var VERTICAL_BUTTON_LAYOUT_CLASS = "flex-1 justify-start";
+var VERTICAL_BUTTON_SKELETON_CLASS = _chunkN6YCOBLKcjs.cn.call(void 0, _chunkN6YCOBLKcjs.BUTTON_KIND_CLASS.tab, VERTICAL_BUTTON_LAYOUT_CLASS);
 function HorizontalSectionNav({
   sections,
   activeSection,
@@ -68,10 +73,10 @@ function HorizontalSectionNav({
     {
       ref: navRef,
       "aria-label": label,
-      className: _chunk65VVJSQZcjs.cn.call(void 0, HORIZONTAL_NAV_CLASS, STICKY_SECTION_NAV_HEIGHT_CLASS, className),
+      className: _chunkN6YCOBLKcjs.cn.call(void 0, HORIZONTAL_NAV_CLASS, STICKY_SECTION_NAV_HEIGHT_CLASS, className),
       children: [
         brand && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: HORIZONTAL_BRAND_CLASS, children: brand }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTZP7PSPGcjs.ScrollShadow, { axis: "horizontal", className: "min-w-0 flex-1", scrollClassName: HORIZONTAL_ROW_CLASS, children: sections.map((section) => {
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAKCBLZAOcjs.ScrollShadow, { axis: "horizontal", className: "min-w-0 flex-1", scrollClassName: HORIZONTAL_ROW_CLASS, children: sections.map((section) => {
           const active = activeSection === section.id;
           return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             _chunkV45KLJQPcjs.next_link_default,
@@ -83,7 +88,7 @@ function HorizontalSectionNav({
                 event.preventDefault();
                 onSectionClick(section.id);
               },
-              className: _chunk65VVJSQZcjs.cn.call(void 0, 
+              className: _chunkN6YCOBLKcjs.cn.call(void 0, 
                 PILL_CLASS,
                 "transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ods-accent",
                 active ? "border-ods-border bg-ods-card text-ods-text-primary content-lg:border-ods-accent content-lg:bg-transparent content-lg:bg-gradient-to-b content-lg:from-transparent content-lg:to-ods-accent/10" : "border-transparent text-ods-text-secondary hover:text-ods-text-primary content-lg:hover:bg-ods-bg-hover"
@@ -110,7 +115,7 @@ function StickySectionNav({
   action,
   label
 }) {
-  if (_chunkXFRBEXQNcjs.useLoadingScope.call(void 0, ) && sections.length === 0) {
+  if (_chunkN6YCOBLKcjs.useLoadingScope.call(void 0, ) && sections.length === 0) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       StickySectionNavSkeleton,
       {
@@ -137,7 +142,7 @@ function StickySectionNav({
     );
   }
   const navHeight = sections.length * 40;
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "nav", { "aria-label": label, className: _chunk65VVJSQZcjs.cn.call(void 0, VERTICAL_NAV_CLASS, className), children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "nav", { "aria-label": label, className: _chunkN6YCOBLKcjs.cn.call(void 0, VERTICAL_NAV_CLASS, className), children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "div",
       {
@@ -166,21 +171,14 @@ function StickySectionNav({
         }
       ),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "button",
+        _chunkCDBFQVPAcjs.Button,
         {
+          variant: "tab",
           onClick: () => onSectionClick(section.id),
           "aria-current": activeSection === section.id ? "location" : void 0,
-          className: VERTICAL_BUTTON_CLASS,
-          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "span",
-            {
-              className: _chunk65VVJSQZcjs.cn.call(void 0, 
-                "text-left transition-all duration-200 text-h6",
-                activeSection === section.id ? "text-ods-text-primary" : "text-ods-text-secondary hover:text-ods-text-primary"
-              ),
-              children: section.label
-            }
-          )
+          "data-state": activeSection === section.id ? "active" : void 0,
+          className: VERTICAL_BUTTON_LAYOUT_CLASS,
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-left text-h6", children: section.label })
         }
       )
     ] }, section.id))
@@ -197,16 +195,16 @@ function StickySectionNavSkeleton({
 }) {
   const widths = Array.from({ length: count }, (_, i) => SKELETON_LABEL_WIDTHS[i % SKELETON_LABEL_WIDTHS.length]);
   if (orientation === "horizontal") {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, HORIZONTAL_NAV_CLASS, STICKY_SECTION_NAV_HEIGHT_CLASS, className), "aria-hidden": true, inert: true, children: [
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkN6YCOBLKcjs.cn.call(void 0, HORIZONTAL_NAV_CLASS, STICKY_SECTION_NAV_HEIGHT_CLASS, className), "aria-hidden": true, inert: true, children: [
       brand && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: HORIZONTAL_BRAND_CLASS, children: brand }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, "min-w-0 flex-1 overflow-hidden", HORIZONTAL_ROW_CLASS, "content-lg:items-center"), children: widths.map((width, i) => (
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkN6YCOBLKcjs.cn.call(void 0, "min-w-0 flex-1 overflow-hidden", HORIZONTAL_ROW_CLASS, "content-lg:items-center"), children: widths.map((width, i) => (
         // The pill's own box (a tab from the content `lg` step), its label a bar.
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, PILL_CLASS, "border-transparent"), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h6", className: width }) }, i)
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkN6YCOBLKcjs.cn.call(void 0, PILL_CLASS, "border-transparent"), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.TextLineSkeleton, { type: "h6", className: width }) }, i)
       )) }),
       action && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: HORIZONTAL_ACTION_CLASS, children: action })
     ] });
   }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, VERTICAL_NAV_CLASS, className), "aria-hidden": true, children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkN6YCOBLKcjs.cn.call(void 0, VERTICAL_NAV_CLASS, className), "aria-hidden": true, children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "div",
       {
@@ -219,7 +217,7 @@ function StickySectionNavSkeleton({
         }
       }
     ),
-    widths.map((width, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: VERTICAL_ROW_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: VERTICAL_BUTTON_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h6", className: width }) }) }, i))
+    widths.map((width, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: VERTICAL_ROW_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: VERTICAL_BUTTON_SKELETON_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.TextLineSkeleton, { type: "h6", className: width }) }) }, i))
   ] });
 }
 function useSectionNavigation(sections, options) {
@@ -398,15 +396,15 @@ function useScrollSpy(sections, options = {}) {
 // src/components/navigation/multi-level-navigation.tsx
 var _lucidereact = require('lucide-react');
 
-var DEFAULT_FOLDER_INDEX_FILE2 = _chunkS3YDUX2Icjs.DEFAULT_FOLDER_INDEX_FILE;
+var DEFAULT_FOLDER_INDEX_FILE2 = _chunkHLZUBJPLcjs.DEFAULT_FOLDER_INDEX_FILE;
 var NAV_LIST_CLASS = "space-y-2";
 var NAV_ITEM_CLASS = "space-y-1";
 var NAV_ROW_FRAME_CLASS = "relative w-full rounded-lg border transition-all duration-150";
-var NAV_ROW_CONTENT_CLASS = "flex w-full items-center rounded-lg px-2 text-h6";
+var NAV_ROW_LAYOUT_CLASS = "min-w-0 flex-1";
 var NAV_ROW_PAD_CLASS = "px-2";
 var NAV_ROW_HEIGHT = {
-  desktop: { row: "h-12", toggle: "h-12 w-12", toggleRoom: "pr-12" },
-  mobile: { row: "h-11", toggle: "h-11 w-11", toggleRoom: "pr-11" }
+  desktop: "h-12",
+  mobile: "h-11"
 };
 var MULTI_LEVEL_NAVIGATION_SKELETON_ROWS = 17;
 var MOBILE_NAVIGATION_SKELETON_ROWS = 17;
@@ -418,9 +416,9 @@ function NavigationRowSkeleton({
   rowHeightClass,
   indentClass
 }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, NAV_ROW_PAD_CLASS, indentClass), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, NAV_ROW_FRAME_CLASS, "border-ods-border bg-ods-card"), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, NAV_ROW_CONTENT_CLASS, rowHeightClass), children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.MediaSkeleton.Icon, { size: "sm", className: "mr-2 flex-shrink-0" }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h6", className: NAV_SKELETON_LABEL_WIDTHS[index % NAV_SKELETON_LABEL_WIDTHS.length] })
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkN6YCOBLKcjs.cn.call(void 0, NAV_ROW_PAD_CLASS, indentClass), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkN6YCOBLKcjs.cn.call(void 0, NAV_ROW_FRAME_CLASS, "border-ods-border bg-ods-card"), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkN6YCOBLKcjs.cn.call(void 0, _chunkN6YCOBLKcjs.BUTTON_KIND_CLASS.row, rowHeightClass), children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.MediaSkeleton.Icon, { size: "sm", className: "mr-2 flex-shrink-0" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.TextLineSkeleton, { type: "h6", className: NAV_SKELETON_LABEL_WIDTHS[index % NAV_SKELETON_LABEL_WIDTHS.length] })
   ] }) }) });
 }
 function NavigationTreeSkeleton({
@@ -429,7 +427,7 @@ function NavigationTreeSkeleton({
   indentClass,
   className
 }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, NAV_LIST_CLASS, className), "aria-hidden": true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: NAV_ITEM_CLASS, "data-loading-item": true, children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkN6YCOBLKcjs.cn.call(void 0, NAV_LIST_CLASS, className), "aria-hidden": true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: NAV_ITEM_CLASS, "data-loading-item": true, children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, NavigationRowSkeleton, { index: 0, rowHeightClass }),
     rows > 1 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: NAV_CHILDREN_CLASS, children: Array.from({ length: rows - 1 }, (_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: NAV_ITEM_CLASS, "data-loading-item": true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, NavigationRowSkeleton, { index: i + 1, rowHeightClass, indentClass }) }, i)) })
   ] }) });
@@ -442,7 +440,7 @@ function MultiLevelNavigationSkeleton({
     NavigationTreeSkeleton,
     {
       rows,
-      rowHeightClass: NAV_ROW_HEIGHT.desktop.row,
+      rowHeightClass: NAV_ROW_HEIGHT.desktop,
       indentClass: NAV_INDENT_CLASS.desktop,
       className
     }
@@ -456,7 +454,7 @@ function MobileNavigationDropdownSkeleton({
     NavigationTreeSkeleton,
     {
       rows,
-      rowHeightClass: NAV_ROW_HEIGHT.mobile.row,
+      rowHeightClass: NAV_ROW_HEIGHT.mobile,
       indentClass: NAV_INDENT_CLASS.mobile,
       className
     }
@@ -487,8 +485,8 @@ function MultiLevelNavigation({
   className,
   folderIndexFile = DEFAULT_FOLDER_INDEX_FILE2
 }) {
-  if (_chunkXFRBEXQNcjs.useLoadingScope.call(void 0, ) || isLoading) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MultiLevelNavigationSkeleton, { className });
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, NAV_LIST_CLASS, className), role: "list", "aria-label": "Navigation list", children: nodes.map((node) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  if (_chunkN6YCOBLKcjs.useLoadingScope.call(void 0, ) || isLoading) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MultiLevelNavigationSkeleton, { className });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkN6YCOBLKcjs.cn.call(void 0, NAV_LIST_CLASS, className), role: "list", "aria-label": "Navigation list", children: nodes.map((node) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     NavigationItem,
     {
       node,
@@ -516,25 +514,21 @@ function NavigationItem({
   const children = _nullishCoalesce(node.children, () => ( []));
   const hasChildren = children.length > 0;
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: NAV_ITEM_CLASS, role: "listitem", "data-loading-item": true, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, NAV_ROW_PAD_CLASS, level > 0 && NAV_INDENT_CLASS.desktop), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkN6YCOBLKcjs.cn.call(void 0, NAV_ROW_PAD_CLASS, level > 0 && NAV_INDENT_CLASS.desktop), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "div",
       {
-        className: _chunk65VVJSQZcjs.cn.call(void 0, 
+        className: _chunkN6YCOBLKcjs.cn.call(void 0, 
           NAV_ROW_FRAME_CLASS,
           isSelected ? "border-ods-border bg-ods-border" : "border-ods-border bg-ods-card"
         ),
         children: [
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative flex items-center", children: [
             /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-              "button",
+              _chunkCDBFQVPAcjs.Button,
               {
-                className: _chunk65VVJSQZcjs.cn.call(void 0, 
-                  NAV_ROW_CONTENT_CLASS,
-                  NAV_ROW_HEIGHT.desktop.row,
-                  "text-ods-text-primary transition-all duration-150",
-                  !isSelected && "hover:bg-ods-bg-hover",
-                  hasChildren && NAV_ROW_HEIGHT.desktop.toggleRoom
-                ),
+                variant: "row",
+                "data-state": isSelected ? "active" : void 0,
+                className: _chunkN6YCOBLKcjs.cn.call(void 0, NAV_ROW_LAYOUT_CLASS, NAV_ROW_HEIGHT.desktop),
                 onClick: () => onNodeClick(node),
                 "aria-label": `${isSelected ? "Selected" : "Select"} ${node.name}`,
                 children: [
@@ -545,12 +539,11 @@ function NavigationItem({
               }
             ),
             hasChildren && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "button",
+              _chunkCDBFQVPAcjs.Button,
               {
-                className: _chunk65VVJSQZcjs.cn.call(void 0, 
-                  "absolute right-0 top-0 flex items-center justify-center text-ods-text-secondary transition-colors duration-150 hover:text-ods-text-primary",
-                  NAV_ROW_HEIGHT.desktop.toggle
-                ),
+                variant: "transparent",
+                size: "icon-sm",
+                className: "mr-[var(--spacing-system-xxs)] shrink-0",
                 onClick: (e) => {
                   e.stopPropagation();
                   if (onToggleExpand) {
@@ -560,7 +553,7 @@ function NavigationItem({
                   }
                 },
                 "aria-label": `${isExpanded ? "Collapse" : "Expand"} ${node.name}`,
-                children: isExpanded ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronUp, { className: "h-4 w-4" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronDown, { className: "h-4 w-4" })
+                children: isExpanded ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronUp, {}) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronDown, {})
               }
             )
           ] }),
@@ -593,8 +586,8 @@ function MobileNavigationDropdown({
   className,
   folderIndexFile = DEFAULT_FOLDER_INDEX_FILE2
 }) {
-  if (_chunkXFRBEXQNcjs.useLoadingScope.call(void 0, ) || isLoading) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MobileNavigationDropdownSkeleton, { className });
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, NAV_LIST_CLASS, className), children: nodes.map((node) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  if (_chunkN6YCOBLKcjs.useLoadingScope.call(void 0, ) || isLoading) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MobileNavigationDropdownSkeleton, { className });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkN6YCOBLKcjs.cn.call(void 0, NAV_LIST_CLASS, className), children: nodes.map((node) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     MobileNavigationItem,
     {
       node,
@@ -622,25 +615,21 @@ function MobileNavigationItem({
   const children = _nullishCoalesce(node.children, () => ( []));
   const hasChildren = children.length > 0;
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: NAV_ITEM_CLASS, "data-loading-item": true, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, NAV_ROW_PAD_CLASS, level > 0 && NAV_INDENT_CLASS.mobile), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkN6YCOBLKcjs.cn.call(void 0, NAV_ROW_PAD_CLASS, level > 0 && NAV_INDENT_CLASS.mobile), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "div",
       {
-        className: _chunk65VVJSQZcjs.cn.call(void 0, 
+        className: _chunkN6YCOBLKcjs.cn.call(void 0, 
           NAV_ROW_FRAME_CLASS,
           isSelected ? "border-ods-border bg-ods-border" : "border-ods-border bg-ods-card"
         ),
         children: [
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative flex items-center", children: [
             /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-              "button",
+              _chunkCDBFQVPAcjs.Button,
               {
-                className: _chunk65VVJSQZcjs.cn.call(void 0, 
-                  NAV_ROW_CONTENT_CLASS,
-                  NAV_ROW_HEIGHT.mobile.row,
-                  "text-ods-text-primary transition-all duration-150",
-                  !isSelected && "hover:bg-ods-bg-hover",
-                  hasChildren && NAV_ROW_HEIGHT.mobile.toggleRoom
-                ),
+                variant: "row",
+                "data-state": isSelected ? "active" : void 0,
+                className: _chunkN6YCOBLKcjs.cn.call(void 0, NAV_ROW_LAYOUT_CLASS, NAV_ROW_HEIGHT.mobile),
                 onClick: () => onNodeClick(node),
                 children: [
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "mr-2 flex-shrink-0", children: node.type === "folder" ? isExpanded ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.FolderOpen, { className: "h-4 w-4" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Folder, { className: "h-4 w-4" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.FileText, { className: "h-4 w-4" }) }),
@@ -650,12 +639,11 @@ function MobileNavigationItem({
               }
             ),
             hasChildren && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "button",
+              _chunkCDBFQVPAcjs.Button,
               {
-                className: _chunk65VVJSQZcjs.cn.call(void 0, 
-                  "absolute right-0 top-0 flex items-center justify-center text-ods-text-secondary transition-colors duration-150 hover:text-ods-text-primary",
-                  NAV_ROW_HEIGHT.mobile.toggle
-                ),
+                variant: "transparent",
+                size: "icon-sm",
+                className: "mr-[var(--spacing-system-xxs)] shrink-0",
                 onClick: (e) => {
                   e.stopPropagation();
                   if (onToggleExpand) {
@@ -665,7 +653,7 @@ function MobileNavigationItem({
                   }
                 },
                 "aria-label": `${isExpanded ? "Collapse" : "Expand"} ${node.name}`,
-                children: isExpanded ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronUp, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronDown, { className: "h-3.5 w-3.5" })
+                children: isExpanded ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronUp, {}) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronDown, {})
               }
             )
           ] }),

package/dist/{chunk-WCSWWVPF.cjs → chunk-DIY4SJZI.cjs}

@@ -1,20 +1,20 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _chunkCGQ7CL62cjs = require('./chunk-CGQ7CL62.cjs');
+var _chunkOHXB6HUXcjs = require('./chunk-OHXB6HUX.cjs');
 
 
+var _chunkYNDH72VUcjs = require('./chunk-YNDH72VU.cjs');
 
-var _chunkXFRBEXQNcjs = require('./chunk-XFRBEXQN.cjs');
 
+var _chunkCDBFQVPAcjs = require('./chunk-CDBFQVPA.cjs');
 
-var _chunkTF5D5MNOcjs = require('./chunk-TF5D5MNO.cjs');
 
 
-var _chunkV45KLJQPcjs = require('./chunk-V45KLJQP.cjs');
+var _chunkN6YCOBLKcjs = require('./chunk-N6YCOBLK.cjs');
 
 
-var _chunk65VVJSQZcjs = require('./chunk-65VVJSQZ.cjs');
+var _chunkV45KLJQPcjs = require('./chunk-V45KLJQP.cjs');
 
 // src/components/pagination.tsx
 var _lucidereact = require('lucide-react');
@@ -35,7 +35,7 @@ function PaginationControl({
   const ariaCurrent = current ? "page" : void 0;
   if (!getPageHref || disabled) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkTF5D5MNOcjs.Button,
+      _chunkCDBFQVPAcjs.Button,
       {
         variant,
         size: "icon",
@@ -49,11 +49,11 @@ function PaginationControl({
     );
   }
   const handleClick = (event) => {
-    if (_chunkCGQ7CL62cjs.isModifierClick.call(void 0, event)) return;
+    if (_chunkOHXB6HUXcjs.isModifierClick.call(void 0, event)) return;
     event.preventDefault();
     onPageChange(page);
   };
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTF5D5MNOcjs.Button, { variant, size: "icon", className, asChild: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDBFQVPAcjs.Button, { variant, size: "icon", className, asChild: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _chunkV45KLJQPcjs.next_link_default,
     {
       href: getPageHref(page),
@@ -99,7 +99,7 @@ var PAGINATION_NAV_CLASS = "mx-auto flex w-full justify-center";
 var PAGINATION_LIST_CLASS = "flex flex-row items-center gap-1";
 var PAGINATION_SKELETON_TOTAL_PAGES = 10;
 var Pagination = ({ currentPage, totalPages, onPageChange, className, getPageHref, loading }) => {
-  if (_chunkXFRBEXQNcjs.useLoadingScope.call(void 0, ) || loading) {
+  if (_chunkN6YCOBLKcjs.useLoadingScope.call(void 0, ) || loading) {
     const known = totalPages > 1;
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       PaginationSkeleton,
@@ -111,7 +111,7 @@ var Pagination = ({ currentPage, totalPages, onPageChange, className, getPageHre
     );
   }
   const pageNumbers = paginationSlots(currentPage, totalPages);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "nav", { role: "navigation", "aria-label": "pagination", className: _chunk65VVJSQZcjs.cn.call(void 0, PAGINATION_NAV_CLASS, className), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "ul", { className: PAGINATION_LIST_CLASS, children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "nav", { role: "navigation", "aria-label": "pagination", className: _chunkN6YCOBLKcjs.cn.call(void 0, PAGINATION_NAV_CLASS, className), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "ul", { className: PAGINATION_LIST_CLASS, children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       PaginationControl,
       {
@@ -168,35 +168,25 @@ function PaginationSkeleton({
   currentPage = 1,
   className
 }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, PAGINATION_NAV_CLASS, className), "aria-hidden": true, inert: true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "ul", { className: PAGINATION_LIST_CLASS, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.InteractiveSkeleton.Button, { className: NEIGHBOUR_CLASS }) }),
-    paginationSlots(currentPage, Math.max(totalPages, 1)).map((page, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { children: page < 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PaginationEllipsisSlot, {}) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.InteractiveSkeleton.Button, { className: PAGE_CLASS }) }, page < 0 ? `ellipsis-${index}` : page)),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.InteractiveSkeleton.Button, { className: NEIGHBOUR_CLASS }) })
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkN6YCOBLKcjs.cn.call(void 0, PAGINATION_NAV_CLASS, className), "aria-hidden": true, inert: true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "ul", { className: PAGINATION_LIST_CLASS, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.InteractiveSkeleton.Button, { className: NEIGHBOUR_CLASS }) }),
+    paginationSlots(currentPage, Math.max(totalPages, 1)).map((page, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { children: page < 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PaginationEllipsisSlot, {}) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.InteractiveSkeleton.Button, { className: PAGE_CLASS }) }, page < 0 ? `ellipsis-${index}` : page)),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.InteractiveSkeleton.Button, { className: NEIGHBOUR_CLASS }) })
   ] }) });
 }
 var PaginationContent = _react.forwardRef.call(void 0, 
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { ref, className: _chunk65VVJSQZcjs.cn.call(void 0, "flex items-center justify-center", className), ...props });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { ref, className: _chunkN6YCOBLKcjs.cn.call(void 0, "flex items-center justify-center", className), ...props });
   }
 );
 PaginationContent.displayName = "PaginationContent";
 var PaginationItem = _react.forwardRef.call(void 0, ({ className, ...props }, ref) => {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { ref, className: _chunk65VVJSQZcjs.cn.call(void 0, "", className), ...props });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { ref, className: _chunkN6YCOBLKcjs.cn.call(void 0, "", className), ...props });
 });
 PaginationItem.displayName = "PaginationItem";
 var PaginationLink = _react.forwardRef.call(void 0, 
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "button",
-      {
-        ref,
-        className: _chunk65VVJSQZcjs.cn.call(void 0, 
-          "inline-flex h-10 w-10 items-center justify-center rounded-md border border-input bg-background transition-colors text-h6 hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-          className
-        ),
-        ...props
-      }
-    );
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDBFQVPAcjs.Button, { variant: "outline", size: "icon", ref, className, ...props });
   }
 );
 PaginationLink.displayName = "PaginationLink";
@@ -206,7 +196,7 @@ var PaginationEllipsis = _react.forwardRef.call(void 0,
       "span",
       {
         ref,
-        className: _chunk65VVJSQZcjs.cn.call(void 0, "flex h-10 w-10 items-center justify-center text-muted-foreground", className),
+        className: _chunkN6YCOBLKcjs.cn.call(void 0, "flex h-10 w-10 items-center justify-center text-muted-foreground", className),
         ...props,
         children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.MoreHorizontal, { className: "h-4 w-4" }),
@@ -219,7 +209,7 @@ var PaginationEllipsis = _react.forwardRef.call(void 0,
 PaginationEllipsis.displayName = "PaginationEllipsis";
 var PaginationPrevious = _react.forwardRef.call(void 0, 
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkTF5D5MNOcjs.Button, { ref, variant: "outline", size: "icon", className: _chunk65VVJSQZcjs.cn.call(void 0, "h-10 w-10", className), ...props, children: [
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkCDBFQVPAcjs.Button, { ref, variant: "outline", size: "icon", className: _chunkN6YCOBLKcjs.cn.call(void 0, "h-10 w-10", className), ...props, children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronLeft, { className: "h-4 w-4" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "sr-only", children: "Previous page" })
     ] });
@@ -228,7 +218,7 @@ var PaginationPrevious = _react.forwardRef.call(void 0,
 PaginationPrevious.displayName = "PaginationPrevious";
 var PaginationNext = _react.forwardRef.call(void 0, 
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkTF5D5MNOcjs.Button, { ref, variant: "outline", size: "icon", className: _chunk65VVJSQZcjs.cn.call(void 0, "h-10 w-10", className), ...props, children: [
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkCDBFQVPAcjs.Button, { ref, variant: "outline", size: "icon", className: _chunkN6YCOBLKcjs.cn.call(void 0, "h-10 w-10", className), ...props, children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronRight, { className: "h-4 w-4" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "sr-only", children: "Next page" })
     ] });

package/dist/{chunk-3LW5TD54.cjs → chunk-DJTPDK3W.cjs}

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
 
 
-var _chunkE76ONBKFcjs = require('./chunk-E76ONBKF.cjs');
+var _chunk3VINTJPEcjs = require('./chunk-3VINTJPE.cjs');
 
 
 var _chunkUJ7AXHRZcjs = require('./chunk-UJ7AXHRZ.cjs');
 
 
-var _chunkXFRBEXQNcjs = require('./chunk-XFRBEXQN.cjs');
+var _chunkN6YCOBLKcjs = require('./chunk-N6YCOBLK.cjs');
 
 // src/hooks/ui/use-image-edge-color.ts
 var _react = require('react');
@@ -67,7 +67,7 @@ function extractEdgeColor(img) {
   return `rgb(${r}, ${g}, ${b})`;
 }
 function useImageEdgeColor(givenUrl, fallback = "#000000") {
-  const imageUrl = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, ) ? null : givenUrl;
+  const imageUrl = _chunkN6YCOBLKcjs.useLoadingScope.call(void 0, ) ? null : givenUrl;
   const [color, setColor] = _react.useState.call(void 0, fallback);
   const [resetFor, setResetFor] = _react.useState.call(void 0, { imageUrl, fallback });
   if (resetFor.imageUrl !== imageUrl || resetFor.fallback !== fallback) {
@@ -87,7 +87,7 @@ function useImageEdgeColor(givenUrl, fallback = "#000000") {
         setColor(fallback);
       }
     };
-    const sampleUrl = _chunkE76ONBKFcjs.resizedImageUrl.call(void 0, imageUrl, EDGE_SAMPLE_WIDTH_PX);
+    const sampleUrl = _chunk3VINTJPEcjs.resizedImageUrl.call(void 0, imageUrl, EDGE_SAMPLE_WIDTH_PX);
     let triedOriginal = sampleUrl === imageUrl;
     img.onerror = () => {
       if (cancelled) return;

package/dist/{chunk-ALA4KHTE.cjs → chunk-EYNQE2XN.cjs}

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
 
 
-var _chunkUW6AOF42cjs = require('./chunk-UW6AOF42.cjs');
+var _chunkPID7LUDPcjs = require('./chunk-PID7LUDP.cjs');
 
 
-var _chunkHXLOCZMGcjs = require('./chunk-HXLOCZMG.cjs');
+var _chunkODZ5XGWAcjs = require('./chunk-ODZ5XGWA.cjs');
 
 
-var _chunkSIDDZZKLcjs = require('./chunk-SIDDZZKL.cjs');
+var _chunkUONQCE5Ncjs = require('./chunk-UONQCE5N.cjs');
 
 
 var _chunk7DNL734Scjs = require('./chunk-7DNL734S.cjs');
@@ -36,8 +36,8 @@ function FaqDocumentPage({
     label: _nullishCoalesce(_optionalChain([backButton, 'optionalAccess', _ => _.label]), () => ( "Back to home")),
     onClick: () => router.push(_nullishCoalesce(_optionalChain([backButton, 'optionalAccess', _2 => _2.href]), () => ( "/")))
   };
-  const inner = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSIDDZZKLcjs.PageLayout, { title, subtitle, backButton: backCfg, titleSize: "h1", titleWrap: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkUW6AOF42cjs.FaqSection,
+  const inner = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUONQCE5Ncjs.PageLayout, { title, subtitle, backButton: backCfg, titleSize: "h1", titleWrap: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkPID7LUDPcjs.FaqSection,
     {
       initialFaqs,
       heading: null,
@@ -53,7 +53,7 @@ function FaqDocumentPage({
       skeletonNav
     }
   ) });
-  return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHXLOCZMGcjs.PageShell, { children: inner }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: inner });
+  return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkODZ5XGWAcjs.PageShell, { children: inner }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: inner });
 }