Use local ui lib in nextjs demo

.eslintignore

@@ -18,6 +18,10 @@
 /packages/mui-icons-material/src/*.js
 /packages/mui-icons-material/templateSvgIcon.js
 /packages/mui-utils/macros/__fixtures__/
+/packages/zero-runtime/utils/
+/packages/zero-runtime/processors/
+/packages/zero-runtime/exports/
+/packages/zero-runtime/theme/
 # Ignore fixtures
 /packages/typescript-to-proptypes/test/*/*
 /test/bundling/fixtures/**/*.fixture.js

apps/zero-runtime-next-app/.eslintrc

@@ -1,6 +1,7 @@
 {
   "extends": ["plugin:react/jsx-runtime"],
   "rules": {
-    "import/prefer-default-export": "off"
+    "import/prefer-default-export": "off",
+    "import/extensions": "off"
   }
 }

apps/zero-runtime-next-app/next.config.js

@@ -1,4 +1,3 @@
-/* eslint-disable */
 /* eslint-env node */
 const { withZeroPlugin } = require('@mui/zero-next-plugin');
 const { experimental_extendTheme: extendTheme } = require('@mui/material/styles');

apps/zero-runtime-next-app/package.json

@@ -14,6 +14,7 @@
     "@mui/base": "workspace:^",
     "@mui/material": "workspace:^",
     "@mui/system": "workspace:^",
+    "local-ui-lib": "workspace:^",
     "react": "^18",
     "react-dom": "^18",
     "next": "14.0.1"

apps/zero-runtime-next-app/src/app/page.tsx

@@ -1,6 +1,6 @@
 import Image from 'next/image';
-import styles from './page.module.css';
 import { styled } from '@mui/zero-runtime';
+import styles from './page.module.css';
 
 const Main = styled.main({
   display: 'flex',

apps/zero-runtime-next-app/src/app/slider/page.tsx

@@ -1,6 +1,7 @@
 'use client';
 import * as React from 'react';
 import { styled } from '@mui/zero-runtime';
+import { Button } from 'local-ui-lib';
 import Slider from '@/components/Slider/ZeroSlider';
 
 const HalfWidth = styled.div(({ theme }) => ({
@@ -74,6 +75,7 @@ export default function SliderPage() {
             </select>
           </label>
         </div>
+        <Button>Hello</Button>
       </div>
       <HalfWidth>
         <Slider

apps/zero-runtime-next-app/src/components/Slider/ZeroSlider.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable */
 import * as React from 'react';
 import clsx from 'clsx';
 import { unstable_composeClasses as composeClasses } from '@mui/utils';

package.json

@@ -8,7 +8,7 @@
     "deduplicate": "pnpm dedupe",
     "benchmark:browser": "pnpm --filter benchmark browser",
     "build": "lerna run --scope \"@mui/*\" build",
-    "build:zero": "lerna run --scope \"@mui/zero-*\" build",
+    "clean:zero": "lerna run --scope \"@mui/zero-*\" clean",
     "build:codesandbox": "NODE_OPTIONS=\"–max_old_space_size=4096\" lerna run --concurrency 8 --scope \"@mui/*\" build",
     "release:version": "lerna version --no-changelog --no-push --no-git-tag-version --no-private --force-publish=@mui/core-downloads-tracker",
     "release:build": "lerna run --concurrency 8 --scope \"@mui/*\" build --skip-nx-cache",

packages/zero-runtime/.eslintrc

@@ -1,4 +1,5 @@
 {
+  "ignorePatterns": ["**/exports/*.js", "**/theme/*.*"],
   "rules": {
     "import/prefer-default-export": "off"
   }

packages/zero-runtime/exports/generateAtomics.js

@@ -1,3 +1,4 @@
+// eslint-ignore
 Object.defineProperty(exports, '__esModule', {
   value: true,
 });

packages/zero-unplugin/src/index.ts

@@ -2,7 +2,6 @@ import {
   UnpluginFactoryOutput,
   WebpackPluginInstance,
   createUnplugin,
-  VitePlugin,
   UnpluginOptions,
 } from 'unplugin';
 import { transformAsync } from '@babel/core';
@@ -340,4 +339,3 @@ export const webpack = plugin.webpack as unknown as UnpluginFactoryOutput<
   PluginOptions,
   WebpackPluginInstance
 >;
-export const vite = plugin.vite as unknown as UnpluginFactoryOutput<PluginOptions, VitePlugin>;