{"_id":"@cartigram/brand-ui","_rev":"3-d8970930963b8ae71aca0828b654b8b0","name":"@cartigram/brand-ui","dist-tags":{"latest":"0.0.2"},"versions":{"0.0.1":{"name":"@cartigram/brand-ui","version":"0.0.1","_id":"@cartigram/brand-ui@0.0.1","maintainers":[{"name":"cartigram","email":"contact@cartigram.com"}],"dist":{"shasum":"1946b425a1cb422b0d18e12b8c3ce9a1e633ce42","tarball":"https://registry.npmjs.org/@cartigram/brand-ui/-/brand-ui-0.0.1.tgz","fileCount":5,"integrity":"sha512-EZgaHcNGnN+iRokfs+oaxBpzbrEhyKhN/19sXOnkVz03pPRGVTjpG4ZB2Y/aXkU1jg9/FbgsnJFTrrzZOYWrwQ==","signatures":[{"sig":"MEYCIQCd4Q6VWXP2rCXJqM+D351/QuXD0mbFsUAaJh/Y279W5AIhAOeyAaCICRCHknti84LvjJOtSMdxKq2md7KYxXTCBU8y","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":94033},"main":"./dist/index.cjs","type":"module","_from":"file:cartigram-brand-ui-0.0.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":{"build":"vite build","clean":"rm -rf dist"},"_npmUser":{"name":"cartigram","email":"contact@cartigram.com"},"_resolved":"C:\\Users\\bhask\\AppData\\Local\\Temp\\c2fecf3ed8d29d069f52b27e16796b56\\cartigram-brand-ui-0.0.1.tgz","_integrity":"sha512-EZgaHcNGnN+iRokfs+oaxBpzbrEhyKhN/19sXOnkVz03pPRGVTjpG4ZB2Y/aXkU1jg9/FbgsnJFTrrzZOYWrwQ==","_npmVersion":"11.6.2","description":"The official React brand component library for Cartigram. This package provides standardized UI elements, such as the \"Powered By\" badge, ensuring brand consistency across all Cartigram-powered applications.","directories":{},"_nodeVersion":"25.1.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^7.3.0","react":"^19.2.3","react-dom":"^19.2.3","typescript":"^5.9.3","@types/node":"^25.0.3","tailwindcss":"^4.1.18","@types/react":"^19.2.7","vite-plugin-dts":"^4.5.4","@types/react-dom":"^19.2.3","@vitejs/plugin-react":"^5.1.2"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0","tailwindcss":">=4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/brand-ui_0.0.1_1767471295723_0.2733698205049022","host":"s3://npm-registry-packages-npm-production"}},"0.0.2":{"name":"@cartigram/brand-ui","version":"0.0.2","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"}},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0","tailwindcss":">=4.0.0"},"devDependencies":{"@types/node":"^25.0.3","@types/react":"^19.2.7","@types/react-dom":"^19.2.3","@vitejs/plugin-react":"^5.1.2","react":"^19.2.3","react-dom":"^19.2.3","tailwindcss":"^4.1.18","typescript":"^5.9.3","vite":"^7.3.0","vite-plugin-dts":"^4.5.4"},"scripts":{"build":"vite build","build:watch":"vite build --watch","clean":"rm -rf dist"},"_id":"@cartigram/brand-ui@0.0.2","description":"The official React brand component library for Cartigram. This package provides standardized UI elements, such as the \"Powered By\" badge, ensuring brand consistency across all Cartigram-powered applications.","_integrity":"sha512-OYU+Ugr4zb10lYD6TArVrlOv/SytWtJnYK4/mEwP66kLjwU4cR67BC4HpFGvbP17TodBdVSpfGboRxq3WNetzA==","_resolved":"C:\\Users\\bhask\\AppData\\Local\\Temp\\7e33f8a7f0f01dbab99357392e34d11d\\cartigram-brand-ui-0.0.2.tgz","_from":"file:cartigram-brand-ui-0.0.2.tgz","_nodeVersion":"25.1.0","_npmVersion":"11.6.2","dist":{"integrity":"sha512-OYU+Ugr4zb10lYD6TArVrlOv/SytWtJnYK4/mEwP66kLjwU4cR67BC4HpFGvbP17TodBdVSpfGboRxq3WNetzA==","shasum":"88278b6d221052b793576dd7218c4871b2a378dc","tarball":"https://registry.npmjs.org/@cartigram/brand-ui/-/brand-ui-0.0.2.tgz","fileCount":5,"unpackedSize":94545,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIFCXgUsyhUyv02HfCyrU0mrgXpF2Ul/kYZPPPVxn8gI0AiANUEwW0b1y3ZuBd1u3Cj2BFGw5J0kw4hc3NgQFyjDb8A=="}]},"_npmUser":{"name":"bhaskar.verma","email":"contact@cartigram.com"},"directories":{},"maintainers":[{"name":"bhaskar.verma","email":"contact@cartigram.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/brand-ui_0.0.2_1767802025400_0.5710038301153466"},"_hasShrinkwrap":false}},"time":{"created":"2026-01-03T20:14:55.612Z","modified":"2026-01-07T16:07:05.770Z","0.0.1":"2026-01-03T20:14:55.882Z","0.0.2":"2026-01-07T16:07:05.547Z"},"description":"The official React brand component library for Cartigram. This package provides standardized UI elements, such as the \"Powered By\" badge, ensuring brand consistency across all Cartigram-powered applications.","maintainers":[{"name":"bhaskar.verma","email":"contact@cartigram.com"}],"readme":"# @cartigram/brand-ui\r\n\r\nThe official React brand component library for Cartigram. This package provides standardized UI elements, such as the \"Powered By\" badge, ensuring brand consistency across all Cartigram-powered applications.\r\n\r\nBuilt with **TypeScript**, **Vite**, and **Tailwind CSS**.\r\n\r\n## 🚀 Installation\r\n\r\nInstall the package via pnpm:\r\n\r\n```bash\r\npnpm add @cartigram/brand-ui\r\n```\r\n\r\n## 🛠 Required Setup (Tailwind CSS)\r\n\r\nThis library uses Tailwind CSS utility classes. Because these classes are processed at build-time, you must tell your local Tailwind configuration to scan the library's files in `node_modules`.\r\n\r\nAdd the following path to your `tailwind.config.js` or `tailwind.config.ts`:\r\n\r\n```javascript\r\n/** @type {import('tailwindcss').Config} */\r\nexport default {\r\n  content: [\r\n    \"./index.html\",\r\n    \"./src/**/*.{js,ts,jsx,tsx}\",\r\n    // ⬇️ IMPORTANT: Add this line to include the library styles ⬇️\r\n    \"./node_modules/@cartigram/brand-ui/dist/**/*.js\",\r\n  ],\r\n  theme: {\r\n    extend: {},\r\n  },\r\n  plugins: [],\r\n}\r\n```\r\n\r\n## 📦 Usage\r\n\r\n### PoweredBy Component\r\n\r\nThe `PoweredBy` component is a ready-to-use badge for attribution. It includes the official Cartigram logo and styling.\r\n\r\n```tsx\r\nimport { PoweredBy } from '@cartigram/brand-ui';\r\n\r\nconst App = () => {\r\n  return (\r\n    <div className=\"flex justify-center p-10\">\r\n      <PoweredBy />\r\n    </div>\r\n  );\r\n};\r\n```\r\n\r\n## 💎 Features\r\n\r\n- **TypeScript Ready**: Full type definitions included out of the box.\r\n- **Dual-Build**: Supports both ESM and CommonJS.\r\n- **Optimized Assets**: Logo assets are handled intelligently by the Vite bundler.\r\n- **Server Components**: Compatible with Next.js App Router (uses \"use client\").\r\n\r\n## 📄 License\r\n\r\nMIT © Cartigram\r\n","readmeFilename":"README.md"}