{"_id":"@arora19/recipe-ui-kit","name":"@arora19/recipe-ui-kit","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"name":"@arora19/recipe-ui-kit","version":"0.1.0","description":"Reusable StencilJS components for recipe discovery and weekly meal planning.","main":"dist/index.cjs.js","module":"dist/index.js","es2015":"dist/esm/index.js","es2017":"dist/esm/index.js","types":"dist/types/index.d.ts","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","unpkg":"dist/recipe-ui-kit/recipe-ui-kit.esm.js","exports":{".":{"import":"./dist/index.js","require":"./dist/index.cjs.js"},"./loader":{"import":"./loader/index.js","require":"./loader/index.cjs.js"}},"scripts":{"build":"stencil build","start":"stencil build --dev --watch","generate":"stencil generate"},"license":"MIT","publishConfig":{"access":"public"},"devDependencies":{"@stencil/core":"^4.20.0","typescript":"^5.4.0"},"keywords":["stencil","web-components","custom-elements","recipe","ui-kit"],"_id":"@arora19/recipe-ui-kit@0.1.0","_nodeVersion":"23.3.0","_npmVersion":"10.9.0","dist":{"integrity":"sha512-NT+2eSjR2E1llefK9VQFJh/EJLtg0vNmLnYk22Qh2xKyiF7C+N2xAaalFteRhtbopB4TXiS2Cvwz1osOnh+S/g==","shasum":"bb6e6d1da486308a739ff0826f62e317fffd6414","tarball":"https://registry.npmjs.org/@arora19/recipe-ui-kit/-/recipe-ui-kit-0.1.0.tgz","fileCount":48,"unpackedSize":263995,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCz2Clnlp+JYEDUCXlRyuki3ucrWA4iwsw/5u0bA0bBnwIgQgfhgFoudEEp0dFiLCBeYgrCWn4d6BfqEoi6NYTO4RI="}]},"_npmUser":{"name":"arora19","email":"gauravarora1906@gmail.com"},"directories":{},"maintainers":[{"name":"arora19","email":"gauravarora1906@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/recipe-ui-kit_0.1.0_1788186626834_0.6996314182846592"},"_hasShrinkwrap":false}},"time":{"created":"2026-08-31T14:30:26.660Z","0.1.0":"2026-08-31T14:30:26.974Z","modified":"2026-08-31T14:30:27.227Z"},"maintainers":[{"name":"arora19","email":"gauravarora1906@gmail.com"}],"description":"Reusable StencilJS components for recipe discovery and weekly meal planning.","keywords":["stencil","web-components","custom-elements","recipe","ui-kit"],"license":"MIT","readme":"# @arora19/recipe-ui-kit\n\nFramework-agnostic Web Component library (built with [StencilJS](https://stenciljs.com))\npowering the Recipe Finder & Meal Planner platform. Ships as standard Custom\nElements, so it can be consumed from Svelte, React, Vue, or plain HTML.\n\n## Components\n\n| Tag | Props | Events | Slots |\n|---|---|---|---|\n| `<recipe-card>` | `recipe: RecipeCardData`, `is-favorite: boolean` | `favoriteToggle {id}`, `cardClick {id}` | `footer` |\n| `<search-bar>` | `placeholder: string`, `value: string`, `debounce: number` | `searchSubmit: string` | — |\n| `<day-slot>` | `day: string`, `recipe: DaySlotRecipe \\| null` | `remove {day}`, `slotClick {day}` | `empty` |\n\n## Local development\n\n```bash\nnpm install\nnpm start        # watches and rebuilds the library during development\nnpm run build     # builds dist/ and loader/\n```\n\n## Publishing\n\n```bash\nnpm version patch   # or minor / major, per semver\nnpm run build\nnpm publish --access public\n```\n\n## Consuming from a framework app\n\n```bash\nnpm install @arora19/recipe-ui-kit\n```\n\n```ts\nconst { defineCustomElements } = await import('@arora19/recipe-ui-kit/loader');\ndefineCustomElements();\n```\n\nThen use the tags directly in markup, passing data via properties and\nlistening for events with the framework's native event-binding syntax.\n","readmeFilename":"readme.md","_rev":"1-a8442e4cda27dea423a6c17607b8ecb4"}