nexstruct 1.0.0

package/templates/ui/antd/src/lib/theme.util.ts

@@ -0,0 +1,40 @@
+import type { ThemeConfig } from 'antd';
+
+export const themeConfig: ThemeConfig = {
+  token: {
+    colorPrimary: '#1677ff',
+    borderRadius: 6,
+    colorSuccess: '#52c41a',
+    colorWarning: '#faad14',
+    colorError: '#ff4d4f',
+    colorInfo: '#1677ff',
+    fontSize: 14,
+    fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",
+  },
+  components: {
+    Button: {
+      controlHeight: 36,
+      borderRadius: 6,
+    },
+    Input: {
+      controlHeight: 40,
+      borderRadius: 6,
+    },
+    Select: {
+      controlHeight: 40,
+      borderRadius: 6,
+    },
+    Card: {
+      borderRadius: 8,
+    },
+    Modal: {
+      borderRadius: 8,
+    },
+    Table: {
+      borderRadius: 8,
+    },
+    Tabs: {
+      borderRadius: 6,
+    },
+  },
+};

package/templates/ui/antd/src/providers/antd.provider.tsx

@@ -0,0 +1,13 @@
+'use client';
+import { ConfigProvider, App } from 'antd';
+import { themeConfig } from '@/lib/theme.util';
+
+export function AntdProvider({ children }: { children: React.ReactNode }) {
+  return (
+    <ConfigProvider theme={themeConfig}>
+      <App>
+        {children}
+      </App>
+    </ConfigProvider>
+  );
+}

package/templates/ui/mui/src/app/examples/layout.tsx

@@ -0,0 +1,113 @@
+'use client';
+
+import { useState } from 'react';
+import Link from 'next/link';
+import Box from '@mui/material/Box';
+import Typography from '@mui/material/Typography';
+import Container from '@mui/material/Container';
+import Button from '@mui/material/Button';
+import IconButton from '@mui/material/IconButton';
+import Drawer from '@mui/material/Drawer';
+import List from '@mui/material/List';
+import ListItem from '@mui/material/ListItem';
+import ListItemButton from '@mui/material/ListItemButton';
+import ListItemText from '@mui/material/ListItemText';
+import Tooltip from '@mui/material/Tooltip';
+import HomeIcon from '@mui/icons-material/Home';
+import MenuIcon from '@mui/icons-material/Menu';
+import CloseIcon from '@mui/icons-material/Close';
+import GitHubIcon from '@mui/icons-material/GitHub';
+import WidgetsIcon from '@mui/icons-material/Widgets';
+
+export default function ExamplesLayout({ children }: { children: React.ReactNode }) {
+  const [mobileOpen, setMobileOpen] = useState(false);
+
+  return (
+    <Box sx={{ minHeight: '100vh', bgcolor: 'background.default', display: 'flex', flexDirection: 'column' }}>
+
+      {/* Navbar */}
+      <Box sx={{
+        position: 'sticky', top: 0, zIndex: 100,
+        bgcolor: 'rgba(255,255,255,0.9)', backdropFilter: 'blur(16px)',
+        borderBottom: 1, borderColor: 'divider',
+      }}>
+        <Container maxWidth="xl" sx={{ display: 'flex', alignItems: 'center', height: 64, justifyContent: 'space-between' }}>
+          <Box sx={{ display: 'flex', alignItems: 'center', gap: 2 }}>
+            <Link href="/" passHref legacyBehavior>
+              <Box component="a" sx={{ display: 'flex', alignItems: 'center', gap: 1, textDecoration: 'none', color: 'inherit' }}>
+                <Box sx={{ width: 28, height: 28, borderRadius: 1, bgcolor: 'primary.main', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
+                  <Typography variant="caption" fontWeight={800} color="white">F</Typography>
+                </Box>
+                <Typography variant="subtitle2" fontWeight={700} sx={{ display: { xs: 'none', sm: 'block' } }}>Nexstruct</Typography>
+              </Box>
+            </Link>
+            <Box sx={{ width: 1, height: 20, bgcolor: 'divider', mx: 0.5 }} />
+            <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5 }}>
+              <WidgetsIcon sx={{ fontSize: 16, color: 'primary.main' }} />
+              <Typography variant="body2" fontWeight={500} color="primary.main">Components</Typography>
+            </Box>
+          </Box>
+
+          <Box sx={{ display: { xs: 'none', md: 'flex' }, alignItems: 'center', gap: 0.5 }}>
+            <Link href="/" passHref legacyBehavior>
+              <Button component="a" variant="text" size="small" startIcon={<HomeIcon />} sx={{ fontWeight: 500 }}>Home</Button>
+            </Link>
+            <Tooltip title="View on GitHub">
+              <IconButton size="small" href="https://github.com" target="_blank" sx={{ ml: 1 }}>
+                <GitHubIcon fontSize="small" />
+              </IconButton>
+            </Tooltip>
+          </Box>
+
+          <IconButton sx={{ display: { xs: 'flex', md: 'none' } }} onClick={() => setMobileOpen(true)}>
+            <MenuIcon />
+          </IconButton>
+        </Container>
+      </Box>
+
+      {/* Mobile Drawer */}
+      <Drawer anchor="right" open={mobileOpen} onClose={() => setMobileOpen(false)}>
+        <Box sx={{ width: 280, p: 2 }}>
+          <Box sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', mb: 2 }}>
+            <Typography variant="subtitle1" fontWeight={700}>Navigate</Typography>
+            <IconButton onClick={() => setMobileOpen(false)}><CloseIcon /></IconButton>
+          </Box>
+          <List>
+            {[
+              { label: 'Home', href: '/' },
+              { label: 'Components', href: '/examples' },
+            ].map((link) => (
+              <ListItem key={link.href} disablePadding>
+                <Link href={link.href} passHref legacyBehavior>
+                  <ListItemButton component="a" onClick={() => setMobileOpen(false)}>
+                    <ListItemText primary={link.label} />
+                  </ListItemButton>
+                </Link>
+              </ListItem>
+            ))}
+          </List>
+        </Box>
+      </Drawer>
+
+      {/* Page content */}
+      <Box sx={{ flex: 1 }}>{children}</Box>
+
+      {/* Footer */}
+      <Box sx={{ bgcolor: 'grey.900', color: 'white', py: 4 }}>
+        <Container maxWidth="xl" sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', flexWrap: 'wrap', gap: 2 }}>
+          <Typography variant="caption" sx={{ opacity: 0.5 }}>
+            MUI Component System — Scaffolded with Nexstruct
+          </Typography>
+          <Box sx={{ display: 'flex', gap: 2 }}>
+            <Link href="/" passHref legacyBehavior>
+              <Typography component="a" variant="caption" sx={{ opacity: 0.6, '&:hover': { opacity: 1 }, textDecoration: 'none', color: 'inherit' }}>Home</Typography>
+            </Link>
+            <Typography component="a" variant="caption" sx={{ opacity: 0.6, '&:hover': { opacity: 1 }, textDecoration: 'none', color: 'inherit', cursor: 'pointer' }} onClick={() => window.scrollTo({ top: 0, behavior: 'smooth' })}>
+              Back to Top
+            </Typography>
+          </Box>
+        </Container>
+      </Box>
+    </Box>
+  );
+}