{"_id":"@7sikandar/af-components","_rev":"3-325c5ae868c668c11aed6724e7e9446f","name":"@7sikandar/af-components","dist-tags":{"latest":"0.1.2"},"versions":{"0.1.0":{"name":"@7sikandar/af-components","version":"0.1.0","keywords":["api","components","react","nextjs"],"author":{"name":"Sikandar Subhani"},"license":"MIT","_id":"@7sikandar/af-components@0.1.0","maintainers":[{"name":"7sikandar","email":"msikandargujjar@gmail.com"}],"dist":{"shasum":"8aaa97485228a29a4c93ca4e8fa0d1552100be66","tarball":"https://registry.npmjs.org/@7sikandar/af-components/-/af-components-0.1.0.tgz","fileCount":65,"integrity":"sha512-PThHv9YtAsuwKGFAxmInIEP/BgKHbpa7hywx62EipFC+z2SV0ovjxG6f8/KAPpcn1GnOyQCYHAiwo3c10WT/RQ==","signatures":[{"sig":"MEUCIQCb931jjfnvRW/jMjMtYaLH+EQzl3hqJws7UOkIajuOJwIgMTBQ7dY+/t6Od7/mcDvj7KLnyzaPpMGdOBQlvnxZJ40=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":5882038},"main":"dist/exports.cjs","style":"dist/af-components.css","types":"dist/exports.d.ts","module":"dist/exports.mjs","exports":{".":{"types":"./dist/exports.d.ts","import":"./dist/exports.mjs","require":"./dist/exports.cjs"},"./tailwind.config":"./tailwind.config.js","./dist/af-components.css":"./dist/af-components.css"},"gitHead":"8e13949884f6058a5e14f20b98fb5ee51935824f","private":false,"scripts":{"dev":"next dev --turbopack","lint":"next lint","build":"next build","clean":"rimraf dist","start":"next start","build:css":"postcss src/library/styles/index.css -o dist/af-components.css","build:package":"tsup && npm run build:css && cp tailwind.config.js dist/","prepublishOnly":"npm run clean && npm run build:package"},"_npmUser":{"name":"7sikandar","email":"msikandargujjar@gmail.com"},"repository":{"url":"https://git.jfreaks.com/sikandarsubhani/af-components.git","type":"git"},"_npmVersion":"10.9.2","description":"API Freaks Components","directories":{},"_nodeVersion":"22.15.1","dependencies":{"clsx":"^2.1.1","next":"15.3.5","react":"^19.0.0","fuse.js":"^7.1.0","react-dom":"^19.0.0","autoprefixer":"^10.4.21","@tryghost/admin-api":"^1.13.17","@tryghost/content-api":"^1.11.28"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.5.0","eslint":"^9","rimraf":"^6.0.1","typescript":"^5","@types/node":"^20","postcss-cli":"^11.0.1","tailwindcss":"^4","@types/react":"^19","@eslint/eslintrc":"^3","@types/react-dom":"^19","eslint-config-next":"15.3.5","@tailwindcss/postcss":"^4","@types/tryghost__content-api":"^1.3.17"},"_npmOperationalInternal":{"tmp":"tmp/af-components_0.1.0_1754520851735_0.7905238290219438","host":"s3://npm-registry-packages-npm-production"}},"0.1.1":{"name":"@7sikandar/af-components","version":"0.1.1","keywords":["api","components","react","nextjs"],"author":{"name":"Sikandar Subhani"},"license":"MIT","_id":"@7sikandar/af-components@0.1.1","maintainers":[{"name":"7sikandar","email":"msikandargujjar@gmail.com"}],"dist":{"shasum":"6660e448cfc1f952a866b6dc04fe2b5082187d22","tarball":"https://registry.npmjs.org/@7sikandar/af-components/-/af-components-0.1.1.tgz","fileCount":61,"integrity":"sha512-v7L9eRQ0tjCrxHCxf4RSH55/VXfZg/xEpN+l/XsxSfXo+XRLNs8gP2uXW1LXaTPI8VTlnV1FOFmsfeyH5LNpBg==","signatures":[{"sig":"MEYCIQD+nYwdy0uLw+g2yfXIUdF/npD54AsMecMnSWhFwH+clgIhANLbyrx1qYt4tV/zNECJgq3iXTUj9wpygp0G7SDRrnKj","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":5823833},"main":"dist/exports.cjs","style":"dist/af-components.css","types":"dist/exports.d.ts","module":"dist/exports.mjs","exports":{".":{"types":"./dist/exports.d.ts","import":"./dist/exports.mjs","require":"./dist/exports.cjs"},"./styles/blog.css":"./dist/blog.css","./tailwind.config":"./tailwind.config.js","./styles/index.css":"./dist/index.css","./styles/globals.css":"./dist/globals.css","./styles/jsoneditor.css":"./dist/jsoneditor.css","./styles/public-pages.css":"./dist/public-pages.css"},"gitHead":"8e13949884f6058a5e14f20b98fb5ee51935824f","private":false,"scripts":{"dev":"next dev --turbopack","lint":"next lint","build":"next build","clean":"rimraf dist","start":"next start","build:package":"tsup && cp src/library/styles/*.css dist/ && cp tailwind.config.js dist/","prepublishOnly":"npm run clean && npm run build:package"},"_npmUser":{"name":"7sikandar","email":"msikandargujjar@gmail.com"},"repository":{"url":"https://git.jfreaks.com/sikandarsubhani/af-components.git","type":"git"},"_npmVersion":"10.9.2","description":"API Freaks Components","directories":{},"_nodeVersion":"22.15.1","dependencies":{"clsx":"^2.1.1","next":"15.3.5","react":"^19.0.0","fuse.js":"^7.1.0","react-dom":"^19.0.0","autoprefixer":"^10.4.21","@tryghost/admin-api":"^1.13.17","@tryghost/content-api":"^1.11.28"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.5.0","eslint":"^9","rimraf":"^6.0.1","typescript":"^5","@types/node":"^20","postcss-cli":"^11.0.1","tailwindcss":"^4","@types/react":"^19","@eslint/eslintrc":"^3","@types/react-dom":"^19","eslint-config-next":"15.3.5","@tailwindcss/postcss":"^4","@types/tryghost__content-api":"^1.3.17"},"_npmOperationalInternal":{"tmp":"tmp/af-components_0.1.1_1754522147501_0.4916117197259091","host":"s3://npm-registry-packages-npm-production"}},"0.1.2":{"name":"@7sikandar/af-components","version":"0.1.2","private":false,"description":"API Freaks Components","author":{"name":"Sikandar Subhani"},"license":"MIT","repository":{"type":"git","url":"https://git.jfreaks.com/sikandarsubhani/af-components.git"},"keywords":["api","components","react","nextjs"],"main":"dist/exports.cjs","module":"dist/exports.mjs","types":"dist/exports.d.ts","style":"dist/af-components.css","exports":{".":{"types":"./dist/exports.d.ts","import":"./dist/exports.mjs","require":"./dist/exports.cjs"},"./styles/globals.css":"./dist/globals.css","./styles/blog.css":"./dist/blog.css","./styles/jsoneditor.css":"./dist/jsoneditor.css","./styles/public-pages.css":"./dist/public-pages.css","./styles/index.css":"./dist/index.css","./tailwind.config":"./tailwind.config.js"},"scripts":{"dev":"next dev --turbopack","build":"next build","start":"next start","lint":"next lint","build:package":"tsup && cp src/library/styles/*.css dist/ && cp tailwind.config.js dist/","clean":"rimraf dist","prepublishOnly":"npm run clean && npm run build:package"},"dependencies":{"autoprefixer":"^10.4.21","clsx":"^2.1.1","next":"15.3.5","react":"^19.0.0","react-dom":"^19.0.0"},"devDependencies":{"@eslint/eslintrc":"^3","@tailwindcss/postcss":"^4","@types/node":"^20","@types/react":"^19","@types/react-dom":"^19","@types/tryghost__content-api":"^1.3.17","eslint":"^9","eslint-config-next":"15.3.5","postcss-cli":"^11.0.1","rimraf":"^6.0.1","tailwindcss":"^4","tsup":"^8.5.0","typescript":"^5"},"_id":"@7sikandar/af-components@0.1.2","gitHead":"4732ab3d5e53222731dbaee31f59a6a8718c5f01","_nodeVersion":"22.15.1","_npmVersion":"10.9.2","dist":{"integrity":"sha512-BR3m6nrIUuLS8u0u6Esrpc4btknQz1LnEFvEgQ5Wg3TfiviB7JfsycX6Vev7k1yjTGR04iSNaqiF1I1FCztALw==","shasum":"6e5bd0338272bbba38e556b22936ffe46a9dde04","tarball":"https://registry.npmjs.org/@7sikandar/af-components/-/af-components-0.1.2.tgz","fileCount":59,"unpackedSize":5734983,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQCqbFRQJMbe21OZOZZpQchM2L9l1oDiUOiGqYQzxh4b7gIhAOjP/cimVAttVGaA1sJpn2iOSkmxk+4MtQcOpPeh8fBF"}]},"_npmUser":{"name":"7sikandar","email":"msikandargujjar@gmail.com"},"directories":{},"maintainers":[{"name":"7sikandar","email":"msikandargujjar@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/af-components_0.1.2_1754559195611_0.1677729976215736"},"_hasShrinkwrap":false}},"time":{"created":"2025-08-06T22:54:11.666Z","modified":"2025-08-07T09:33:16.035Z","0.1.0":"2025-08-06T22:54:12.013Z","0.1.1":"2025-08-06T23:15:47.750Z","0.1.2":"2025-08-07T09:33:15.876Z"},"author":{"name":"Sikandar Subhani"},"license":"MIT","keywords":["api","components","react","nextjs"],"repository":{"type":"git","url":"https://git.jfreaks.com/sikandarsubhani/af-components.git"},"description":"API Freaks Components","maintainers":[{"name":"7sikandar","email":"msikandargujjar@gmail.com"}],"readme":"# af-components\n\nReusable React/Next.js component library for API Freaks.\n\n## Installation\n\n```bash\nnpm install @7sikandar/af-components\n# or\nyarn add @7sikandar/af-components\n```\n\n## Usage\n\n### Import Components\n```js\nimport {\n  NavBarGlobal,\n  Footer,\n  NoPrefetchLink,\n  DropDownMenu,\n  MobileNavigationGlobal,\n  SearchBar,\n  SiteSearchBarComponent\n} from '@7sikandar/af-components';\n```\n\n### Import Icons and Utils\n```js\nimport {\n  FacebookIcon,\n  TwitterIcon,\n  LinkedinIcon,\n  // ... other icons\n} from '@7sikandar/af-components';\n\nimport {\n  navigationLinksPublic,\n  pageUrl,\n  contentApi,\n  // ... other utilities\n} from '@7sikandar/af-components';\n```\n\n### Import Styles (Required)\nYou **must** import the CSS for styles and Tailwind utilities:\n```js\n// In your app entry (e.g., _app.js, layout.tsx, or main.js)\nimport '@7sikandar/af-components/dist/af-components.css';\n```\n\n### Optional: Extend Tailwind Config\nIf you want to extend the default Tailwind config in your host repo:\n```js\n// tailwind.config.js in your host repo\nconst afConfig = require('@7sikandar/af-components/tailwind.config');\nmodule.exports = {\n  presets: [afConfig],\n  content: [\n    './src/**/*.{js,ts,jsx,tsx}',\n    // your content paths\n  ],\n  // ...your custom config\n};\n```\n\n## Standalone Usage\nThis package works standalone whether your host repo uses Tailwind CSS or not:\n- **With Tailwind**: Import the CSS and optionally extend the config\n- **Without Tailwind**: Just import the CSS - all styles are pre-built and included\n\n## Components\n\n### Navigation Components\n- `NavBarGlobal` - Main navigation bar\n- `Footer` - Site footer\n- `MobileNavigationGlobal` - Mobile navigation\n\n### Common Components\n- `NoPrefetchLink` - Link without prefetch\n- `DropDownMenu` - Dropdown menu component\n\n### Search Components\n- `SearchBar` - Basic search bar\n- `SiteSearchBarComponent` - Advanced site search\n\n## Development\n\n### Building the Package\n```bash\nnpm run build:package\n```\n\n### Publishing\n```bash\nnpm publish\n```\n\n### Local Development\n```bash\nnpm link\n# In your test project:\nnpm link @7sikandar/af-components\n```\n\n---\n\nThis is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).\n\n## Getting Started\n\nFirst, run the development server:\n\n```bash\nnpm run dev\n# or\nyarn dev\n# or\npnpm dev\n# or\nbun dev\n```\n\nOpen [http://localhost:3000](http://localhost:3000) with your browser to see the result.\n\nYou can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.\n\nThis project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.\n\n## Learn More\n\nTo learn more about Next.js, take a look at the following resources:\n\n- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.\n- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.\n\nYou can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!\n\n## Deploy on Vercel\n\nThe easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.\n\nCheck out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.\n\n\n\n\n\n// \"@tryghost/admin-api\": \"^1.13.17\",\n// \"@tryghost/content-api\": \"^1.11.28\",\n    // \"fuse.js\": \"^7.1.0\",\n","readmeFilename":"README.md"}