{"_id":"@dmc--98/dfe-ui-chakra","_rev":"4-7549c6eb82ac26e9469ccbf2fe08d03f","name":"@dmc--98/dfe-ui-chakra","dist-tags":{"latest":"1.0.0"},"versions":{"0.1.0":{"name":"@dmc--98/dfe-ui-chakra","version":"0.1.0","license":"MIT","_id":"@dmc--98/dfe-ui-chakra@0.1.0","maintainers":[{"name":"dmc--98","email":"snarjun98claude@gmail.com"}],"dist":{"shasum":"754060d6d5481c8ce7ced0fb03f7c4980e9513c5","tarball":"https://registry.npmjs.org/@dmc--98/dfe-ui-chakra/-/dfe-ui-chakra-0.1.0.tgz","fileCount":8,"integrity":"sha512-aeIqJdGAdByNZrNImSE83AZkocTdtiKypMm5CezfFYo9fiPNFXvw7Z0H9IETNYDgXteguyBWiTCHkHtKdObRwA==","signatures":[{"sig":"MEUCICxYPXlCBihdrq79bdHQIM5DjA++38pxHnoSzjy2HbBvAiEAsc6UAW+7UadBwyKRKhaVB2MsN02uJ7HamICWLExDzzc=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":21343},"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-chakra-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/42b23f17774e052327db4e67631b2190/dmc--98-dfe-ui-chakra-0.1.0.tgz","_integrity":"sha512-aeIqJdGAdByNZrNImSE83AZkocTdtiKypMm5CezfFYo9fiPNFXvw7Z0H9IETNYDgXteguyBWiTCHkHtKdObRwA==","_npmVersion":"10.8.2","description":"Chakra-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-chakra_0.1.0_1776707037105_0.30531586536182753","host":"s3://npm-registry-packages-npm-production"}},"0.1.1":{"name":"@dmc--98/dfe-ui-chakra","version":"0.1.1","license":"MIT","_id":"@dmc--98/dfe-ui-chakra@0.1.1","maintainers":[{"name":"dmc--98","email":"snarjun98claude@gmail.com"}],"dist":{"shasum":"d17177e28cd35786e9fe847d7f25c9321f1b7ce7","tarball":"https://registry.npmjs.org/@dmc--98/dfe-ui-chakra/-/dfe-ui-chakra-0.1.1.tgz","fileCount":9,"integrity":"sha512-1den5LRqQc4zMK3A+BOFFkl50DLuB0GPXi0hL1dTTk0Z6GO7lEO2Oj+MRzWa8HA2p7fXXr1Kp3MF/e2mRE1Q0g==","signatures":[{"sig":"MEUCIQDOsy/BOChSpo7hvkhw2d06FK1yC14NmI0TM/rsfQvNdAIgXIlWHibVMvaaMkP8ENKPIvr2+NNRaw2P2hSM/b8sWS0=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":23503},"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-chakra-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/7ebabc5f30dfa084c1e019c86c6389a7/dmc--98-dfe-ui-chakra-0.1.1.tgz","_integrity":"sha512-1den5LRqQc4zMK3A+BOFFkl50DLuB0GPXi0hL1dTTk0Z6GO7lEO2Oj+MRzWa8HA2p7fXXr1Kp3MF/e2mRE1Q0g==","_npmVersion":"10.8.2","description":"Chakra-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-chakra_0.1.1_1780684787966_0.6335362195002785","host":"s3://npm-registry-packages-npm-production"}},"0.1.2":{"name":"@dmc--98/dfe-ui-chakra","version":"0.1.2","license":"MIT","_id":"@dmc--98/dfe-ui-chakra@0.1.2","maintainers":[{"name":"dmc--98","email":"snarjun98claude@gmail.com"}],"dist":{"shasum":"689156c0c2502b64c3e15b7ccedaafc4bb216305","tarball":"https://registry.npmjs.org/@dmc--98/dfe-ui-chakra/-/dfe-ui-chakra-0.1.2.tgz","fileCount":9,"integrity":"sha512-y6XqRDtRVTuVBu2vinP6zDe6FKGY8Z25FF4yUqKJPXy8uyPebXcs/zUa0crZbsff+fKrHQpV+iuAk/zZlgZPRw==","signatures":[{"sig":"MEUCIFolUtQRxJVwyCG/cPo2fFEF8RQTwmMTjuY7/B2CjR8kAiEAxpw8bWx6h48fmvDLRUbN/vm5tUcNKYg4+a/7vKoFZvA=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":23503},"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-chakra-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/1c736c7621378d4e6d27f7f2e8780bc7/dmc--98-dfe-ui-chakra-0.1.2.tgz","_integrity":"sha512-y6XqRDtRVTuVBu2vinP6zDe6FKGY8Z25FF4yUqKJPXy8uyPebXcs/zUa0crZbsff+fKrHQpV+iuAk/zZlgZPRw==","_npmVersion":"10.8.2","description":"Chakra-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-chakra_0.1.2_1781020680131_0.6656200652316411","host":"s3://npm-registry-packages-npm-production"}},"1.0.0":{"name":"@dmc--98/dfe-ui-chakra","version":"1.0.0","description":"Chakra-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-chakra@1.0.0","_integrity":"sha512-rIge7MFqbirMaE8oqgf2CRKSDUC+YMkaCYJmCYxB0AO4tnBJnUehZGWdS5YAb991UDtDkgmbbbFdkatHMBvUdA==","_resolved":"/tmp/e4deda37d860990254ae422af2938ee5/dmc--98-dfe-ui-chakra-1.0.0.tgz","_from":"file:dmc--98-dfe-ui-chakra-1.0.0.tgz","_nodeVersion":"20.20.2","_npmVersion":"10.8.2","dist":{"integrity":"sha512-rIge7MFqbirMaE8oqgf2CRKSDUC+YMkaCYJmCYxB0AO4tnBJnUehZGWdS5YAb991UDtDkgmbbbFdkatHMBvUdA==","shasum":"747934281e1418e422b6ec2761ad8d8762e8b6b1","tarball":"https://registry.npmjs.org/@dmc--98/dfe-ui-chakra/-/dfe-ui-chakra-1.0.0.tgz","fileCount":9,"unpackedSize":23473,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIGxbGjBctWh7bu+hWK/Fi9gDUL/g5SSPgl2mbvHTw5uEAiAiuCQPcM/ZYjIxlgghXZvWlLfGMtFbpUNLs5hSL7O2rQ=="}]},"_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-chakra_1.0.0_1781264334936_0.760713422084589"},"_hasShrinkwrap":false}},"time":{"created":"2026-04-20T17:43:56.976Z","modified":"2026-06-12T11:38:55.183Z","0.1.0":"2026-04-20T17:43:57.273Z","0.1.1":"2026-06-05T18:39:48.101Z","0.1.2":"2026-06-09T15:58:00.253Z","1.0.0":"2026-06-12T11:38:55.060Z"},"license":"MIT","description":"Chakra-themed stable wrappers for Dynamic Form Engine","maintainers":[{"name":"dmc--98","email":"snarjun98claude@gmail.com"}],"readme":"# @dmc--98/dfe-ui-chakra\n\nStable Chakra-themed wrappers for the shared DFE React renderer contract.\n\n## What This Package Is\n\n`@dmc--98/dfe-ui-chakra` gives you a Chakra-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 `@chakra-ui/react` components.\nIt provides a stable Chakra-style visual language and token preset without requiring Chakra UI as a runtime dependency.\n\nIf you need direct Chakra 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-chakra @dmc--98/dfe-react @dmc--98/dfe-core react react-dom\n```\n\n## Exports\n\n```tsx\nimport {\n  ChakraFieldRenderer,\n  DfeChakraStepIndicator,\n  DfeChakraFormPreview,\n  DfeChakraThemeProvider,\n} from '@dmc--98/dfe-ui-chakra'\n```\n\n## Usage\n\n```tsx\nimport { DfeFormRenderer } from '@dmc--98/dfe-react/components'\nimport { ChakraFieldRenderer } from '@dmc--98/dfe-ui-chakra'\n\n<DfeFormRenderer\n  fields={visibleFields}\n  values={values}\n  onFieldChange={setFieldValue}\n  errors={errors}\n  renderField={ChakraFieldRenderer}\n/>\n```\n\n## Theming\n\nWrap any UI surface with `DfeChakraThemeProvider` to apply the package tokens:\n\n```tsx\n<DfeChakraThemeProvider>\n  <DfeChakraStepIndicator steps={steps} currentIndex={currentIndex} />\n</DfeChakraThemeProvider>\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-chakra](https://github.com/dmc-98/dynamic-form-engine/tree/main/packages/ui-chakra)\n- Docs source: [docs/packages/ui-chakra.md](https://github.com/dmc-98/dynamic-form-engine/blob/main/docs/packages/ui-chakra.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"}