{"_id":"@coco888888812345/imoo-app-os-ui-react","name":"@coco888888812345/imoo-app-os-ui-react","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"name":"@coco888888812345/imoo-app-os-ui-react","version":"0.1.0","description":"imoo APP OS UI React component library","private":false,"type":"module","license":"UNLICENSED","keywords":["imoo","react","design-system","figma","code-connect"],"main":"./dist/imoo-app-os-ui-react.umd.cjs","module":"./dist/imoo-app-os-ui-react.js","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/imoo-app-os-ui-react.js","require":"./dist/imoo-app-os-ui-react.umd.cjs"}},"sideEffects":["**/*.css"],"scripts":{"dev":"vite","build":"tsc -p tsconfig.build.json && vite build","preview":"vite preview","publish:public":"npm publish --access public"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0"},"devDependencies":{"@figma/code-connect":"^1.4.0","@types/react":"^19.1.2","@types/react-dom":"^19.1.2","@vitejs/plugin-react":"^5.0.4","typescript":"^5.8.3","vite":"^7.1.7"},"_id":"@coco888888812345/imoo-app-os-ui-react@0.1.0","_nodeVersion":"24.15.0","_npmVersion":"11.12.1","dist":{"integrity":"sha512-1vF9zImXer5xUPVWEFobNMZgGwnaNmauEjKRzAeco78TjtwtV5KtJBfm862f2XUvXiKyxO5h8GSVvU6zt14gng==","shasum":"f5a9405329e9f7fa7fec4cb3fdc9907685b3f21d","tarball":"https://registry.npmjs.org/@coco888888812345/imoo-app-os-ui-react/-/imoo-app-os-ui-react-0.1.0.tgz","fileCount":5,"unpackedSize":13324,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIAK527P3ltc+RyhPmONaAGkWBOWf9SM8hTUnSLN9GnujAiBSEhGJqiyA/il1MmEHjxW0T2sAofkBv4Fu+rNHArgM+A=="}]},"_npmUser":{"name":"coco888888812345","email":"zhangshihu13480760005@gmail.com"},"directories":{},"maintainers":[{"name":"coco888888812345","email":"zhangshihu13480760005@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/imoo-app-os-ui-react_0.1.0_1778310376111_0.40284508225466475"},"_hasShrinkwrap":false}},"time":{"created":"2026-05-09T07:06:15.961Z","0.1.0":"2026-05-09T07:06:16.266Z","modified":"2026-05-09T07:06:16.545Z"},"maintainers":[{"name":"coco888888812345","email":"zhangshihu13480760005@gmail.com"}],"description":"imoo APP OS UI React component library","keywords":["imoo","react","design-system","figma","code-connect"],"license":"UNLICENSED","readme":"# @coco888888812345/imoo-app-os-ui-react\n\nMinimal React component package for `imoo APP OS UI Kit0509`.\n\nThis package is prepared for:\n\n- Figma Make package import\n- future Figma Code Connect publishing\n- sharing a real React implementation for the first batch of components\n\n## Included components\n\n- `Button`\n- `AlertButton`\n- `DialogConfirm`\n- `InputField`\n\n## Install\n\n```bash\nnpm install @coco888888812345/imoo-app-os-ui-react\n```\n\n## Local development\n\n```bash\nnpm install\nnpm run build\n```\n\n## Exports\n\n```ts\nimport {\n  Button,\n  AlertButton,\n  DialogConfirm,\n  InputField,\n  colors,\n  radius,\n  spacing,\n  typography,\n} from \"@coco888888812345/imoo-app-os-ui-react\";\n```\n\n## Example\n\n```tsx\nimport {\n  AlertButton,\n  Button,\n  DialogConfirm,\n  InputField,\n} from \"@coco888888812345/imoo-app-os-ui-react\";\n\nexport function Demo() {\n  return (\n    <div style={{ display: \"grid\", gap: 16, maxWidth: 420 }}>\n      <Button variant=\"amber\">Primary button</Button>\n      <AlertButton tone=\"notice\" style=\"soft\">\n        Main notice button\n      </AlertButton>\n      <InputField variant=\"text\" state=\"default\" placeholder=\"Please enter\" />\n      <DialogConfirm />\n    </div>\n  );\n}\n```\n\n## Code Connect draft files\n\nThe repository includes first-batch draft mapping files:\n\n- `src/components/Button/Button.figma.ts`\n- `src/components/AlertButton/AlertButton.figma.ts`\n- `src/components/DialogConfirm/DialogConfirm.figma.ts`\n- `src/components/InputField/InputField.figma.ts`\n\nBefore publishing Code Connect:\n\n1. Create a Figma personal access token\n2. Install the CLI\n3. Publish the mappings\n\n```bash\nnpm install --global @figma/code-connect@latest\nnpx figma connect publish --token=YOUR_FIGMA_TOKEN\n```\n\nReferences:\n\n- [Getting started with Code Connect CLI](https://developers.figma.com/docs/code-connect/quickstart-guide/)\n- [Connecting React components](https://developers.figma.com/docs/code-connect/react/)\n\n## npm publish\n\n```bash\nnpm version patch\nnpm publish --access public\n```\n\n## Current limitations\n\n- This is the first high-frequency component batch only\n- `Tab Bar2`, `List Card`, `Picker`, and `Avatar` are not yet implemented in code\n- Full Figma Make usage still depends on `npm package + Make kit`\n","readmeFilename":"README.md","_rev":"1-f05a2048ff41e8b8780382c72294c7aa"}