{"_id":"@carrot-foundation/web-ui","_rev":"10-1aacc533a6aad4dfa78800cfbe13cce9","name":"@carrot-foundation/web-ui","dist-tags":{"latest":"0.4.0"},"versions":{"0.2.3":{"name":"@carrot-foundation/web-ui","version":"0.2.3","_id":"@carrot-foundation/web-ui@0.2.3","maintainers":[{"name":"bkkest","email":"gabrielopes31@gmail.com"},{"name":"carrot.fndn","email":"npm.admin@carrot.eco"},{"name":"andrewribeiro","email":"andtankian@gmail.com"}],"homepage":"https://github.com/carrot-foundation/middle-earth#readme","bugs":{"url":"https://github.com/carrot-foundation/middle-earth/issues"},"dist":{"shasum":"c5c977110e603649c5166f47f6f6c8a2d8201f5d","tarball":"https://registry.npmjs.org/@carrot-foundation/web-ui/-/web-ui-0.2.3.tgz","fileCount":46,"integrity":"sha512-mTBbtr1+hs0Uc954xPFsSgxb1GLiVFPMy8zvNRo4SQ2FiTAXkjBVKokG0E8tCn9Q+w9syLChWuqO91Iwgt4t7g==","signatures":[{"sig":"MEUCIQDkips3q4GUS023Spp/GomU914YWbJLpqvDW4dMMFNU4QIgKTX40OaOoiGwSQAvmnhazIEY8vqKkdAFqqSqB+FgyBA=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":105271},"main":"./src/index.js","type":"commonjs","types":"./src/index.d.ts","exports":{".":{"types":"./src/index.d.ts","import":"./src/index.js","default":"./src/index.js"}},"gitHead":"ced7bfe0e13f7f1bf923165acff92e8e57ad74e8","_npmUser":{"name":"bkkest","email":"gabrielopes31@gmail.com"},"repository":{"url":"git+https://github.com/carrot-foundation/middle-earth.git","type":"git","directory":"libs/publishable/web/ui"},"_npmVersion":"10.9.2","directories":{},"_nodeVersion":"22.13.1","dependencies":{"next":"^15.5.4","react":"^19.2.0","remeda":"^2.32.0","@mui/lab":"^7.0.1-beta.18","react-use":"^17.6.0","type-fest":"^5.0.1","react-share":"^5.2.2","@mui/material":"^7.3.4","react-social-icons":"^6.25.0","@carrot-foundation/web-logger":"workspace:*"},"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"_hasShrinkwrap":false,"peerDependencies":{"react":"^19.2.0"},"_npmOperationalInternal":{"tmp":"tmp/web-ui_0.2.3_1762538126965_0.9741553383413823","host":"s3://npm-registry-packages-npm-production"}},"0.2.4":{"name":"@carrot-foundation/web-ui","version":"0.2.4","_id":"@carrot-foundation/web-ui@0.2.4","maintainers":[{"name":"bkkest","email":"gabrielopes31@gmail.com"},{"name":"carrot.fndn","email":"npm.admin@carrot.eco"},{"name":"andrewribeiro","email":"andtankian@gmail.com"}],"homepage":"https://github.com/carrot-foundation/middle-earth#readme","bugs":{"url":"https://github.com/carrot-foundation/middle-earth/issues"},"dist":{"shasum":"2fd36ed8988b19de4c4d2289ab991917c3b8f968","tarball":"https://registry.npmjs.org/@carrot-foundation/web-ui/-/web-ui-0.2.4.tgz","fileCount":46,"integrity":"sha512-LbEukl9ryIWMMnIFclgsStoaTGd6fogP137HMqQVRIu/9cGOoqk/LdbqN6+fnzfZSDG09LXrSpFtBg4hc0bnXw==","signatures":[{"sig":"MEUCIQDSHoGU3YYxEf94tmYryuKJlIgR3OOMfKokGMqaKt5h+wIgKD1ExLmOQVzVamNYB0eBAAeRSchyuyvg8Tr613F0x8M=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":105271},"main":"./src/index.js","type":"commonjs","types":"./src/index.d.ts","exports":{".":{"types":"./src/index.d.ts","import":"./src/index.js","default":"./src/index.js"}},"gitHead":"ced7bfe0e13f7f1bf923165acff92e8e57ad74e8","_npmUser":{"name":"bkkest","email":"gabrielopes31@gmail.com"},"repository":{"url":"git+https://github.com/carrot-foundation/middle-earth.git","type":"git","directory":"libs/publishable/web/ui"},"_npmVersion":"10.9.2","directories":{},"_nodeVersion":"22.13.1","dependencies":{"next":"^15.5.4","react":"^19.2.0","remeda":"^2.32.0","@mui/lab":"^7.0.1-beta.18","react-use":"^17.6.0","type-fest":"^5.0.1","react-share":"^5.2.2","@mui/material":"^7.3.4","react-social-icons":"^6.25.0","@carrot-foundation/web-logger":"workspace:*"},"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"_hasShrinkwrap":false,"peerDependencies":{"react":"^19.2.0"},"_npmOperationalInternal":{"tmp":"tmp/web-ui_0.2.4_1762538449471_0.024342398863625547","host":"s3://npm-registry-packages-npm-production"}},"0.2.5":{"name":"@carrot-foundation/web-ui","version":"0.2.5","_id":"@carrot-foundation/web-ui@0.2.5","maintainers":[{"name":"bkkest","email":"gabrielopes31@gmail.com"},{"name":"carrot.fndn","email":"npm.admin@carrot.eco"},{"name":"andrewribeiro","email":"andtankian@gmail.com"}],"homepage":"https://github.com/carrot-foundation/middle-earth#readme","bugs":{"url":"https://github.com/carrot-foundation/middle-earth/issues"},"dist":{"shasum":"362908762ae7260e295f46f7ffd4092f25cc591a","tarball":"https://registry.npmjs.org/@carrot-foundation/web-ui/-/web-ui-0.2.5.tgz","fileCount":68,"integrity":"sha512-vc0rRvOfwg0y+6Eid5yvD7HF1DjpqoggdmRSMuJ5xyh7J96e+HtFxgKRQ/1aKYVfrPuByhtPgJLxGd8n+en3UA==","signatures":[{"sig":"MEUCIQCy0dHg401aKgEmx/DkAC5sGM7tan79vh9sCM60IEjvZgIgINlLzrM59CxeH4oct3VQuxKdimmQcSHnItv/ntSP30E=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":123460},"main":"./src/index.js","type":"commonjs","types":"./src/index.d.ts","exports":{".":{"types":"./src/index.d.ts","import":"./src/index.js","default":"./src/index.js"}},"gitHead":"e8dc2cc198b466ffe3c5cf438c57c23e682b7eaa","_npmUser":{"name":"carrot.fndn","email":"npm.admin@carrot.eco"},"repository":{"url":"git+https://github.com/carrot-foundation/middle-earth.git","type":"git","directory":"libs/publishable/web/ui"},"_npmVersion":"10.9.3","directories":{},"_nodeVersion":"22.20.0","dependencies":{"next":"^15.5.4","react":"^19.2.0","remeda":"^2.32.0","@mui/lab":"^7.0.1-beta.18","react-use":"^17.6.0","type-fest":"^5.0.1","react-share":"^5.2.2","@mui/material":"^7.3.4","react-social-icons":"^6.25.0","@carrot-foundation/web-logger":"workspace:*"},"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"_hasShrinkwrap":false,"peerDependencies":{"react":"^19.2.0"},"_npmOperationalInternal":{"tmp":"tmp/web-ui_0.2.5_1762538991314_0.9853454647088042","host":"s3://npm-registry-packages-npm-production"}},"0.3.0":{"name":"@carrot-foundation/web-ui","version":"0.3.0","_id":"@carrot-foundation/web-ui@0.3.0","maintainers":[{"name":"bkkest","email":"gabrielopes31@gmail.com"},{"name":"carrot.fndn","email":"npm.admin@carrot.eco"},{"name":"andrewribeiro","email":"andtankian@gmail.com"}],"homepage":"https://github.com/carrot-foundation/middle-earth#readme","bugs":{"url":"https://github.com/carrot-foundation/middle-earth/issues"},"dist":{"shasum":"0a915ceea9567f61788faaf82f34f7cdb9c577f1","tarball":"https://registry.npmjs.org/@carrot-foundation/web-ui/-/web-ui-0.3.0.tgz","fileCount":68,"integrity":"sha512-amujdzuso/qzOTmAeg5IqNzzGF+8fmk5drrrPj6JNNmMqhCyGvpI+FBiXev8CrhGrPtl1xhqR9zQNNmQ3dcLkQ==","signatures":[{"sig":"MEQCIAGYfoUChFiwkACYjYudTKwnLvFssoySjN3ep8Zrv9djAiAnwk6IT81yxOSudwo44nl1Fn76lTci4En/sB4Dpd5G1w==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":117049},"main":"./index.js","type":"module","types":"./index.d.ts","module":"./index.js","exports":{".":{"types":"./index.d.ts","import":"./index.js","default":"./index.js"}},"gitHead":"e77acb7646c2e0127990ca1aa24885385dd6cb51","_npmUser":{"name":"carrot.fndn","email":"npm.admin@carrot.eco"},"repository":{"url":"git+https://github.com/carrot-foundation/middle-earth.git","type":"git","directory":"libs/publishable/web/ui"},"_npmVersion":"10.9.3","directories":{},"_nodeVersion":"22.20.0","dependencies":{"next":"^15.5.4","react":"^19.2.0","remeda":"^2.32.0","@mui/lab":"^7.0.1-beta.18","react-use":"^17.6.0","type-fest":"^5.0.1","react-share":"^5.2.2","@mui/material":"^7.3.4","react-social-icons":"^6.25.0","@carrot-foundation/web-logger":"workspace:*"},"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"_hasShrinkwrap":false,"peerDependencies":{"react":"^19.2.0"},"_npmOperationalInternal":{"tmp":"tmp/web-ui_0.3.0_1762544818070_0.14299780460085598","host":"s3://npm-registry-packages-npm-production"}},"0.4.0":{"name":"@carrot-foundation/web-ui","version":"0.4.0","_id":"@carrot-foundation/web-ui@0.4.0","maintainers":[{"name":"bkkest","email":"gabrielopes31@gmail.com"},{"name":"carrot.fndn","email":"npm.admin@carrot.eco"},{"name":"andrewribeiro","email":"andtankian@gmail.com"}],"homepage":"https://github.com/carrot-foundation/middle-earth#readme","bugs":{"url":"https://github.com/carrot-foundation/middle-earth/issues"},"dist":{"shasum":"5fee0db511e9fe7d0f717f5195e9a8498d294292","tarball":"https://registry.npmjs.org/@carrot-foundation/web-ui/-/web-ui-0.4.0.tgz","fileCount":69,"integrity":"sha512-whLghrYcGG4v+lD2Vg+14CFLEBG3J74gHnBFSPD2n/bnEms7aFIqAbXfOBVN5ijOtVSsqhuQq+9MYF92El546Q==","signatures":[{"sig":"MEUCIGXTeZc3CRAH4GEHDtZxecoimnxk4YadT/fAseRQ+s8PAiEA98n36upqJ8lB7VNDu/rIMpDu8nPQnlYyLGBZMCFM21E=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":121345},"main":"./index.js","type":"module","types":"./index.d.ts","module":"./index.js","exports":{".":{"types":"./index.d.ts","import":"./index.js","default":"./index.js"}},"gitHead":"b14a70eb7fb1144bfe8fffc04bd3d04667db0a15","_npmUser":{"name":"carrot.fndn","email":"npm.admin@carrot.eco"},"repository":{"url":"git+https://github.com/carrot-foundation/middle-earth.git","type":"git","directory":"libs/publishable/web/ui"},"_npmVersion":"10.9.3","description":"A modern React UI component library built with Material-UI (MUI) and Next.js, designed for the Carrot Foundation web applications.","directories":{},"_nodeVersion":"22.20.0","dependencies":{"next":"^15.5.4","react":"^19.2.0","remeda":"^2.32.0","@mui/lab":"^7.0.1-beta.18","react-use":"^17.6.0","type-fest":"^5.0.1","react-share":"^5.2.2","@mui/material":"^7.3.4","react-social-icons":"^6.25.0","@carrot-foundation/web-logger":"workspace:*"},"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"_hasShrinkwrap":false,"peerDependencies":{"react":"^19.2.0"},"_npmOperationalInternal":{"tmp":"tmp/web-ui_0.4.0_1762548413874_0.6070964578182858","host":"s3://npm-registry-packages-npm-production"}}},"time":{"created":"2025-11-07T17:55:26.853Z","modified":"2026-04-13T15:00:14.803Z","0.2.3":"2025-11-07T17:55:27.156Z","0.2.4":"2025-11-07T18:00:49.666Z","0.2.5":"2025-11-07T18:09:51.516Z","0.3.0":"2025-11-07T19:46:58.285Z","0.4.0":"2025-11-07T20:46:54.090Z"},"bugs":{"url":"https://github.com/carrot-foundation/middle-earth/issues"},"homepage":"https://github.com/carrot-foundation/middle-earth#readme","repository":{"url":"git+https://github.com/carrot-foundation/middle-earth.git","type":"git","directory":"libs/publishable/web/ui"},"description":"A modern React UI component library built with Material-UI (MUI) and Next.js, designed for the Carrot Foundation web applications.","maintainers":[{"email":"npm.admin@carrot.eco","name":"carrot.fndn"},{"email":"amarcoscastelo@gmail.com","name":"amarcoscastelo"},{"email":"cristianorsantos.95@gmail.com","name":"cristianosantos95"},{"email":"sangalli@gmail.com","name":"sangalli"}],"readme":"# @carrot-foundation/web-ui\n\nA modern React UI component library built with Material-UI (MUI) and Next.js, designed for the Carrot Foundation web applications.\n\n## Installation\n\n```bash\nnpm install @carrot-foundation/web-ui\n```\n\nor\n\n```bash\npnpm add @carrot-foundation/web-ui\n```\n\nor\n\n```bash\nyarn add @carrot-foundation/web-ui\n```\n\n## Peer Dependencies\n\nThis package requires React 19.2.0 or higher as a peer dependency.\n\n## Features\n\n- Pre-configured Material-UI theme with custom design tokens\n- Reusable React components following atomic design principles\n- Built-in sharing functionality for social media platforms\n- Next.js optimized with client-side rendering support\n- TypeScript support\n- ESM module support\n\n## Components\n\n### Atoms\n\n#### Button\n\nA Material-UI button component with custom styling.\n\n```tsx\nimport { Button } from '@carrot-foundation/web-ui';\n\n<Button variant=\"contained\" color=\"primary\">\n  Click me\n</Button>;\n```\n\n#### Icons\n\n- `ShareIcon` - Share icon component\n- `CloseIcon` - Close icon component\n\n```tsx\nimport { ShareIcon, CloseIcon } from '@carrot-foundation/web-ui';\n\n<ShareIcon sx={{ color: 'primary.main' }} />\n<CloseIcon />\n```\n\n### Molecules\n\n#### Share\n\nA comprehensive sharing component that provides native share functionality on mobile devices and a custom dialog with social media sharing options on desktop.\n\n```tsx\nimport { Share } from '@carrot-foundation/web-ui';\n\n<Share title=\"Check this out!\" text=\"This is an amazing article\" url=\"https://example.com\" imageUrl=\"https://example.com/image.jpg\" color=\"primary.1000\" />;\n```\n\nFeatures:\n\n- Native Web Share API integration for mobile devices\n- Desktop-optimized dialog with social media sharing buttons\n- Support for LinkedIn, X (Twitter), Facebook, and WhatsApp\n- Instagram link integration\n- Copy-to-clipboard functionality for sharing URLs\n- Automatic device detection (mobile vs. desktop)\n- Optional image sharing on supported platforms\n\nProps:\n\n- `title?: string` - Title for the shared content\n- `text?: string` - Description text for the share\n- `url?: string` - URL to share (defaults to current page URL)\n- `imageUrl?: string` - Optional image URL to include in the share (mobile only)\n- `color?: string` - Custom color for the share icon (default: 'primary.1000')\n- `CustomIcon?: Component` - Optional custom icon component to replace the default ShareIcon\n\n### Theme\n\n#### ThemeProvider\n\nWraps your application with the custom Carrot Foundation theme.\n\n```tsx\nimport { ThemeProvider } from '@carrot-foundation/web-ui';\n\nfunction App() {\n  return <ThemeProvider>{/* Your app components */}</ThemeProvider>;\n}\n```\n\n#### Theme Object\n\nThe pre-configured theme includes:\n\n- Custom color palette\n- Typography settings\n- Border radius configurations\n- Shadow definitions\n- Component-specific styling overrides\n\n```tsx\nimport { theme } from '@carrot-foundation/web-ui';\n\n// Use the theme object directly if needed\nconsole.log(theme.palette.primary);\n```\n\n## Usage Example\n\n```tsx\nimport { ThemeProvider, Button, Share } from '@carrot-foundation/web-ui';\n\nfunction MyApp() {\n  return (\n    <ThemeProvider>\n      <div>\n        <h1>My Application</h1>\n        <Button variant=\"contained\">Get Started</Button>\n        <Share title=\"Check out my app!\" url={window.location.href} />\n      </div>\n    </ThemeProvider>\n  );\n}\n```\n\n## Dependencies\n\nThis library uses the following major dependencies:\n\n- `@mui/material` - Material-UI component library\n- `@mui/lab` - Material-UI lab components\n- `react-share` - Social media sharing components\n- `react-social-icons` - Social media icons\n- `react-use` - React hooks library\n- `next` - Next.js framework\n- `@carrot-foundation/web-logger` - Internal logging utility\n\n## Development\n\nThis package is part of the Carrot Foundation monorepo and uses:\n\n- TypeScript for type safety\n- SWC for fast compilation\n- ESLint for code quality\n- Nx for build orchestration\n\n## Repository\n\n[GitHub](https://github.com/carrot-foundation/middle-earth/tree/main/libs/publishable/web/ui)\n","readmeFilename":"README.md"}