{"_id":"@dmc--98/dfe-ui-mui","_rev":"4-7fa0200656965b197723a09e886567bb","name":"@dmc--98/dfe-ui-mui","dist-tags":{"latest":"1.0.0"},"versions":{"0.1.0":{"name":"@dmc--98/dfe-ui-mui","version":"0.1.0","license":"MIT","_id":"@dmc--98/dfe-ui-mui@0.1.0","maintainers":[{"name":"dmc--98","email":"snarjun98claude@gmail.com"}],"dist":{"shasum":"37c7cbcf6dc5326482c22ed99edd862a6e3a48b4","tarball":"https://registry.npmjs.org/@dmc--98/dfe-ui-mui/-/dfe-ui-mui-0.1.0.tgz","fileCount":8,"integrity":"sha512-DXQHeNMNI0q6t1IFd4yDImQLJtdiAwUOSUIXiAdz89HEYA07j0QuY6HEDOBvy/RFguGBrtRFtly5T0GQ412ObQ==","signatures":[{"sig":"MEUCIQCAVPPYRQjr3XJn+vbTmOU4TlJCqWVr41AxsFjv9asbJQIgQYECcSA+3zXy/qKkEZUb2o+durvUGhDQ2PBVo0EJw9M=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":21169},"main":"./dist/index.cjs","tsup":{"dts":true,"clean":true,"entry":["src/index.tsx"],"format":["esm","cjs"],"external":["react","react-dom"],"sourcemap":true},"type":"module","_from":"file:dmc--98-dfe-ui-mui-0.1.0.tgz","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"scripts":{"dev":"tsup --watch","test":"vitest run","build":"tsup","typecheck":"tsc --noEmit"},"_npmUser":{"name":"dmc--98","email":"snarjun98claude@gmail.com"},"_resolved":"/tmp/2d6ec8f3e59b0273e1362e823bf0839d/dmc--98-dfe-ui-mui-0.1.0.tgz","_integrity":"sha512-DXQHeNMNI0q6t1IFd4yDImQLJtdiAwUOSUIXiAdz89HEYA07j0QuY6HEDOBvy/RFguGBrtRFtly5T0GQ412ObQ==","_npmVersion":"10.8.2","description":"MUI-themed stable wrappers for Dynamic Form Engine","directories":{},"_nodeVersion":"20.20.2","dependencies":{"@dmc--98/dfe-core":"0.1.0","@dmc--98/dfe-react":"0.1.0"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.0.0","react":"^18.3.0","react-dom":"^18.3.0","typescript":"^5.4.0","@types/react":"^18.0.0"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0"},"_npmOperationalInternal":{"tmp":"tmp/dfe-ui-mui_0.1.0_1776707039786_0.1031128474420202","host":"s3://npm-registry-packages-npm-production"}},"0.1.1":{"name":"@dmc--98/dfe-ui-mui","version":"0.1.1","license":"MIT","_id":"@dmc--98/dfe-ui-mui@0.1.1","maintainers":[{"name":"dmc--98","email":"snarjun98claude@gmail.com"}],"dist":{"shasum":"ba3ea8dee586b3b3d7cc52631a7fe23a3ab7be32","tarball":"https://registry.npmjs.org/@dmc--98/dfe-ui-mui/-/dfe-ui-mui-0.1.1.tgz","fileCount":9,"integrity":"sha512-wC98Vp4+KTvAWO/3DPGB4hrUwUctJZhz/iwO93Sz9OUtlmKSwvGSdtAjeipO0XfZsud6EqfTeBLxRu6FK3cqzw==","signatures":[{"sig":"MEQCIE8RMSqK5kn8OVb3uj7Tde4e/VZjI72DzJ3STGqO4aojAiBf0pbc9mRH5ouga0l7kPekKcQVxwVXQ3HGIh7T6WTFuQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":23275},"main":"./dist/index.cjs","tsup":{"dts":true,"clean":true,"entry":["src/index.tsx"],"format":["esm","cjs"],"external":["react","react-dom"],"sourcemap":true},"type":"module","_from":"file:dmc--98-dfe-ui-mui-0.1.1.tgz","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"scripts":{"dev":"tsup --watch","test":"vitest run","build":"tsup","typecheck":"tsc --noEmit"},"_npmUser":{"name":"dmc--98","email":"snarjun98claude@gmail.com"},"_resolved":"/tmp/1e09600ff679f546c92393bf4849a1cf/dmc--98-dfe-ui-mui-0.1.1.tgz","_integrity":"sha512-wC98Vp4+KTvAWO/3DPGB4hrUwUctJZhz/iwO93Sz9OUtlmKSwvGSdtAjeipO0XfZsud6EqfTeBLxRu6FK3cqzw==","_npmVersion":"10.8.2","description":"MUI-themed stable wrappers for Dynamic Form Engine","directories":{},"_nodeVersion":"20.20.2","dependencies":{"@dmc--98/dfe-core":"0.2.0","@dmc--98/dfe-react":"0.1.1"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.0.0","react":"^18.3.0","react-dom":"^18.3.0","typescript":"^5.4.0","@types/react":"^18.0.0"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0"},"_npmOperationalInternal":{"tmp":"tmp/dfe-ui-mui_0.1.1_1780684788988_0.8664968063560046","host":"s3://npm-registry-packages-npm-production"}},"0.1.2":{"name":"@dmc--98/dfe-ui-mui","version":"0.1.2","license":"MIT","_id":"@dmc--98/dfe-ui-mui@0.1.2","maintainers":[{"name":"dmc--98","email":"snarjun98claude@gmail.com"}],"dist":{"shasum":"dcc73e7e4846f51e3d7d3196bf580fb58182ccb2","tarball":"https://registry.npmjs.org/@dmc--98/dfe-ui-mui/-/dfe-ui-mui-0.1.2.tgz","fileCount":9,"integrity":"sha512-lnKlQlLdxid4udYwnhGhGCRc13Z51yGIWW2XJq3s8WoZjcPIyHUezMqTuPZ5HDM88x5s6VMUSgmYfo/Lx10xbA==","signatures":[{"sig":"MEUCIQC0xsFUUCVH5b2NeiVm2OeyRqQ2pd0iiM/+2iYKXVdc6gIgDnyf7m18BtJVyYl9HoT9cI0gR3EoHGnXijFnTskhL7s=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":23275},"main":"./dist/index.cjs","tsup":{"dts":true,"clean":true,"entry":["src/index.tsx"],"format":["esm","cjs"],"external":["react","react-dom"],"sourcemap":true},"type":"module","_from":"file:dmc--98-dfe-ui-mui-0.1.2.tgz","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"scripts":{"dev":"tsup --watch","test":"vitest run","build":"tsup","typecheck":"tsc --noEmit"},"_npmUser":{"name":"dmc--98","email":"snarjun98claude@gmail.com"},"_resolved":"/tmp/eeccbbb34144d02f722890d8dffdb3bc/dmc--98-dfe-ui-mui-0.1.2.tgz","_integrity":"sha512-lnKlQlLdxid4udYwnhGhGCRc13Z51yGIWW2XJq3s8WoZjcPIyHUezMqTuPZ5HDM88x5s6VMUSgmYfo/Lx10xbA==","_npmVersion":"10.8.2","description":"MUI-themed stable wrappers for Dynamic Form Engine","directories":{},"_nodeVersion":"20.20.2","dependencies":{"@dmc--98/dfe-core":"0.3.0","@dmc--98/dfe-react":"0.1.2"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.0.0","react":"^18.3.0","react-dom":"^18.3.0","typescript":"^5.4.0","@types/react":"^18.0.0"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0"},"_npmOperationalInternal":{"tmp":"tmp/dfe-ui-mui_0.1.2_1781020680755_0.9031630640987616","host":"s3://npm-registry-packages-npm-production"}},"1.0.0":{"name":"@dmc--98/dfe-ui-mui","version":"1.0.0","description":"MUI-themed stable wrappers for Dynamic Form Engine","license":"MIT","type":"module","main":"./dist/index.cjs","module":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"dependencies":{"@dmc--98/dfe-core":"1.0.0","@dmc--98/dfe-react":"1.0.0"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0"},"devDependencies":{"@types/react":"^18.0.0","react":"^18.3.0","react-dom":"^18.3.0","typescript":"^5.4.0","tsup":"^8.0.0"},"tsup":{"entry":["src/index.tsx"],"format":["esm","cjs"],"dts":true,"clean":true,"sourcemap":true,"external":["react","react-dom"]},"scripts":{"build":"tsup","dev":"tsup --watch","test":"vitest run","typecheck":"tsc --noEmit"},"_id":"@dmc--98/dfe-ui-mui@1.0.0","_integrity":"sha512-/sjd6UBU1y7BkoWCtnh0KU8KcY8/Ys2kiAplulnj95/hB0aqEpXE2QBcq2HKj3ENFMsAp9/Xh2eXLbrZbBGtUw==","_resolved":"/tmp/2be5524de55ec0532aeb63ede1cf7d9d/dmc--98-dfe-ui-mui-1.0.0.tgz","_from":"file:dmc--98-dfe-ui-mui-1.0.0.tgz","_nodeVersion":"20.20.2","_npmVersion":"10.8.2","dist":{"integrity":"sha512-/sjd6UBU1y7BkoWCtnh0KU8KcY8/Ys2kiAplulnj95/hB0aqEpXE2QBcq2HKj3ENFMsAp9/Xh2eXLbrZbBGtUw==","shasum":"e4aea47e4bb767301d9b2c19d2e7113dd864963a","tarball":"https://registry.npmjs.org/@dmc--98/dfe-ui-mui/-/dfe-ui-mui-1.0.0.tgz","fileCount":9,"unpackedSize":23105,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIFAUXfNO0+yS1l8Cio+j45ZpZ21mzE5blru0OJ1Rl6leAiEArVuE6aH2/TVEgTNNcVuL29+ONPD2brODCVKeV80cKiM="}]},"_npmUser":{"name":"dmc--98","email":"snarjun98claude@gmail.com"},"directories":{},"maintainers":[{"name":"dmc--98","email":"snarjun98claude@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/dfe-ui-mui_1.0.0_1781264334983_0.03846754557885257"},"_hasShrinkwrap":false}},"time":{"created":"2026-04-20T17:43:59.695Z","modified":"2026-06-12T11:38:55.249Z","0.1.0":"2026-04-20T17:43:59.918Z","0.1.1":"2026-06-05T18:39:49.124Z","0.1.2":"2026-06-09T15:58:00.897Z","1.0.0":"2026-06-12T11:38:55.134Z"},"license":"MIT","description":"MUI-themed stable wrappers for Dynamic Form Engine","maintainers":[{"name":"dmc--98","email":"snarjun98claude@gmail.com"}],"readme":"# @dmc--98/dfe-ui-mui\n\nStable MUI-themed wrappers for the shared DFE React renderer contract.\n\n## What This Package Is\n\n`@dmc--98/dfe-ui-mui` gives you a Material-inspired presentation layer for:\n\n- field rendering\n- step indicators\n- form preview screens\n\nIt is built on top of the shared renderer contract from `@dmc--98/dfe-react/renderers`.\n\n## What This Package Is Not\n\nThis package does not currently render native `@mui/material` components.\nIt provides a stable MUI-like visual language and token preset without requiring Material UI as a runtime dependency.\n\nIf you need direct `@mui/material` component integration, use `renderField` with your own renderer on top of `@dmc--98/dfe-react`.\n\n## Install\n\n```bash\nnpm install @dmc--98/dfe-ui-mui @dmc--98/dfe-react @dmc--98/dfe-core react react-dom\n```\n\n## Exports\n\n```tsx\nimport {\n  MuiFieldRenderer,\n  DfeMuiStepIndicator,\n  DfeMuiFormPreview,\n  DfeMuiThemeProvider,\n} from '@dmc--98/dfe-ui-mui'\n```\n\n## Usage\n\n```tsx\nimport { DfeFormRenderer } from '@dmc--98/dfe-react/components'\nimport { MuiFieldRenderer } from '@dmc--98/dfe-ui-mui'\n\n<DfeFormRenderer\n  fields={visibleFields}\n  values={values}\n  onFieldChange={setFieldValue}\n  errors={errors}\n  renderField={MuiFieldRenderer}\n/>\n```\n\n## Theming\n\nWrap any UI surface with `DfeMuiThemeProvider` to apply the package tokens:\n\n```tsx\n<DfeMuiThemeProvider>\n  <DfeMuiStepIndicator steps={steps} currentIndex={currentIndex} />\n</DfeMuiThemeProvider>\n```\n\nYou can override individual CSS variables with `style` if needed.\n\n## Verification Status\n\nThis package is part of the stable verification set for:\n\n- root `pnpm build`\n- root `pnpm test`\n- root `pnpm typecheck`\n- stable artifact smoke checks\n- stable coverage checks\n- Storybook build\n\n\n---\n\n## Links\n\n- Source: [packages/ui-mui](https://github.com/dmc-98/dynamic-form-engine/tree/main/packages/ui-mui)\n- Docs source: [docs/packages/ui-mui.md](https://github.com/dmc-98/dynamic-form-engine/blob/main/docs/packages/ui-mui.md)\n- Issues: [https://github.com/dmc-98/dynamic-form-engine/issues](https://github.com/dmc-98/dynamic-form-engine/issues)\n","readmeFilename":"README.md"}