nexus-shared 1.0.7 → 1.0.9

package/USER-GUIDE.md

@@ -96,13 +96,22 @@ await HideLoader();
 
 ### Global layout (Next.js)
 
+`next/font` must run in your app (not inside the pre-built package). Define the font in `app/layout.tsx` and pass `className` to `GlobalLayout`:
+
 ```tsx
-import { GlobalLayout, GetGlobalLayout } from "nexus.core";
+import { Inter } from "next/font/google";
+import { DEFAULT_FONT_WEIGHTS, GlobalLayout, GetGlobalLayout } from "nexus.core";
+
+const inter = Inter({ weight: DEFAULT_FONT_WEIGHTS, subsets: ["latin"] });
 
 const globalLayout = GetGlobalLayout(/* … */);
 
 export default function RootLayout({ children }: { children: React.ReactNode }) {
-  return <GlobalLayout globalLayout={globalLayout}>{children}</GlobalLayout>;
+  return (
+    <GlobalLayout globalLayout={globalLayout} bodyClassName={inter.className}>
+      {children}
+    </GlobalLayout>
+  );
 }
 ```
 

package/dist/index.cjs

@@ -4,7 +4,6 @@ var dotenv = require('dotenv');
 var Link = require('next/link');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
-var google = require('next/font/google');
 var Script = require('next/script');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -2609,8 +2608,7 @@ var LayoutHelpers = ({ globalLayout }) => {
   }, []);
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nexus-popup-container" });
 };
-var INTER_FONT = google.Inter({ weight: ["300", "400", "500", "600", "700", "800"], subsets: ["latin"] });
-var GlobalLayout = async ({ children, globalLayout }) => {
+var GlobalLayout = async ({ children, globalLayout, bodyClassName }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs("html", { lang: "en", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("head", { children: [
       /* @__PURE__ */ jsxRuntime.jsx("title", { children: globalLayout.defaultDocumentTitle }),
@@ -2620,7 +2618,7 @@ var GlobalLayout = async ({ children, globalLayout }) => {
       /* @__PURE__ */ jsxRuntime.jsx("meta", { name: "viewport", content: "width=device-width, initial-scale=1.0" }),
       /* @__PURE__ */ jsxRuntime.jsx("style", { id: "nexus-styles" })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("body", { className: INTER_FONT.className, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("body", { className: bodyClassName, children: [
       /* @__PURE__ */ jsxRuntime.jsx(LayoutHelpers, { globalLayout }),
       /* @__PURE__ */ jsxRuntime.jsx(
         "div",
@@ -2960,7 +2958,6 @@ exports.GlobalDialogbox = GlobalDialogbox;
 exports.GlobalLayout = GlobalLayout;
 exports.HasFlag = HasFlag;
 exports.HideLoader = HideLoader;
-exports.INTER_FONT = INTER_FONT;
 exports.Icon = Icon;
 exports.Iconbox = Iconbox;
 exports.InitializeDialogbox = InitializeDialogbox;