{"_id":"@bayonai/mui-design","_rev":"4-d30633d91131dc6c5bc71dfb064d7baf","name":"@bayonai/mui-design","dist-tags":{"latest":"1.0.0"},"versions":{"0.1.0":{"name":"@bayonai/mui-design","version":"0.1.0","license":"UNLICENSED","_id":"@bayonai/mui-design@0.1.0","maintainers":[{"name":"toledoroy","email":"toledoroy@gmail.com"}],"dist":{"shasum":"a656fbb66648c0801f14c3c8098be870149900fd","tarball":"https://registry.npmjs.org/@bayonai/mui-design/-/mui-design-0.1.0.tgz","fileCount":45,"integrity":"sha512-cMrCDdhSEuf4bWnIWGJFnPe9Sg+kLLJlErv8oVq9mbweT6FSc2s+ayhGzN90D1KyxKVy/sxu1SE2+S+MFT8eaw==","signatures":[{"sig":"MEYCIQCR9HtJOlLzFAC7C7Vb3y1zWJiX4dtkdiqhHUH/AnaypQIhAK4uRJzHl1EmFm8nyk3K84u2KXulLBHhdUW7BpMa3NKj","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":64344},"main":"./dist/cjs/index.js","type":"module","types":"./dist/types/index.d.ts","module":"./dist/esm/index.js","exports":{".":{"types":"./dist/types/index.d.ts","import":"./dist/esm/index.js","require":"./dist/cjs/index.js"},"./client":{"types":"./dist/types/client.d.ts","import":"./dist/esm/client.js","require":"./dist/cjs/client.js"}},"gitHead":"d63fa729da3808014612c3dd865136fa8d55e413","scripts":{"build":"npm run clean && tsc -p tsconfig.esm.json && tsc -p tsconfig.cjs.json && tsc -p tsconfig.types.json && node scripts/rename-cjs.cjs","clean":"node -e \"require('fs').rmSync('dist', { recursive: true, force: true })\"","typecheck":"tsc -p tsconfig.types.json --noEmit"},"_npmUser":{"name":"toledoroy","email":"toledoroy@gmail.com"},"_npmVersion":"10.9.4","description":"Shared Bayon AI Material UI theme, style recipes, and reusable design components.","directories":{},"_nodeVersion":"22.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"typescript":"^5"},"peerDependencies":{"react":"^19.0.0","react-dom":"^19.0.0","@mui/material":"^7.1.2","@emotion/cache":"^11.14.0","@emotion/react":"^11.14.0","@emotion/styled":"^11.14.0","@mui/icons-material":"^7.1.2"},"_npmOperationalInternal":{"tmp":"tmp/mui-design_0.1.0_1780981064791_0.6386402394234536","host":"s3://npm-registry-packages-npm-production"}},"0.2.0":{"name":"@bayonai/mui-design","version":"0.2.0","license":"UNLICENSED","_id":"@bayonai/mui-design@0.2.0","maintainers":[{"name":"toledoroy","email":"toledoroy@gmail.com"}],"dist":{"shasum":"2b6a14f55fdaba263acf5229de38e0a704b8233f","tarball":"https://registry.npmjs.org/@bayonai/mui-design/-/mui-design-0.2.0.tgz","fileCount":46,"integrity":"sha512-KbaRd6ZsSORA8mPcfN+g6mL01aEWj9Qjm9QggowP/vB3fJi+at3eASULCyHyvOrnL36kZT72fPqex5GMMdCVhw==","signatures":[{"sig":"MEUCIQDGdyjGCtiWbcBCL8Gdl2OXZYpHcCsVi/yKHkkce6GmYAIgfaDwG/ImCVejaQzbyxCKDPJpK10cmuERgRgk0KVgKcQ=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":68560},"main":"./dist/cjs/index.js","type":"module","types":"./dist/types/index.d.ts","module":"./dist/esm/index.js","exports":{".":{"types":"./dist/types/index.d.ts","import":"./dist/esm/index.js","require":"./dist/cjs/index.js"},"./client":{"types":"./dist/types/client.d.ts","import":"./dist/esm/client.js","require":"./dist/cjs/client.js"}},"gitHead":"b6ca7a4dfcbd5aa095f0fda22458318e35658ae6","scripts":{"build":"npm run clean && tsc -p tsconfig.esm.json && tsc -p tsconfig.cjs.json && tsc -p tsconfig.types.json && node scripts/rename-cjs.cjs","clean":"node -e \"require('fs').rmSync('dist', { recursive: true, force: true })\"","typecheck":"tsc -p tsconfig.types.json --noEmit"},"_npmUser":{"name":"toledoroy","email":"toledoroy@gmail.com"},"_npmVersion":"10.9.4","description":"Shared Bayon AI Material UI theme, style recipes, and reusable design components.","directories":{},"_nodeVersion":"22.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"typescript":"^5"},"peerDependencies":{"react":"^19.0.0","react-dom":"^19.0.0","@mui/material":"^9.1.0","@emotion/cache":"^11.14.0","@emotion/react":"^11.14.0","@emotion/styled":"^11.14.0","@mui/icons-material":"^9.1.0","@mui/material-pigment-css":"^9.1.0"},"_npmOperationalInternal":{"tmp":"tmp/mui-design_0.2.0_1780995211007_0.8551568140228727","host":"s3://npm-registry-packages-npm-production"}},"0.2.1":{"name":"@bayonai/mui-design","version":"0.2.1","license":"UNLICENSED","_id":"@bayonai/mui-design@0.2.1","maintainers":[{"name":"toledoroy","email":"toledoroy@gmail.com"}],"dist":{"shasum":"491d0dc3d67c5b48c99b419c56b01b5f4aa8199a","tarball":"https://registry.npmjs.org/@bayonai/mui-design/-/mui-design-0.2.1.tgz","fileCount":46,"integrity":"sha512-JQe0AEzxNjH7GW0ILTfaAwHajPH/aSJoGvkODHwbEfci5K8OjUbHtA6bVxaxWPsxaXmgcxHYAf+OVkuQQvXOoQ==","signatures":[{"sig":"MEQCIHNs+rPwfvTbW8Op8LG3BTgaLsWj/SOl+tz/xqfLCXiEAiB1WaVT3wMKGwT4YL4DA6+sI4mFz5Q+X34RKjHSavU9Pg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":70039},"main":"./dist/cjs/index.js","type":"module","types":"./dist/types/index.d.ts","module":"./dist/esm/index.js","exports":{".":{"types":"./dist/types/index.d.ts","import":"./dist/esm/index.js","require":"./dist/cjs/index.js"},"./client":{"types":"./dist/types/client.d.ts","import":"./dist/esm/client.js","require":"./dist/cjs/client.js"}},"gitHead":"cc093c8f4e4a5e69cfd4b5b3d675647435da542e","scripts":{"build":"npm run clean && tsc -p tsconfig.esm.json && tsc -p tsconfig.cjs.json && tsc -p tsconfig.types.json && node scripts/rename-cjs.cjs","clean":"node -e \"require('fs').rmSync('dist', { recursive: true, force: true })\"","typecheck":"tsc -p tsconfig.types.json --noEmit"},"_npmUser":{"name":"toledoroy","email":"toledoroy@gmail.com"},"_npmVersion":"10.9.4","description":"Shared Bayon AI Material UI theme, style recipes, and reusable design components.","directories":{},"_nodeVersion":"22.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"typescript":"^5"},"peerDependencies":{"react":"^19.0.0","react-dom":"^19.0.0","@mui/material":"^9.1.0","@emotion/cache":"^11.14.0","@emotion/react":"^11.14.0","@emotion/styled":"^11.14.0","@mui/icons-material":"^9.1.0","@mui/material-pigment-css":"^9.1.0"},"_npmOperationalInternal":{"tmp":"tmp/mui-design_0.2.1_1781003461767_0.8638650155488106","host":"s3://npm-registry-packages-npm-production"}},"1.0.0":{"name":"@bayonai/mui-design","version":"1.0.0","description":"Shared Bayon AI Material UI theme, style recipes, and reusable design components.","license":"UNLICENSED","type":"module","main":"./dist/cjs/index.js","module":"./dist/esm/index.js","types":"./dist/types/index.d.ts","exports":{".":{"types":"./dist/types/index.d.ts","import":"./dist/esm/index.js","require":"./dist/cjs/index.js"},"./client":{"types":"./dist/types/client.d.ts","import":"./dist/esm/client.js","require":"./dist/cjs/client.js"}},"publishConfig":{"access":"public"},"scripts":{"clean":"node -e \"require('fs').rmSync('dist', { recursive: true, force: true })\"","build":"npm run clean && tsc -p tsconfig.esm.json && tsc -p tsconfig.cjs.json && tsc -p tsconfig.types.json && node scripts/rename-cjs.cjs","typecheck":"tsc -p tsconfig.types.json --noEmit"},"peerDependencies":{"@emotion/cache":"^11.14.0","@emotion/react":"^11.14.0","@emotion/styled":"^11.14.0","@mui/icons-material":"^9.1.0","@mui/material":"^9.1.0","@mui/material-pigment-css":"^9.1.0","react":"^19.0.0","react-dom":"^19.0.0"},"devDependencies":{"typescript":"^5"},"gitHead":"d19d9af372a1287e8101ade8f1a74635a174e3ca","_id":"@bayonai/mui-design@1.0.0","_nodeVersion":"22.22.0","_npmVersion":"11.17.0","dist":{"integrity":"sha512-6x/FQ7+avKhiUv2IzZwUKFaHTFIi0YAzDdG6iJhZf5yQiGhO3Zx4t/fdg7XNnHZuuq7SDMHCTyKvaTJEHYHuRg==","shasum":"40e090984ed1285929e585710706f4a820467d3f","tarball":"https://registry.npmjs.org/@bayonai/mui-design/-/mui-design-1.0.0.tgz","fileCount":49,"unpackedSize":84192,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIBHiBhYTJ8nzS5iNEA5kYaj62v9b6MoaX6ShjTopcrQtAiAJrbjtii1DMPL77uBNaCVfNgF6VXr93UHl9ZOjpZgEsA=="}]},"_npmUser":{"name":"toledoroy","email":"toledoroy@gmail.com"},"directories":{},"maintainers":[{"name":"toledoroy","email":"toledoroy@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/mui-design_1.0.0_1782818709211_0.47584053324535547"},"_hasShrinkwrap":false}},"time":{"created":"2026-06-09T04:57:44.668Z","modified":"2026-06-30T11:25:09.486Z","0.1.0":"2026-06-09T04:57:44.918Z","0.2.0":"2026-06-09T08:53:31.146Z","0.2.1":"2026-06-09T11:11:01.941Z","1.0.0":"2026-06-30T11:25:09.346Z"},"license":"UNLICENSED","description":"Shared Bayon AI Material UI theme, style recipes, and reusable design components.","maintainers":[{"name":"toledoroy","email":"toledoroy@gmail.com"}],"readme":"# @bayonai/mui-design\n\nShared Bayon AI Material UI design package for React websites.\n\nPublished package: [@bayonai/mui-design on npm](https://www.npmjs.com/package/@bayonai/mui-design)\n\n## Install\n\n```bash\nnpm install @bayonai/mui-design @mui/material @mui/icons-material @mui/material-pigment-css @emotion/react @emotion/styled @emotion/cache react react-dom\n```\n\nThe MUI 9, Pigment CSS, Emotion, React, and React DOM packages are peer dependencies so each consuming website controls its own app runtime.\n\n## Provider\n\nProvider and icon-button helpers are client-only exports:\n\n```tsx\nimport { BayonThemeProvider } from '@bayonai/mui-design/client';\n\nexport function App({ children }: { children: React.ReactNode }) {\n  return <BayonThemeProvider>{children}</BayonThemeProvider>;\n}\n```\n\n## Theme And Styles\n\nTheme, token, style recipe, and box/card component exports are safe to import from server-rendered React code:\n\n```tsx\nimport {\n  bayonDarkTheme,\n  BayonAccentPanel,\n  BayonCtaPanel,\n  mutedTextSx,\n  tealButtonSx,\n} from '@bayonai/mui-design';\n```\n\nUse the exported theme tokens and `sx` recipes as the single source of truth for Bayon surfaces, panels, buttons, and page shells.\n\n## Special Boxes\n\n```tsx\n<BayonAccentPanel hover sx={{ p: 4 }}>\n  Shared accent panel content\n</BayonAccentPanel>\n\n<BayonCtaPanel sx={{ p: { xs: 3, md: 5 } }}>\n  Shared CTA content\n</BayonCtaPanel>\n```\n\nAvailable shared surfaces include `BayonPageShell`, `BayonGradientHero`, `BayonDarkPanel`, `BayonAccentPanel`, `BayonCtaPanel`, `BayonContentBox`, `BayonProjectCard`, `BayonPillarCard`, `BayonMethodBox`, `BayonFlowVisual`, and `BayonTechChip`.\n\n## Icon Buttons\n\n```tsx\nimport SearchIcon from '@mui/icons-material/Search';\nimport { IconTooltipButton } from '@bayonai/mui-design/client';\n\n<IconTooltipButton label=\"Search\">\n  <SearchIcon />\n</IconTooltipButton>\n```\n\n## Local Development\n\nFrom the repository root:\n\n```bash\nnpm run build -w @bayonai/mui-design\nnpm run typecheck -w @bayonai/mui-design\n```\n\nThe main website consumes this package through the local npm workspace while the same package is available to other websites through npm.\n\n## Publishing\n\n1. Update the version in `packages/mui-design/package.json`.\n2. Build and typecheck the package.\n3. Publish from the repo root:\n\n```bash\nnpm publish --workspace @bayonai/mui-design\n```\n","readmeFilename":"README.md"}