@flamingo-stack/openframe-frontend-core 0.0.384 → 0.0.385

package/dist/{chunk-VZ4NJBQT.js → chunk-XQ77CK5C.js}

@@ -34025,17 +34025,7 @@ function NavigationSidebarItemButton({
             children: item.label
           }
         ),
-        hasUnread && showLabel && /* @__PURE__ */ jsx269("span", { className: "bg-ods-accent flex items-center justify-center flex-shrink-0 p-2 rounded-md size-6", children: /* @__PURE__ */ jsx269("span", { className: "text-xs font-medium text-ods-text-on-accent", children: unreadCount > 99 ? "99+" : unreadCount }) }),
-        item.badge && showLabel && /* @__PURE__ */ jsx269(
-          "span",
-          {
-            className: cn(
-              "text-sm flex-shrink-0 transition-colors duration-300",
-              isActive && !disabled ? "text-ods-accent" : "text-ods-text-secondary"
-            ),
-            children: item.badge
-          }
-        )
+        hasUnread && showLabel && /* @__PURE__ */ jsx269("span", { className: "bg-ods-accent flex items-center justify-center flex-shrink-0 p-2 rounded-md size-6", children: /* @__PURE__ */ jsx269("span", { className: "text-h5 text-ods-text-on-accent", children: unreadCount > 99 ? "99+" : unreadCount }) })
       ]
     }
   );
@@ -34181,7 +34171,12 @@ function NavigationSidebar({ config, disabled = false }) {
         className: cn(
           "flex-col hidden md:flex flex-shrink-0",
           "bg-ods-card border-r border-ods-border",
-          isTablet ? "fixed top-0 left-0 h-screen z-[45]" : "relative h-full",
+          // Tablet: float the sidebar over content. Anchored to the layout row
+          // (`absolute` within AppLayout's `relative` row) — NOT the viewport —
+          // so an optional `topBar` above the row is not overlapped. With no
+          // topBar the row spans the full viewport, so this is visually
+          // identical to a viewport-fixed sidebar.
+          isTablet ? "absolute inset-y-0 left-0 z-[45]" : "relative h-full",
           transitionsEnabled && "transition-[width] duration-300",
           config.className
         ),
@@ -34814,7 +34809,8 @@ function AppLayout({
   className,
   mobileBurgerMenuProps,
   disabled = false,
-  drawer
+  drawer,
+  topBar
 }) {
   const [mobileMenuOpen, setMobileMenuOpen] = useState85(false);
   const [drawerContainer, setDrawerContainer] = useState85(null);
@@ -34838,40 +34834,43 @@ function AppLayout({
       return () => drawerHandlesRef.current.delete(handle);
     }
   }), []);
-  return /* @__PURE__ */ jsx277(AppLayoutDrawerContainerContext.Provider, { value: drawerContainer, children: /* @__PURE__ */ jsx277(AppLayoutDrawerCoordinationContext.Provider, { value: drawerCoordination, children: /* @__PURE__ */ jsxs219("div", { className: cn("flex h-screen bg-ods-bg", className), children: [
-    /* @__PURE__ */ jsx277(NavigationSidebar, { config: sidebarConfig, disabled }),
-    /* @__PURE__ */ jsx277(
-      MobileBurgerMenu,
-      {
-        ...mobileBurgerMenuProps,
-        isOpen: mobileMenuOpen,
-        onClose: handleCloseMobileMenu,
-        config: sidebarConfig,
-        disabled
-      }
-    ),
-    /* @__PURE__ */ jsxs219("div", { className: "flex-1 flex flex-col overflow-hidden", children: [
+  return /* @__PURE__ */ jsx277(AppLayoutDrawerContainerContext.Provider, { value: drawerContainer, children: /* @__PURE__ */ jsx277(AppLayoutDrawerCoordinationContext.Provider, { value: drawerCoordination, children: /* @__PURE__ */ jsxs219("div", { className: cn("flex flex-col h-screen bg-ods-bg", className), children: [
+    topBar,
+    /* @__PURE__ */ jsxs219("div", { className: "flex flex-1 min-h-0 relative", children: [
+      /* @__PURE__ */ jsx277(NavigationSidebar, { config: sidebarConfig, disabled }),
       /* @__PURE__ */ jsx277(
-        AppHeader,
+        MobileBurgerMenu,
         {
-          ...headerProps,
-          isMobileMenuOpen: mobileMenuOpen,
-          onToggleMobileMenu: handleToggleMobileMenu,
+          ...mobileBurgerMenuProps,
+          isOpen: mobileMenuOpen,
+          onClose: handleCloseMobileMenu,
+          config: sidebarConfig,
           disabled
         }
       ),
-      /* @__PURE__ */ jsx277(NotificationDrawer, {}),
-      /* @__PURE__ */ jsxs219(
-        "div",
-        {
-          ref: setDrawerContainer,
-          className: "flex-1 flex flex-col relative overflow-hidden",
-          children: [
-            /* @__PURE__ */ jsx277("main", { className: cn("flex-1 overflow-y-auto", mainClassName), children: /* @__PURE__ */ jsx277(Suspense2, { fallback: loadingFallback ?? null, children }) }),
-            drawer
-          ]
-        }
-      )
+      /* @__PURE__ */ jsxs219("div", { className: "flex-1 flex flex-col overflow-hidden", children: [
+        /* @__PURE__ */ jsx277(
+          AppHeader,
+          {
+            ...headerProps,
+            isMobileMenuOpen: mobileMenuOpen,
+            onToggleMobileMenu: handleToggleMobileMenu,
+            disabled
+          }
+        ),
+        /* @__PURE__ */ jsx277(NotificationDrawer, {}),
+        /* @__PURE__ */ jsxs219(
+          "div",
+          {
+            ref: setDrawerContainer,
+            className: "flex-1 flex flex-col relative overflow-hidden",
+            children: [
+              /* @__PURE__ */ jsx277("main", { className: cn("flex-1 overflow-y-auto", mainClassName), children: /* @__PURE__ */ jsx277(Suspense2, { fallback: loadingFallback ?? null, children }) }),
+              drawer
+            ]
+          }
+        )
+      ] })
     ] })
   ] }) }) });
 }
@@ -38390,6 +38389,7 @@ function DataTableRowImpl({
   onClick,
   href,
   compact,
+  autoHeight,
   className,
   subRow
 }) {
@@ -38423,7 +38423,7 @@ function DataTableRowImpl({
     {
       className: cn(
         "flex items-center gap-[var(--spacing-system-mf)] px-[var(--spacing-system-mf)]",
-        compact ? "py-[var(--spacing-system-xsf)]" : `py-0 ${ROW_HEIGHT_DESKTOP2}`,
+        compact ? "py-[var(--spacing-system-xsf)]" : autoHeight ? "py-[var(--spacing-system-sf)] min-h-[68px] md:min-h-[80px]" : `py-0 ${ROW_HEIGHT_DESKTOP2}`,
         hasSubRow && "border-b border-ods-border"
       ),
       children: row.getVisibleCells().map((cell) => {
@@ -38498,6 +38498,7 @@ function DataTableBody({
   className,
   rowClassName,
   compact,
+  autoHeight,
   onRowClick,
   rowHref,
   minRows,
@@ -38524,6 +38525,7 @@ function DataTableBody({
           onClick: onRowClick,
           href,
           compact,
+          autoHeight,
           className: cls,
           subRow: renderSubRow?.(item)
         },
@@ -51826,4 +51828,4 @@ export {
   LogsList,
   assets
 };
-//# sourceMappingURL=chunk-VZ4NJBQT.js.map
+//# sourceMappingURL=chunk-XQ77CK5C.js.map