@flamingo-stack/openframe-frontend-core 0.0.780 → 0.0.782

package/dist/case-study-card-WYZPBDDM.cjs

@@ -0,0 +1,23 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+"use client";
+
+
+var _chunkODDUGLYFcjs = require('./chunk-ODDUGLYF.cjs');
+require('./chunk-DYF6XB27.cjs');
+require('./chunk-4MQASMIU.cjs');
+require('./chunk-S5C3OZCO.cjs');
+require('./chunk-4IYNDV3G.cjs');
+require('./chunk-F2FFJWOQ.cjs');
+require('./chunk-7PNRXJX2.cjs');
+require('./chunk-NTPX5GXI.cjs');
+require('./chunk-CS5SZJFV.cjs');
+require('./chunk-5GJM7VRR.cjs');
+require('./chunk-5WMRVMXH.cjs');
+require('./chunk-UJ7AXHRZ.cjs');
+require('./chunk-NNNRN4OF.cjs');
+require('./chunk-FLS6DZEN.cjs');
+require('./chunk-MGEUZRNQ.cjs');
+require('./chunk-V45KLJQP.cjs');
+
+
+exports.CaseStudyCard = _chunkODDUGLYFcjs.CaseStudyCard;

package/dist/{chunk-4BBOHZM3.cjs → chunk-2EXD2RSC.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 _chunkYWQ3VXPLcjs = require('./chunk-YWQ3VXPL.cjs');
+var _chunkN7QNWHJAcjs = require('./chunk-N7QNWHJA.cjs');
 
 
-var _chunkOWQVDWTKcjs = require('./chunk-OWQVDWTK.cjs');
+var _chunkE2ZZOYSMcjs = require('./chunk-E2ZZOYSM.cjs');
 
 
 
@@ -18,14 +18,18 @@ var _chunkOJZBZH56cjs = require('./chunk-OJZBZH56.cjs');
 
 
 
+var _chunkNNNRN4OFcjs = require('./chunk-NNNRN4OF.cjs');
 
-var _chunkXFRBEXQNcjs = require('./chunk-XFRBEXQN.cjs');
 
+var _chunkFLS6DZENcjs = require('./chunk-FLS6DZEN.cjs');
 
-var _chunkV45KLJQPcjs = require('./chunk-V45KLJQP.cjs');
 
 
-var _chunk65VVJSQZcjs = require('./chunk-65VVJSQZ.cjs');
+
+var _chunkMGEUZRNQcjs = require('./chunk-MGEUZRNQ.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 = _chunkMGEUZRNQcjs.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 = _chunkMGEUZRNQcjs.cn.call(void 0, _chunkMGEUZRNQcjs.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: _chunkMGEUZRNQcjs.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, _chunkOWQVDWTKcjs.ScrollShadow, { axis: "horizontal", className: "min-w-0 flex-1", scrollClassName: HORIZONTAL_ROW_CLASS, children: sections.map((section) => {
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkE2ZZOYSMcjs.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: _chunkMGEUZRNQcjs.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 (_chunkMGEUZRNQcjs.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: _chunkMGEUZRNQcjs.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",
+        _chunkFLS6DZENcjs.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: _chunkMGEUZRNQcjs.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: _chunkMGEUZRNQcjs.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: _chunkMGEUZRNQcjs.cn.call(void 0, PILL_CLASS, "border-transparent"), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.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: _chunkMGEUZRNQcjs.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, _chunkNNNRN4OFcjs.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 = _chunkYWQ3VXPLcjs.DEFAULT_FOLDER_INDEX_FILE;
+var DEFAULT_FOLDER_INDEX_FILE2 = _chunkN7QNWHJAcjs.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: _chunkMGEUZRNQcjs.cn.call(void 0, NAV_ROW_PAD_CLASS, indentClass), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkMGEUZRNQcjs.cn.call(void 0, NAV_ROW_FRAME_CLASS, "border-ods-border bg-ods-card"), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkMGEUZRNQcjs.cn.call(void 0, _chunkMGEUZRNQcjs.BUTTON_KIND_CLASS.row, rowHeightClass), children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.MediaSkeleton.Icon, { size: "sm", className: "mr-2 flex-shrink-0" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.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: _chunkMGEUZRNQcjs.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 (_chunkMGEUZRNQcjs.useLoadingScope.call(void 0, ) || isLoading) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MultiLevelNavigationSkeleton, { className });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkMGEUZRNQcjs.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,22 @@ 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: _chunkMGEUZRNQcjs.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: _chunkMGEUZRNQcjs.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",
+              _chunkFLS6DZENcjs.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,
+                "data-tone": "muted",
+                className: _chunkMGEUZRNQcjs.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 +540,11 @@ function NavigationItem({
               }
             ),
             hasChildren && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "button",
+              _chunkFLS6DZENcjs.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: "bare",
+                size: "icon-sm",
+                className: "mr-[var(--spacing-system-xxs)] shrink-0",
                 onClick: (e) => {
                   e.stopPropagation();
                   if (onToggleExpand) {
@@ -560,7 +554,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 +587,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 (_chunkMGEUZRNQcjs.useLoadingScope.call(void 0, ) || isLoading) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MobileNavigationDropdownSkeleton, { className });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkMGEUZRNQcjs.cn.call(void 0, NAV_LIST_CLASS, className), children: nodes.map((node) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     MobileNavigationItem,
     {
       node,
@@ -622,25 +616,22 @@ 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: _chunkMGEUZRNQcjs.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: _chunkMGEUZRNQcjs.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",
+              _chunkFLS6DZENcjs.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,
+                "data-tone": "muted",
+                className: _chunkMGEUZRNQcjs.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 +641,11 @@ function MobileNavigationItem({
               }
             ),
             hasChildren && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "button",
+              _chunkFLS6DZENcjs.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: "bare",
+                size: "icon-sm",
+                className: "mr-[var(--spacing-system-xxs)] shrink-0",
                 onClick: (e) => {
                   e.stopPropagation();
                   if (onToggleExpand) {
@@ -665,7 +655,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-2W3VDE4D.cjs → chunk-3INHO6GP.cjs}

@@ -1,32 +1,32 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }"use client";
 
 
-var _chunkYG72MEHYcjs = require('./chunk-YG72MEHY.cjs');
+var _chunk5XAWVXNIcjs = require('./chunk-5XAWVXNI.cjs');
 
 
 
-var _chunkBNUZKBNVcjs = require('./chunk-BNUZKBNV.cjs');
+var _chunkZJS45HQZcjs = require('./chunk-ZJS45HQZ.cjs');
 
 
-var _chunkE76ONBKFcjs = require('./chunk-E76ONBKF.cjs');
+var _chunk5WMRVMXHcjs = require('./chunk-5WMRVMXH.cjs');
 
 
 
 
 
+var _chunkNNNRN4OFcjs = require('./chunk-NNNRN4OF.cjs');
 
-var _chunkXFRBEXQNcjs = require('./chunk-XFRBEXQN.cjs');
 
 
-var _chunkV45KLJQPcjs = require('./chunk-V45KLJQP.cjs');
+var _chunkMGEUZRNQcjs = require('./chunk-MGEUZRNQ.cjs');
 
 
-var _chunk65VVJSQZcjs = require('./chunk-65VVJSQZ.cjs');
+var _chunkV45KLJQPcjs = require('./chunk-V45KLJQP.cjs');
 
 // src/components/shared/article-author-byline.tsx
 var _lucidereact = require('lucide-react');
 var _jsxruntime = require('react/jsx-runtime');
-var BYLINE_FRAME_CLASS = _chunk65VVJSQZcjs.cn.call(void 0, 
+var BYLINE_FRAME_CLASS = _chunkMGEUZRNQcjs.cn.call(void 0, 
   "rounded-lg border border-ods-border bg-ods-card p-6",
   "flex flex-col items-start gap-4 content-md:flex-row"
 );
@@ -38,7 +38,7 @@ var NAME_CLASS = "text-ods-text-primary text-h5";
 var JOB_TITLE_CLASS = "text-body-sm mt-0.5 font-body text-ods-text-secondary";
 var BIO_CLASS = "text-body-md mt-2 font-body leading-relaxed text-ods-text-secondary";
 function formatDate(value) {
-  return _chunkBNUZKBNVcjs.formatDateWithTimezone.call(void 0, value, null, "long");
+  return _chunkZJS45HQZcjs.formatDateWithTimezone.call(void 0, value, null, "long");
 }
 function ArticleAuthorByline({
   author,
@@ -52,26 +52,26 @@ function ArticleAuthorByline({
   proxyImageUrl,
   className
 }) {
-  const proxiedAvatar = _chunkYG72MEHYcjs.useProxiedImageUrl.call(void 0, avatar, { proxyImageUrl });
-  const loading = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
+  const proxiedAvatar = _chunk5XAWVXNIcjs.useProxiedImageUrl.call(void 0, avatar, { proxyImageUrl });
+  const loading = _chunkMGEUZRNQcjs.useLoadingScope.call(void 0, );
   if (loading && !author) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ArticleAuthorBylineSkeleton, { size, className });
   if (!author) return null;
-  const avatarSizeClass = _chunkXFRBEXQNcjs.AVATAR_SIZE[BYLINE_AVATAR_SIZE[size]];
+  const avatarSizeClass = _chunkNNNRN4OFcjs.AVATAR_SIZE[BYLINE_AVATAR_SIZE[size]];
   const avatarIconClass = size === "lg" ? "w-8 h-8" : "w-7 h-7";
-  const avatarDim = _chunkXFRBEXQNcjs.AVATAR_SIZE_PX[BYLINE_AVATAR_SIZE[size]];
-  const formattedBio = _chunkBNUZKBNVcjs.formatBioText.call(void 0, _nullishCoalesce(bio, () => ( null)));
+  const avatarDim = _chunkNNNRN4OFcjs.AVATAR_SIZE_PX[BYLINE_AVATAR_SIZE[size]];
+  const formattedBio = _chunkZJS45HQZcjs.formatBioText.call(void 0, _nullishCoalesce(bio, () => ( null)));
   const dateLabel = publishedAt ? formatDate(publishedAt) : "";
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, BYLINE_FRAME_CLASS, className), children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkMGEUZRNQcjs.cn.call(void 0, BYLINE_FRAME_CLASS, className), children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-shrink-0", children: avatar ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkE76ONBKFcjs.next_image_default,
+      _chunk5WMRVMXHcjs.next_image_default,
       {
         src: proxiedAvatar || avatar,
         alt: author,
         width: avatarDim,
         height: avatarDim,
-        className: _chunk65VVJSQZcjs.cn.call(void 0, AVATAR_BORDER_CLASS, "object-cover", avatarSizeClass)
+        className: _chunkMGEUZRNQcjs.cn.call(void 0, AVATAR_BORDER_CLASS, "object-cover", avatarSizeClass)
       }
-    ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, "flex items-center justify-center bg-ods-bg", AVATAR_BORDER_CLASS, avatarSizeClass), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.User, { className: _chunk65VVJSQZcjs.cn.call(void 0, "text-ods-text-secondary", avatarIconClass) }) }) }),
+    ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkMGEUZRNQcjs.cn.call(void 0, "flex items-center justify-center bg-ods-bg", AVATAR_BORDER_CLASS, avatarSizeClass), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.User, { className: _chunkMGEUZRNQcjs.cn.call(void 0, "text-ods-text-secondary", avatarIconClass) }) }) }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: BODY_CLASS, children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: NAME_ROW_CLASS, children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: NAME_CLASS, children: href ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV45KLJQPcjs.next_link_default, { href, className: "transition-colors hover:text-ods-accent", children: author }) : author }),
@@ -86,17 +86,16 @@ function ArticleAuthorByline({
   ] });
 }
 function ArticleAuthorBylineSkeleton({ size = "md", className }) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, BYLINE_FRAME_CLASS, className), "aria-hidden": true, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-shrink-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { variant: "circular", className: _chunkXFRBEXQNcjs.AVATAR_SIZE[BYLINE_AVATAR_SIZE[size]] }) }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, BODY_CLASS, "w-full"), children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: NAME_ROW_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: NAME_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "inherit", as: "span", className: "w-40" }) }) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: JOB_TITLE_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "inherit", as: "span", className: "w-32" }) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: BIO_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "inherit", as: "span", lines: 3, className: "w-full" }) })
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkMGEUZRNQcjs.cn.call(void 0, BYLINE_FRAME_CLASS, className), "aria-hidden": true, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-shrink-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.UnifiedSkeleton, { variant: "circular", className: _chunkNNNRN4OFcjs.AVATAR_SIZE[BYLINE_AVATAR_SIZE[size]] }) }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkMGEUZRNQcjs.cn.call(void 0, BODY_CLASS, "w-full"), children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: NAME_ROW_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: NAME_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "inherit", as: "span", className: "w-40" }) }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: JOB_TITLE_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "inherit", as: "span", className: "w-32" }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: BIO_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "inherit", as: "span", lines: 3, className: "w-full" }) })
     ] })
   ] });
 }
 
 
 
-
-exports.ArticleAuthorByline = ArticleAuthorByline; exports.ArticleAuthorBylineSkeleton = ArticleAuthorBylineSkeleton;
+exports.ArticleAuthorByline = ArticleAuthorByline;