{"_id":"@tryferos/search","_rev":"25-4a3148f7a8ea5c55717023b4357c38c0","name":"@tryferos/search","dist-tags":{"latest":"1.2.10","public":"1.2.4"},"versions":{"1.0.1":{"name":"@tryferos/search","version":"1.0.1","description":"Provides you with search components to use in your React app.","main":"dist/index.cjs","module":"dist/index.mjs","types":"dist/index.d.ts","repository":{"type":"git","url":"git+https://github.com/Tryferos/Search-Popup.git"},"keywords":["react","react-components","components","search","types","typescript","tryferos"],"scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"run-script-os","build:win32":"(del /f /s /q dist 1>nul) && rollup -c --bundleConfigAsCjs","build:linux:darwin":"(rm dist -r -f) && rollup -c --bundleConfigAsCjs","storybook":"storybook dev -p 6006","build-storybook":"storybook build","publish-build":"npm run build && npm publish --tag public"},"author":{"name":"tryferos"},"license":"ISC","devDependencies":{"@babel/core":"^7.23.6","@babel/preset-env":"^7.23.6","@babel/preset-react":"^7.23.3","@babel/preset-typescript":"^7.23.3","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-node-resolve":"^15.2.3","@rollup/plugin-terser":"^0.4.4","@rollup/plugin-typescript":"^11.1.5","@storybook/addon-essentials":"^7.6.6","@storybook/addon-interactions":"^7.6.6","@storybook/addon-links":"^7.6.6","@storybook/addon-postcss":"^2.0.0","@storybook/blocks":"^7.6.6","@storybook/react":"^7.6.6","@storybook/react-vite":"^7.6.6","@storybook/test":"^7.6.6","@svgr/rollup":"^8.1.0","@types/react-dom":"^18.2.18","autoprefixer":"^9.8.8","babel-loader":"^9.1.3","framer-motion":"^10.16.16","postcss":"8.0","prop-types":"^15.8.1","react":"^18.0.1","react-dom":"^18.0.1","rollup":"^4.9.1","rollup-plugin-dts":"^6.1.0","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-postcss":"^4.0.2","run-script-os":"^1.1.6","storybook":"^7.6.6","tailwindcss":"^3.4.0","tslib":"^2.6.2","typescript":"^5.3.3"},"peerDependencies":{"react":"^18.0.1","react-dom":"^18.0.1"},"gitHead":"5278894276e8af8f057649671a951ab1baa70271","bugs":{"url":"https://github.com/Tryferos/Search-Popup/issues"},"homepage":"https://github.com/Tryferos/Search-Popup#readme","_id":"@tryferos/search@1.0.1","_nodeVersion":"18.12.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-qf1KMf2TolXfmmv/AxS0CuCsMG4XwTJ9VGT4muFz+3F3XBfYnYMjhhC3N6A843r9dZEwv4E0xlQIF4x39jZCGA==","shasum":"59d38bafcc8118c20b28bcaf0e7c4b38cc547dcf","tarball":"https://registry.npmjs.org/@tryferos/search/-/search-1.0.1.tgz","fileCount":4,"unpackedSize":255947,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAFPFcEs2/F1ZlnskrEVbRqHVJ6XqP2db81Wtr+fe9x6AiBrzz0sAa5/eBSllSBFh2yZfoMDnLpI77yCAmhBiaep8w=="}]},"_npmUser":{"name":"tryferos","email":"mazarakis02@yahoo.gr"},"directories":{},"maintainers":[{"name":"tryferos","email":"mazarakis02@yahoo.gr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/search_1.0.1_1704069110284_0.45418851620971545"},"_hasShrinkwrap":false},"1.0.2":{"name":"@tryferos/search","version":"1.0.2","description":"Provides you with search components to use in your React app.","main":"dist/index.cjs","module":"dist/index.mjs","types":"dist/index.d.ts","repository":{"type":"git","url":"git+https://github.com/Tryferos/Search-Popup.git"},"keywords":["react","react-components","components","search","types","typescript","tryferos"],"scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"run-script-os","build:win32":"(del /f /s /q dist 1>nul) && rollup -c --bundleConfigAsCjs","build:linux:darwin":"(rm dist -r -f) && rollup -c --bundleConfigAsCjs","storybook":"storybook dev -p 6006","build-storybook":"storybook build","publish-build":"npm run build && npm publish --tag public"},"author":{"name":"tryferos"},"license":"ISC","devDependencies":{"@babel/core":"^7.23.6","@babel/preset-env":"^7.23.6","@babel/preset-react":"^7.23.3","@babel/preset-typescript":"^7.23.3","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-node-resolve":"^15.2.3","@rollup/plugin-terser":"^0.4.4","@rollup/plugin-typescript":"^11.1.5","@storybook/addon-essentials":"^7.6.6","@storybook/addon-interactions":"^7.6.6","@storybook/addon-links":"^7.6.6","@storybook/addon-postcss":"^2.0.0","@storybook/blocks":"^7.6.6","@storybook/react":"^7.6.6","@storybook/react-vite":"^7.6.6","@storybook/test":"^7.6.6","@svgr/rollup":"^8.1.0","@types/react-dom":"^18.2.18","autoprefixer":"^9.8.8","babel-loader":"^9.1.3","framer-motion":"^10.16.16","postcss":"8.0","prop-types":"^15.8.1","react":"^18.0.1","react-dom":"^18.0.1","rollup":"^4.9.1","rollup-plugin-dts":"^6.1.0","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-postcss":"^4.0.2","run-script-os":"^1.1.6","storybook":"^7.6.6","tailwindcss":"^3.4.0","tslib":"^2.6.2","typescript":"^5.3.3"},"peerDependencies":{"react":"^18.0.1","react-dom":"^18.0.1"},"gitHead":"5278894276e8af8f057649671a951ab1baa70271","bugs":{"url":"https://github.com/Tryferos/Search-Popup/issues"},"homepage":"https://github.com/Tryferos/Search-Popup#readme","_id":"@tryferos/search@1.0.2","_nodeVersion":"18.12.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-Qn0d9asTTeEaO1VmApjpd7rIT30GouDcatIH9v8hivXPSX+cc63uxSgr1Lb/53QVcJVL7RcH2igiSD6e11DV2Q==","shasum":"3ea694bab5e5609916eadc2dfe4552c8e5825c5b","tarball":"https://registry.npmjs.org/@tryferos/search/-/search-1.0.2.tgz","fileCount":5,"unpackedSize":258199,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEM26t7Z4y21AzjWFcE9TUqxoJ9zsqn2GZeReLBQLHIpAiEAlS7wUjhlnr/VwG2aY3NRFn0+0GbxXqKjlpPOCEXAfQA="}]},"_npmUser":{"name":"tryferos","email":"mazarakis02@yahoo.gr"},"directories":{},"maintainers":[{"name":"tryferos","email":"mazarakis02@yahoo.gr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/search_1.0.2_1704069718103_0.7138024755641399"},"_hasShrinkwrap":false},"1.0.3":{"name":"@tryferos/search","version":"1.0.3","description":"Provides you with search components to use in your React app.","main":"dist/index.cjs","module":"dist/index.mjs","types":"dist/index.d.ts","repository":{"type":"git","url":"git+https://github.com/Tryferos/Search-Popup.git"},"keywords":["react","react-components","components","search","types","typescript","tryferos"],"scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"run-script-os","build:win32":"(del /f /s /q dist 1>nul) && rollup -c --bundleConfigAsCjs","build:linux:darwin":"(rm dist -r -f) && rollup -c --bundleConfigAsCjs","storybook":"storybook dev -p 6006","build-storybook":"storybook build","publish-build":"npm run build && npm publish --tag public"},"author":{"name":"tryferos"},"license":"ISC","devDependencies":{"@babel/core":"^7.23.6","@babel/preset-env":"^7.23.6","@babel/preset-react":"^7.23.3","@babel/preset-typescript":"^7.23.3","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-node-resolve":"^15.2.3","@rollup/plugin-terser":"^0.4.4","@rollup/plugin-typescript":"^11.1.5","@storybook/addon-essentials":"^7.6.6","@storybook/addon-interactions":"^7.6.6","@storybook/addon-links":"^7.6.6","@storybook/addon-postcss":"^2.0.0","@storybook/blocks":"^7.6.6","@storybook/react":"^7.6.6","@storybook/react-vite":"^7.6.6","@storybook/test":"^7.6.6","@svgr/rollup":"^8.1.0","@types/react-dom":"^18.2.18","autoprefixer":"^9.8.8","babel-loader":"^9.1.3","framer-motion":"^10.16.16","postcss":"8.0","prop-types":"^15.8.1","react":"^18.0.1","react-dom":"^18.0.1","rollup":"^4.9.1","rollup-plugin-dts":"^6.1.0","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-postcss":"^4.0.2","run-script-os":"^1.1.6","storybook":"^7.6.6","tailwindcss":"^3.4.0","tslib":"^2.6.2","typescript":"^5.3.3"},"peerDependencies":{"react":"^18.0.1","react-dom":"^18.0.1"},"readme":"# Dropdown Components\r\n\r\n[Install the package for npm here.](https://www.npmjs.com/package/@tryferos/search)\r\n\r\n[Source code on Github.](https://github.com/Tryferos/Search-Popup)\r\n\r\nThis is a **react component** delivering a customizable **Search Popup** that you can use in your projects, which also adds **types** support using Typescript.\r\n\r\nThe project is build using **React, Typescript and Tailwindcss**. Tailwindcss is compiled into css, meaning you do not need it as a depedency.\r\n\r\nAll files are bundled into 3 seperate files for both cjs, esm and dts using the Rollup bundler. (commonjs, esmodules and declaration for ts types).\r\n\r\n## :dart: Features\r\n\r\n- :white_check_mark: Typescript support\r\n- :white_check_mark: **FULLY** Customizable to your needs\r\n- :white_check_mark: Opens as a popup.\r\n- :white_check_mark: Animations.\r\n- :hourglass_flowing_sand: Light/dark mode toggle\r\n\r\n## :electric_plug: Installation\r\n\r\n##\r\n\r\nInstall @tryferos/dropdown using\r\n\r\n```bash\r\n npm install @tryferos/search@1.0.2\r\n```\r\n\r\nRemember that you need to have react and react-dom already installed\r\n\r\n```bash\r\n npm install react@^18.0.1 react-dom@^18.0.1\r\n```\r\n\r\nThis package is build using react 18, you can use with different versions of react at your own risk.\r\n\r\n```bash\r\n npm install @tryferos/search@1.0.2 --force\r\n```\r\n\r\nImport the components\r\n\r\n```javascript\r\nimport { SearchElement } from \"@tryferos/search\";\r\n```\r\n\r\n:speech_balloon: **Options & Types**\r\n\r\n```typescript\r\n placeholder?: string;\r\n darkMode?: boolean;\r\n promptSize?: string;\r\n sections: Array<{\r\n title: string;\r\n items: Array<{\r\n content: string;\r\n title: string;\r\n href: string;\r\n icon?: ReactElement | string; //URLS, SVG, SVG Components\r\n }>;\r\n icon?: string;\r\n }>;\r\n highlight?: {\r\n highlight?: boolean;\r\n color?: string;\r\n };\r\n animation?: {\r\n animate?: boolean;\r\n };\r\n showRecent?: boolean;\r\n openInNewTab?: boolean;\r\n```\r\n\r\n## :information_source: Acknowledgements\r\n\r\n- [Heroicons](https://awesomeopensource.com/project/elangosundar/awesome-README-templates)\r\n- [Awesome README](https://github.com/matiassingers/awesome-readme)\r\n","readmeFilename":"README.md","gitHead":"4ed11ac494cfd0ae1f6e6572804ac1cc819dfc31","bugs":{"url":"https://github.com/Tryferos/Search-Popup/issues"},"homepage":"https://github.com/Tryferos/Search-Popup#readme","_id":"@tryferos/search@1.0.3","_nodeVersion":"18.12.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-P7HufzFvEUBpJjPV6Wou6WPJfxLj22l75tktYkal3U8zYH7iSWX04p9158zBfv5kP8RtnVyyZJi6y7zEe0xo3g==","shasum":"2059dd4c5c1079ba6b055d0e7f2ce5bd9404cebb","tarball":"https://registry.npmjs.org/@tryferos/search/-/search-1.0.3.tgz","fileCount":5,"unpackedSize":261501,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBC6h1Rov6BoKgfEimCLAT3V2Vgelrw2i+Xpkf/pdlKfAiEA/i8bvrTZi3ITjJf6NfRGwxH/bWo0FQVyW8uVKsWHDRI="}]},"_npmUser":{"name":"tryferos","email":"mazarakis02@yahoo.gr"},"directories":{},"maintainers":[{"name":"tryferos","email":"mazarakis02@yahoo.gr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/search_1.0.3_1704072493242_0.8461143937396196"},"_hasShrinkwrap":false},"1.0.4":{"name":"@tryferos/search","version":"1.0.4","description":"Provides you with search components to use in your React app.","main":"dist/index.cjs","module":"dist/index.mjs","types":"dist/index.d.ts","repository":{"type":"git","url":"git+https://github.com/Tryferos/Search-Popup.git"},"keywords":["react","react-components","components","search","types","typescript","tryferos"],"scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"run-script-os","build:win32":"(del /f /s /q dist 1>nul) && rollup -c --bundleConfigAsCjs","build:linux:darwin":"(rm dist -r -f) && rollup -c --bundleConfigAsCjs","storybook":"storybook dev -p 6006","build-storybook":"storybook build","publish-build":"npm run build && npm publish --tag public"},"author":{"name":"tryferos"},"license":"ISC","devDependencies":{"@babel/core":"^7.23.6","@babel/preset-env":"^7.23.6","@babel/preset-react":"^7.23.3","@babel/preset-typescript":"^7.23.3","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-node-resolve":"^15.2.3","@rollup/plugin-terser":"^0.4.4","@rollup/plugin-typescript":"^11.1.5","@storybook/addon-essentials":"^7.6.6","@storybook/addon-interactions":"^7.6.6","@storybook/addon-links":"^7.6.6","@storybook/addon-postcss":"^2.0.0","@storybook/blocks":"^7.6.6","@storybook/react":"^7.6.6","@storybook/react-vite":"^7.6.6","@storybook/test":"^7.6.6","@svgr/rollup":"^8.1.0","@types/react-dom":"^18.2.18","autoprefixer":"^9.8.8","babel-loader":"^9.1.3","framer-motion":"^10.16.16","postcss":"8.0","prop-types":"^15.8.1","react":"^18.0.1","react-dom":"^18.0.1","rollup":"^4.9.1","rollup-plugin-dts":"^6.1.0","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-postcss":"^4.0.2","run-script-os":"^1.1.6","storybook":"^7.6.6","tailwindcss":"^3.4.0","tslib":"^2.6.2","typescript":"^5.3.3"},"peerDependencies":{"react":"^18.0.1","react-dom":"^18.0.1"},"readme":"# Dropdown Components\r\n\r\n[Install the package for npm here.](https://www.npmjs.com/package/@tryferos/search)\r\n\r\n[Source code on Github.](https://github.com/Tryferos/Search-Popup)\r\n\r\nThis is a **react component** delivering a customizable **Search Popup** that you can use in your projects, which also adds **types** support using Typescript.\r\n\r\nThe project is build using **React, Typescript and Tailwindcss**. Tailwindcss is compiled into css, meaning you do not need it as a depedency.\r\n\r\nAll files are bundled into 3 seperate files for both cjs, esm and dts using the Rollup bundler. (commonjs, esmodules and declaration for ts types).\r\n\r\n## :dart: Features\r\n\r\n- :white_check_mark: Typescript support\r\n- :white_check_mark: **FULLY** Customizable to your needs\r\n- :white_check_mark: Opens as a popup.\r\n- :white_check_mark: Animations.\r\n- :hourglass_flowing_sand: Light/dark mode toggle\r\n\r\n## :electric_plug: Installation\r\n\r\n##\r\n\r\nInstall @tryferos/dropdown using\r\n\r\n```bash\r\n npm install @tryferos/search@1.0.2\r\n```\r\n\r\nRemember that you need to have react and react-dom already installed\r\n\r\n```bash\r\n npm install react@^18.0.1 react-dom@^18.0.1\r\n```\r\n\r\nThis package is build using react 18, you can use with different versions of react at your own risk.\r\n\r\n```bash\r\n npm install @tryferos/search@1.0.2 --force\r\n```\r\n\r\nImport the components\r\n\r\n```javascript\r\nimport { SearchElement } from \"@tryferos/search\";\r\n```\r\n\r\n:speech_balloon: **Options & Types**\r\n\r\n```typescript\r\n placeholder?: string;\r\n darkMode?: boolean;\r\n promptSize?: string;\r\n sections: Array<{\r\n title: string;\r\n items: Array<{\r\n content: string;\r\n title: string;\r\n href: string;\r\n icon?: ReactElement | string; //URLS, SVG, SVG Components\r\n }>;\r\n icon?: string;\r\n iconSize?: 'small' | 'medium' | 'large';\r\n }>;\r\n highlight?: {\r\n highlight?: boolean;\r\n color?: string;\r\n };\r\n animation?: {\r\n animate?: boolean;\r\n duration?: 0.1 | 0.2 | 0.3 | 0.4 | 0.5 | 0.6;\r\n };\r\n showRecent?: boolean;\r\n openInNewTab?: boolean;\r\n```\r\n\r\n## :information_source: Acknowledgements\r\n\r\n- [Heroicons](https://awesomeopensource.com/project/elangosundar/awesome-README-templates)\r\n- [Awesome README](https://github.com/matiassingers/awesome-readme)\r\n","readmeFilename":"README.md","gitHead":"9fafdce292c80495e007852441ae6312987f9f46","bugs":{"url":"https://github.com/Tryferos/Search-Popup/issues"},"homepage":"https://github.com/Tryferos/Search-Popup#readme","_id":"@tryferos/search@1.0.4","_nodeVersion":"18.12.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-+noCrw613Rb8Z12D7s5VNbY6FgHget5sjhyXyjNTgSLTHXf+f0a93cUJ3LYJeZjfOoonmov3DMQ2Fh8SIEtIXw==","shasum":"3e73bff982b48848d98419651af647ccc1e903da","tarball":"https://registry.npmjs.org/@tryferos/search/-/search-1.0.4.tgz","fileCount":5,"unpackedSize":263023,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICTH9jXoKE/A1Tw0y/L4lsCV5/UTETu4XPY5dz3NnRj5AiEAvAS6pj0/zPz1OQhtxtIoFEBsCuM30156bmgTvj0Jus0="}]},"_npmUser":{"name":"tryferos","email":"mazarakis02@yahoo.gr"},"directories":{},"maintainers":[{"name":"tryferos","email":"mazarakis02@yahoo.gr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/search_1.0.4_1704073509625_0.7709588040342923"},"_hasShrinkwrap":false},"1.0.5":{"name":"@tryferos/search","version":"1.0.5","description":"Provides you with search components to use in your React app.","main":"dist/index.cjs","module":"dist/index.mjs","types":"dist/index.d.ts","repository":{"type":"git","url":"git+https://github.com/Tryferos/Search-Popup.git"},"keywords":["react","react-components","components","search","types","typescript","tryferos"],"scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"run-script-os","build:win32":"(del /f /s /q dist 1>nul) && rollup -c --bundleConfigAsCjs","build:linux:darwin":"(rm dist -r -f) && rollup -c --bundleConfigAsCjs","storybook":"storybook dev -p 6006","build-storybook":"storybook build","publish-build":"npm run build && npm publish --tag public"},"author":{"name":"tryferos"},"license":"ISC","devDependencies":{"@babel/core":"^7.23.6","@babel/preset-env":"^7.23.6","@babel/preset-react":"^7.23.3","@babel/preset-typescript":"^7.23.3","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-node-resolve":"^15.2.3","@rollup/plugin-terser":"^0.4.4","@rollup/plugin-typescript":"^11.1.5","@storybook/addon-essentials":"^7.6.6","@storybook/addon-interactions":"^7.6.6","@storybook/addon-links":"^7.6.6","@storybook/addon-postcss":"^2.0.0","@storybook/blocks":"^7.6.6","@storybook/react":"^7.6.6","@storybook/react-vite":"^7.6.6","@storybook/test":"^7.6.6","@svgr/rollup":"^8.1.0","@types/react-dom":"^18.2.18","autoprefixer":"^9.8.8","babel-loader":"^9.1.3","framer-motion":"^10.16.16","postcss":"8.0","prop-types":"^15.8.1","react":"^18.0.1","react-dom":"^18.0.1","rollup":"^4.9.1","rollup-plugin-dts":"^6.1.0","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-postcss":"^4.0.2","run-script-os":"^1.1.6","storybook":"^7.6.6","tailwindcss":"^3.4.0","tslib":"^2.6.2","typescript":"^5.3.3"},"peerDependencies":{"react":"^18.0.1","react-dom":"^18.0.1"},"readme":"# Dropdown Components\r\n\r\n[Install the package for npm here.](https://www.npmjs.com/package/@tryferos/search)\r\n\r\n[Source code on Github.](https://github.com/Tryferos/Search-Popup)\r\n\r\nThis is a **react component** delivering a customizable **Search Popup** that you can use in your projects, which also adds **types** support using Typescript.\r\n\r\nThe project is build using **React, Typescript and Tailwindcss**. Tailwindcss is compiled into css, meaning you do not need it as a depedency.\r\n\r\nAll files are bundled into 3 seperate files for both cjs, esm and dts using the Rollup bundler. (commonjs, esmodules and declaration for ts types).\r\n\r\n## :dart: Features\r\n\r\n- :white_check_mark: Typescript support\r\n- :white_check_mark: **FULLY** Customizable to your needs\r\n- :white_check_mark: Opens as a popup.\r\n- :white_check_mark: Animations.\r\n- :hourglass_flowing_sand: Light/dark mode toggle\r\n\r\n## :electric_plug: Installation\r\n\r\n##\r\n\r\nInstall @tryferos/dropdown using\r\n\r\n```bash\r\n npm install @tryferos/search@1.0.2\r\n```\r\n\r\nRemember that you need to have react and react-dom already installed\r\n\r\n```bash\r\n npm install react@^18.0.1 react-dom@^18.0.1\r\n```\r\n\r\nThis package is build using react 18, you can use with different versions of react at your own risk.\r\n\r\n```bash\r\n npm install @tryferos/search@1.0.2 --force\r\n```\r\n\r\nImport the components\r\n\r\n```javascript\r\nimport { SearchElement } from \"@tryferos/search\";\r\n```\r\n\r\n:speech_balloon: **Options & Types**\r\n\r\n```typescript\r\n placeholder?: string;\r\n darkMode?: boolean;\r\n promptSize?: string;\r\n sections: Array<{\r\n title: string;\r\n items: Array<{\r\n content: string;\r\n title: string;\r\n href: string;\r\n icon?: ReactElement | string; //URLS, SVG, SVG Components\r\n }>;\r\n icon?: string;\r\n iconSize?: 'small' | 'medium' | 'large';\r\n }>;\r\n highlight?: {\r\n highlight?: boolean;\r\n color?: string;\r\n };\r\n animation?: {\r\n animate?: boolean;\r\n duration?: 0.1 | 0.2 | 0.3 | 0.4 | 0.5 | 0.6;\r\n };\r\n showRecent?: boolean;\r\n openInNewTab?: boolean;\r\n```\r\n\r\n## :information_source: Acknowledgements\r\n\r\n- [Heroicons](https://awesomeopensource.com/project/elangosundar/awesome-README-templates)\r\n- [Awesome README](https://github.com/matiassingers/awesome-readme)\r\n","readmeFilename":"README.md","gitHead":"b93e6c7972e91b687c109fecf00bf9d59fdc2b84","bugs":{"url":"https://github.com/Tryferos/Search-Popup/issues"},"homepage":"https://github.com/Tryferos/Search-Popup#readme","_id":"@tryferos/search@1.0.5","_nodeVersion":"18.12.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-OhbXEKZnSvDPjzu+1ikQaiIvP+jqgSAf6g8+uXlQ/VTFpKdsuUE7DeLzCQuHvMLchBMTe9UQayHzv6UjtgNnxg==","shasum":"9d2ba3ae497a6bd7e9fa55d5d7a05d947e599a6d","tarball":"https://registry.npmjs.org/@tryferos/search/-/search-1.0.5.tgz","fileCount":5,"unpackedSize":263081,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIF1v1wYyTwQ3bFjpZBAFwlkHcd04wKi9SGN5+Ao2uVgKAiEA5csbh//LedO2VJ2MNkRWIchq4Mt9B7teOsew+bJykhM="}]},"_npmUser":{"name":"tryferos","email":"mazarakis02@yahoo.gr"},"directories":{},"maintainers":[{"name":"tryferos","email":"mazarakis02@yahoo.gr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/search_1.0.5_1704073815782_0.2847614320781031"},"_hasShrinkwrap":false},"1.0.6":{"name":"@tryferos/search","version":"1.0.6","description":"Provides you with search components to use in your React app.","main":"dist/index.cjs","module":"dist/index.mjs","types":"dist/index.d.ts","repository":{"type":"git","url":"git+https://github.com/Tryferos/Search-Popup.git"},"keywords":["react","react-components","components","search","types","typescript","tryferos"],"scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"run-script-os","build:win32":"(del /f /s /q dist 1>nul) && rollup -c --bundleConfigAsCjs","build:linux:darwin":"(rm dist -r -f) && rollup -c --bundleConfigAsCjs","storybook":"storybook dev -p 6006","build-storybook":"storybook build","publish-build":"npm run build && npm publish --tag public"},"author":{"name":"tryferos"},"license":"ISC","devDependencies":{"@babel/core":"^7.23.6","@babel/preset-env":"^7.23.6","@babel/preset-react":"^7.23.3","@babel/preset-typescript":"^7.23.3","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-node-resolve":"^15.2.3","@rollup/plugin-terser":"^0.4.4","@rollup/plugin-typescript":"^11.1.5","@storybook/addon-essentials":"^7.6.6","@storybook/addon-interactions":"^7.6.6","@storybook/addon-links":"^7.6.6","@storybook/addon-postcss":"^2.0.0","@storybook/blocks":"^7.6.6","@storybook/react":"^7.6.6","@storybook/react-vite":"^7.6.6","@storybook/test":"^7.6.6","@svgr/rollup":"^8.1.0","@types/react-dom":"^18.2.18","autoprefixer":"^9.8.8","babel-loader":"^9.1.3","framer-motion":"^10.16.16","postcss":"8.0","prop-types":"^15.8.1","react":"^18.0.1","react-dom":"^18.0.1","rollup":"^4.9.1","rollup-plugin-dts":"^6.1.0","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-postcss":"^4.0.2","run-script-os":"^1.1.6","storybook":"^7.6.6","tailwindcss":"^3.4.0","tslib":"^2.6.2","typescript":"^5.3.3"},"peerDependencies":{"react":"^18.0.1","react-dom":"^18.0.1"},"readme":"# Dropdown Components\r\n\r\n[Install the package for npm here.](https://www.npmjs.com/package/@tryferos/search)\r\n\r\n[Source code on Github.](https://github.com/Tryferos/Search-Popup)\r\n\r\nThis is a **react component** delivering a customizable **Search Popup** that you can use in your projects, which also adds **types** support using Typescript.\r\n\r\nThe project is build using **React, Typescript and Tailwindcss**. Tailwindcss is compiled into css, meaning you do not need it as a depedency.\r\n\r\nAll files are bundled into 3 seperate files for both cjs, esm and dts using the Rollup bundler. (commonjs, esmodules and declaration for ts types).\r\n\r\n## :dart: Features\r\n\r\n- :white_check_mark: Typescript support\r\n- :white_check_mark: **FULLY** Customizable to your needs\r\n- :white_check_mark: Opens as a popup.\r\n- :white_check_mark: Animations.\r\n- :hourglass_flowing_sand: Light/dark mode toggle\r\n\r\n## :electric_plug: Installation\r\n\r\n##\r\n\r\nInstall @tryferos/dropdown using\r\n\r\n```bash\r\n npm install @tryferos/search@1.0.2\r\n```\r\n\r\nRemember that you need to have react and react-dom already installed\r\n\r\n```bash\r\n npm install react@^18.0.1 react-dom@^18.0.1\r\n```\r\n\r\nThis package is build using react 18, you can use with different versions of react at your own risk.\r\n\r\n```bash\r\n npm install @tryferos/search@1.0.2 --force\r\n```\r\n\r\nImport the components\r\n\r\n```javascript\r\nimport { SearchElement } from \"@tryferos/search\";\r\n```\r\n\r\n:speech_balloon: **Options & Types**\r\n\r\n```typescript\r\n placeholder?: string;\r\n darkMode?: boolean;\r\n promptSize?: string;\r\n sections: Array<{\r\n title: string;\r\n items: Array<{\r\n content: string;\r\n title: string;\r\n href: string;\r\n icon?: ReactElement | string; //URLS, SVG, SVG Components\r\n }>;\r\n icon?: string;\r\n iconSize?: 'small' | 'medium' | 'large';\r\n }>;\r\n highlight?: {\r\n highlight?: boolean;\r\n color?: string;\r\n };\r\n animation?: {\r\n animate?: boolean;\r\n duration?: 0.1 | 0.2 | 0.3 | 0.4 | 0.5 | 0.6;\r\n };\r\n showRecent?: boolean;\r\n openInNewTab?: boolean;\r\n```\r\n\r\n## :information_source: Acknowledgements\r\n\r\n- [Heroicons](https://awesomeopensource.com/project/elangosundar/awesome-README-templates)\r\n- [Awesome README](https://github.com/matiassingers/awesome-readme)\r\n","readmeFilename":"README.md","gitHead":"b93e6c7972e91b687c109fecf00bf9d59fdc2b84","bugs":{"url":"https://github.com/Tryferos/Search-Popup/issues"},"homepage":"https://github.com/Tryferos/Search-Popup#readme","_id":"@tryferos/search@1.0.6","_nodeVersion":"18.12.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-x/wY+A0aIGPlLJluHTqTeZnr2xrvXy02BUPdx7b+QT0TOCMYH/7wO53Xw16a5b66Q75HQMF6M6DJvEqRk8+A0Q==","shasum":"763b4816530ef77602a70fc20e4750ea62e390ea","tarball":"https://registry.npmjs.org/@tryferos/search/-/search-1.0.6.tgz","fileCount":5,"unpackedSize":263063,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDhrkMb+eJg8xMuvTuJPEe8r6FDuphDzX0bJ0G9D5fYnAIgb1gpEG3eIyQa2b9q8NUTIUyEYIX9qns5bsk/c0MN828="}]},"_npmUser":{"name":"tryferos","email":"mazarakis02@yahoo.gr"},"directories":{},"maintainers":[{"name":"tryferos","email":"mazarakis02@yahoo.gr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/search_1.0.6_1704074546842_0.06898159895094635"},"_hasShrinkwrap":false},"1.0.7":{"name":"@tryferos/search","version":"1.0.7","description":"Provides you with search components to use in your React app.","main":"dist/index.cjs","module":"dist/index.mjs","types":"dist/index.d.ts","repository":{"type":"git","url":"git+https://github.com/Tryferos/Search-Popup.git"},"keywords":["react","react-components","components","search","types","typescript","tryferos"],"scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"run-script-os","build:win32":"(del /f /s /q dist 1>nul) && rollup -c --bundleConfigAsCjs","build:linux:darwin":"(rm dist -r -f) && rollup -c --bundleConfigAsCjs","storybook":"storybook dev -p 6006","build-storybook":"storybook build","publish-build":"npm run build && npm publish --tag public"},"author":{"name":"tryferos"},"license":"ISC","devDependencies":{"@babel/core":"^7.23.6","@babel/preset-env":"^7.23.6","@babel/preset-react":"^7.23.3","@babel/preset-typescript":"^7.23.3","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-node-resolve":"^15.2.3","@rollup/plugin-terser":"^0.4.4","@rollup/plugin-typescript":"^11.1.5","@storybook/addon-essentials":"^7.6.6","@storybook/addon-interactions":"^7.6.6","@storybook/addon-links":"^7.6.6","@storybook/addon-postcss":"^2.0.0","@storybook/blocks":"^7.6.6","@storybook/react":"^7.6.6","@storybook/react-vite":"^7.6.6","@storybook/test":"^7.6.6","@svgr/rollup":"^8.1.0","@types/react-dom":"^18.2.18","autoprefixer":"^9.8.8","babel-loader":"^9.1.3","framer-motion":"^10.16.16","postcss":"8.0","prop-types":"^15.8.1","react":"^18.0.1","react-dom":"^18.0.1","rollup":"^4.9.1","rollup-plugin-dts":"^6.1.0","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-postcss":"^4.0.2","run-script-os":"^1.1.6","storybook":"^7.6.6","tailwindcss":"^3.4.0","tslib":"^2.6.2","typescript":"^5.3.3"},"peerDependencies":{"react":"^18.0.1","react-dom":"^18.0.1"},"gitHead":"b93e6c7972e91b687c109fecf00bf9d59fdc2b84","bugs":{"url":"https://github.com/Tryferos/Search-Popup/issues"},"homepage":"https://github.com/Tryferos/Search-Popup#readme","_id":"@tryferos/search@1.0.7","_nodeVersion":"18.12.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-i4ke1XRdIUqZjpUkGdj2YUHaKe2xGoy83kCNSFsDRqdD4lslfEVYWeJrSIwjQopaa6CtRT8RYanXU/ZIZOyLCA==","shasum":"0a9274093141f1635a9ff874ba749d72b494c0b0","tarball":"https://registry.npmjs.org/@tryferos/search/-/search-1.0.7.tgz","fileCount":5,"unpackedSize":263066,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDluiU3D7Qjgp4/S8czGo6cazsbZF933IvFC+1CmiegIQIgKMbjvxYhDueG9WGN2FiU8GufhOPopL2VEOvmpsx0zlo="}]},"_npmUser":{"name":"tryferos","email":"mazarakis02@yahoo.gr"},"directories":{},"maintainers":[{"name":"tryferos","email":"mazarakis02@yahoo.gr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/search_1.0.7_1704116520225_0.5542605321532368"},"_hasShrinkwrap":false},"1.0.8":{"name":"@tryferos/search","version":"1.0.8","description":"Provides you with search components to use in your React app.","main":"dist/index.cjs","module":"dist/index.mjs","types":"dist/index.d.ts","repository":{"type":"git","url":"git+https://github.com/Tryferos/Search-Popup.git"},"keywords":["react","react-components","components","search","types","typescript","tryferos"],"scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"run-script-os","build:win32":"(del /f /s /q dist 1>nul) && rollup -c --bundleConfigAsCjs","build:linux:darwin":"(rm dist -r -f) && rollup -c --bundleConfigAsCjs","storybook":"storybook dev -p 6006","build-storybook":"storybook build","publish-build":"npm run build && npm publish --tag public"},"author":{"name":"tryferos"},"license":"ISC","devDependencies":{"@babel/core":"^7.23.6","@babel/preset-env":"^7.23.6","@babel/preset-react":"^7.23.3","@babel/preset-typescript":"^7.23.3","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-node-resolve":"^15.2.3","@rollup/plugin-terser":"^0.4.4","@rollup/plugin-typescript":"^11.1.5","@storybook/addon-essentials":"^7.6.6","@storybook/addon-interactions":"^7.6.6","@storybook/addon-links":"^7.6.6","@storybook/addon-postcss":"^2.0.0","@storybook/blocks":"^7.6.6","@storybook/react":"^7.6.6","@storybook/react-vite":"^7.6.6","@storybook/test":"^7.6.6","@svgr/rollup":"^8.1.0","@types/react-dom":"^18.2.18","autoprefixer":"^9.8.8","babel-loader":"^9.1.3","framer-motion":"^10.16.16","postcss":"8.0","prop-types":"^15.8.1","react":"^18.0.1","react-dom":"^18.0.1","rollup":"^4.9.1","rollup-plugin-dts":"^6.1.0","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-postcss":"^4.0.2","run-script-os":"^1.1.6","storybook":"^7.6.6","tailwindcss":"^3.4.0","tslib":"^2.6.2","typescript":"^5.3.3"},"peerDependencies":{"react":"^18.0.1","react-dom":"^18.0.1"},"readme":"# Search Popup Component\r\n\r\n[Install the package for npm here.](https://www.npmjs.com/package/@tryferos/search)\r\n\r\n[Source code on Github.](https://github.com/Tryferos/Search-Popup)\r\n\r\nThis is a **react component** delivering a customizable **Search Popup** that you can use in your projects, which also adds **types** support using Typescript.\r\n\r\nThe project is build using **React, Typescript and Tailwindcss**. Tailwindcss is compiled into css, meaning you do not need it as a depedency.\r\n\r\nAll files are bundled into 3 seperate files for both cjs, esm and dts using the Rollup bundler. (commonjs, esmodules and declaration for ts types).\r\n\r\n## :dart: Features\r\n\r\n- :white_check_mark: Typescript support\r\n- :white_check_mark: **FULLY** Customizable to your needs\r\n- :white_check_mark: Opens as a popup.\r\n- :white_check_mark: Animations.\r\n- :hourglass_flowing_sand: Light/dark mode toggle\r\n\r\n## :electric_plug: Installation\r\n\r\n##\r\n\r\nInstall @tryferos/dropdown using\r\n\r\n```bash\r\n npm install @tryferos/search@1.0.2\r\n```\r\n\r\nRemember that you need to have react and react-dom already installed\r\n\r\n```bash\r\n npm install react@^18.0.1 react-dom@^18.0.1\r\n```\r\n\r\nThis package is build using react 18, you can use with different versions of react at your own risk.\r\n\r\n```bash\r\n npm install @tryferos/search@1.0.2 --force\r\n```\r\n\r\nImport the components\r\n\r\n```javascript\r\nimport { SearchElement } from \"@tryferos/search\";\r\n```\r\n\r\n:speech_balloon: **Options & Types**\r\n\r\n```typescript\r\n placeholder?: string;\r\n darkMode?: boolean;\r\n promptSize?: string;\r\n sections: Array<{\r\n title: string;\r\n items: Array<{\r\n content: string;\r\n title: string;\r\n href: string;\r\n icon?: ReactElement | string; //URLS, SVG, SVG Components\r\n }>;\r\n icon?: string;\r\n iconSize?: 'small' | 'medium' | 'large';\r\n }>;\r\n highlight?: {\r\n highlight?: boolean;\r\n color?: string;\r\n };\r\n animation?: {\r\n animate?: boolean;\r\n duration?: 0.1 | 0.2 | 0.3 | 0.4 | 0.5 | 0.6;\r\n };\r\n showRecent?: boolean;\r\n openInNewTab?: boolean;\r\n```\r\n\r\n## :information_source: Acknowledgements\r\n\r\n- [Heroicons](https://awesomeopensource.com/project/elangosundar/awesome-README-templates)\r\n- [Awesome README](https://github.com/matiassingers/awesome-readme)\r\n","readmeFilename":"README.md","gitHead":"38a3a8e811592f15205da4f3b568bdf2ef566f80","bugs":{"url":"https://github.com/Tryferos/Search-Popup/issues"},"homepage":"https://github.com/Tryferos/Search-Popup#readme","_id":"@tryferos/search@1.0.8","_nodeVersion":"18.12.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-1Rt0A32Z5Stwp6RgjSS1mu8oIGw12X/Aldu3FJs2zJ7FiSOM0ALlutprm21ofJO2CDcG+Xqo/dcNi4J6VN4QHw==","shasum":"18dddaa03d5256636beaf6f6d7a81a4af3bda19a","tarball":"https://registry.npmjs.org/@tryferos/search/-/search-1.0.8.tgz","fileCount":5,"unpackedSize":265400,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDVNpI+3YTaXoJrU1OZqBjpoA1bgcKhKHb5cESsCJOWMgIhAKTx7Q+oFt2YeMMWvjYCie0iQ0lBrbpswHcVBkDXQFvQ"}]},"_npmUser":{"name":"tryferos","email":"mazarakis02@yahoo.gr"},"directories":{},"maintainers":[{"name":"tryferos","email":"mazarakis02@yahoo.gr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/search_1.0.8_1704121665149_0.6106734263543454"},"_hasShrinkwrap":false},"1.1.0":{"name":"@tryferos/search","version":"1.1.0","description":"Provides you with search components to use in your React app.","main":"dist/index.cjs","module":"dist/index.mjs","types":"dist/index.d.ts","repository":{"type":"git","url":"git+https://github.com/Tryferos/Search-Popup.git"},"keywords":["react","react-components","components","search","types","typescript","tryferos"],"scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"run-script-os","build:win32":"(del /f /s /q dist 1>nul) && rollup -c --bundleConfigAsCjs","build:linux:darwin":"(rm dist -r -f) && rollup -c --bundleConfigAsCjs","storybook":"storybook dev -p 6006","build-storybook":"storybook build","publish-build":"npm run build && npm publish --tag public"},"author":{"name":"tryferos"},"license":"ISC","devDependencies":{"@babel/core":"^7.23.6","@babel/preset-env":"^7.23.6","@babel/preset-react":"^7.23.3","@babel/preset-typescript":"^7.23.3","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-node-resolve":"^15.2.3","@rollup/plugin-terser":"^0.4.4","@rollup/plugin-typescript":"^11.1.5","@storybook/addon-essentials":"^7.6.6","@storybook/addon-interactions":"^7.6.6","@storybook/addon-links":"^7.6.6","@storybook/addon-postcss":"^2.0.0","@storybook/blocks":"^7.6.6","@storybook/react":"^7.6.6","@storybook/react-vite":"^7.6.6","@storybook/test":"^7.6.6","@svgr/rollup":"^8.1.0","@types/react-dom":"^18.2.18","autoprefixer":"^9.8.8","babel-loader":"^9.1.3","framer-motion":"^10.16.16","postcss":"8.0","prop-types":"^15.8.1","react":"^18.0.1","react-dom":"^18.0.1","rollup":"^4.9.1","rollup-plugin-dts":"^6.1.0","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-postcss":"^4.0.2","run-script-os":"^1.1.6","storybook":"^7.6.6","tailwindcss":"^3.4.0","tslib":"^2.6.2","typescript":"^5.3.3"},"peerDependencies":{"react":"^18.0.1","react-dom":"^18.0.1"},"readme":"# Search Popup Component\r\n\r\n[Install the package for npm here.](https://www.npmjs.com/package/@tryferos/search)\r\n\r\n[Source code on Github.](https://github.com/Tryferos/Search-Popup)\r\n\r\nThis is a **react component** delivering a customizable **Search Popup** that you can use in your projects, which also adds **types** support using Typescript.\r\n\r\nThe project is build using **React, Typescript and Tailwindcss**. Tailwindcss is compiled into css, meaning you do not need it as a depedency.\r\n\r\nAll files are bundled into 3 seperate files for both cjs, esm and dts using the Rollup bundler. (commonjs, esmodules and declaration for ts types).\r\n\r\n## :dart: Features\r\n\r\n- :white_check_mark: Typescript support\r\n- :white_check_mark: **FULLY** Customizable to your needs\r\n- :white_check_mark: Opens as a popup.\r\n- :white_check_mark: Animations.\r\n- :hourglass_flowing_sand: Light/dark mode toggle\r\n\r\n## :electric_plug: Installation\r\n\r\n##\r\n\r\nInstall @tryferos/dropdown using\r\n\r\n```bash\r\n npm install @tryferos/search@1.0.2\r\n```\r\n\r\nRemember that you need to have react and react-dom already installed\r\n\r\n```bash\r\n npm install react@^18.0.1 react-dom@^18.0.1\r\n```\r\n\r\nThis package is build using react 18, you can use with different versions of react at your own risk.\r\n\r\n```bash\r\n npm install @tryferos/search@1.0.2 --force\r\n```\r\n\r\nImport the components\r\n\r\n```javascript\r\nimport { SearchElement } from \"@tryferos/search\";\r\n```\r\n\r\n:speech_balloon: **Options & Types**\r\n\r\n```typescript\r\n placeholder?: string;\r\n darkMode?: boolean;\r\n promptSize?: string;\r\n sections: Array<{\r\n title: string;\r\n items: Array<{\r\n content: string;\r\n title: string;\r\n href: string;\r\n icon?: ReactElement | string; //URLS, SVG, SVG Components\r\n }>;\r\n icon?: string;\r\n iconSize?: 'small' | 'medium' | 'large';\r\n }>;\r\n highlight?: {\r\n highlight?: boolean;\r\n color?: string;\r\n };\r\n animation?: {\r\n animate?: boolean;\r\n duration?: 0.1 | 0.2 | 0.3 | 0.4 | 0.5 | 0.6;\r\n };\r\n showRecent?: boolean;\r\n openInNewTab?: boolean;\r\n```\r\n\r\n## :information_source: Acknowledgements\r\n\r\n- [Heroicons](https://awesomeopensource.com/project/elangosundar/awesome-README-templates)\r\n- [Awesome README](https://github.com/matiassingers/awesome-readme)\r\n","readmeFilename":"README.md","gitHead":"5a33cd376f6c13ef6f531e9a34f2e4cb26a98c88","bugs":{"url":"https://github.com/Tryferos/Search-Popup/issues"},"homepage":"https://github.com/Tryferos/Search-Popup#readme","_id":"@tryferos/search@1.1.0","_nodeVersion":"18.12.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-tvrpbXS7z/pko0bduOlZltQBmg6ArkCsjE5gp4P0a4aZonTmLwTKShqMLGy4RDYtbT89bW9lhzDhWQP8FBpqIg==","shasum":"fbdf4c3f1c24cfed28fef698374b1c6cc0b7bd96","tarball":"https://registry.npmjs.org/@tryferos/search/-/search-1.1.0.tgz","fileCount":5,"unpackedSize":271651,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCID8jD8F2IE+5I+Aq6ekJZHjLeoHInW6SiL3GFHgWxta5AiEA1/HuTx2WU2zhOHf5Fa+hlNAVtBm4gUoZzFCcUqRC/1s="}]},"_npmUser":{"name":"tryferos","email":"mazarakis02@yahoo.gr"},"directories":{},"maintainers":[{"name":"tryferos","email":"mazarakis02@yahoo.gr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/search_1.1.0_1704124272968_0.369926317108916"},"_hasShrinkwrap":false},"1.1.1":{"name":"@tryferos/search","version":"1.1.1","description":"Provides you with search components to use in your React app.","main":"dist/index.cjs","module":"dist/index.mjs","types":"dist/index.d.ts","repository":{"type":"git","url":"git+https://github.com/Tryferos/Search-Popup.git"},"keywords":["react","react-components","components","search","types","typescript","tryferos"],"scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"run-script-os","build:win32":"(del /f /s /q dist 1>nul) && rollup -c --bundleConfigAsCjs","build:linux:darwin":"(rm dist -r -f) && rollup -c --bundleConfigAsCjs","storybook":"storybook dev -p 6006","build-storybook":"storybook build","publish-build":"npm run build && npm publish --tag public"},"author":{"name":"tryferos"},"license":"ISC","devDependencies":{"@babel/core":"^7.23.6","@babel/preset-env":"^7.23.6","@babel/preset-react":"^7.23.3","@babel/preset-typescript":"^7.23.3","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-node-resolve":"^15.2.3","@rollup/plugin-terser":"^0.4.4","@rollup/plugin-typescript":"^11.1.5","@storybook/addon-essentials":"^7.6.6","@storybook/addon-interactions":"^7.6.6","@storybook/addon-links":"^7.6.6","@storybook/addon-postcss":"^2.0.0","@storybook/blocks":"^7.6.6","@storybook/react":"^7.6.6","@storybook/react-vite":"^7.6.6","@storybook/test":"^7.6.6","@svgr/rollup":"^8.1.0","@types/react-dom":"^18.2.18","autoprefixer":"^9.8.8","babel-loader":"^9.1.3","framer-motion":"^10.16.16","postcss":"8.0","prop-types":"^15.8.1","react":"^18.0.1","react-dom":"^18.0.1","rollup":"^4.9.1","rollup-plugin-dts":"^6.1.0","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-postcss":"^4.0.2","run-script-os":"^1.1.6","storybook":"^7.6.6","tailwindcss":"^3.4.0","tslib":"^2.6.2","typescript":"^5.3.3"},"peerDependencies":{"react":"^18.0.1","react-dom":"^18.0.1"},"gitHead":"645c0ed8f1fc8b7a9867a10dc15ca7373511dddc","bugs":{"url":"https://github.com/Tryferos/Search-Popup/issues"},"homepage":"https://github.com/Tryferos/Search-Popup#readme","_id":"@tryferos/search@1.1.1","_nodeVersion":"18.12.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-mDl0HfRr831DOVjHGTPFEFRqKUfrycAV+S0ofVrJoX6mzJ/17vsPv2b2196x6Xm6kZg073kRcYV4fKXl7JVBmw==","shasum":"8af78220635739de065e56d587492771a16d2522","tarball":"https://registry.npmjs.org/@tryferos/search/-/search-1.1.1.tgz","fileCount":5,"unpackedSize":271877,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEHkzApZbzhOf0kNTIHlbVYiDdppZE5F9WYujjVVuZlJAiAbpFW7E/n6L2JiPtG3fkC1qDkHz2LHx5CiwL2LZ8wBqA=="}]},"_npmUser":{"name":"tryferos","email":"mazarakis02@yahoo.gr"},"directories":{},"maintainers":[{"name":"tryferos","email":"mazarakis02@yahoo.gr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/search_1.1.1_1704124460271_0.37146138315653343"},"_hasShrinkwrap":false},"1.1.2":{"name":"@tryferos/search","version":"1.1.2","description":"Provides you with search components to use in your React app.","main":"dist/index.cjs","module":"dist/index.mjs","types":"dist/index.d.ts","repository":{"type":"git","url":"git+https://github.com/Tryferos/Search-Popup.git"},"keywords":["react","react-components","components","search","types","typescript","tryferos"],"scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"run-script-os","build:win32":"(del /f /s /q dist 1>nul) && rollup -c --bundleConfigAsCjs","build:linux:darwin":"(rm dist -r -f) && rollup -c --bundleConfigAsCjs","storybook":"storybook dev -p 6006","build-storybook":"storybook build","publish-build":"npm run build && npm publish --tag public"},"author":{"name":"tryferos"},"license":"ISC","devDependencies":{"@babel/core":"^7.23.6","@babel/preset-env":"^7.23.6","@babel/preset-react":"^7.23.3","@babel/preset-typescript":"^7.23.3","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-node-resolve":"^15.2.3","@rollup/plugin-terser":"^0.4.4","@rollup/plugin-typescript":"^11.1.5","@storybook/addon-essentials":"^7.6.6","@storybook/addon-interactions":"^7.6.6","@storybook/addon-links":"^7.6.6","@storybook/addon-postcss":"^2.0.0","@storybook/blocks":"^7.6.6","@storybook/react":"^7.6.6","@storybook/react-vite":"^7.6.6","@storybook/test":"^7.6.6","@svgr/rollup":"^8.1.0","@types/react-dom":"^18.2.18","autoprefixer":"^9.8.8","babel-loader":"^9.1.3","framer-motion":"^10.16.16","postcss":"8.0","prop-types":"^15.8.1","react":"^18.0.1","react-dom":"^18.0.1","rollup":"^4.9.1","rollup-plugin-dts":"^6.1.0","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-postcss":"^4.0.2","run-script-os":"^1.1.6","storybook":"^7.6.6","tailwindcss":"^3.4.0","tslib":"^2.6.2","typescript":"^5.3.3"},"peerDependencies":{"react":"^18.0.1","react-dom":"^18.0.1"},"gitHead":"645c0ed8f1fc8b7a9867a10dc15ca7373511dddc","bugs":{"url":"https://github.com/Tryferos/Search-Popup/issues"},"homepage":"https://github.com/Tryferos/Search-Popup#readme","_id":"@tryferos/search@1.1.2","_nodeVersion":"18.12.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-akRh9BD16dN5jh4gyrKH78KjVfyFeFA9dL78F+To5FNNIu5BH5zClB5DhaMj2tGAqp7n+8vjtmx7d1dG7Y9z+w==","shasum":"b8d24b5be36f73b97aab8810cf8414fe325d26ef","tarball":"https://registry.npmjs.org/@tryferos/search/-/search-1.1.2.tgz","fileCount":5,"unpackedSize":271877,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDiSATypn5Bk+i4j5cj5w0okp10lwiTUryExxk2nkirnAIgCpos3dMB5bwyJQAciFOKCBSP7mVMg6+plMHVqjPj9FQ="}]},"_npmUser":{"name":"tryferos","email":"mazarakis02@yahoo.gr"},"directories":{},"maintainers":[{"name":"tryferos","email":"mazarakis02@yahoo.gr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/search_1.1.2_1704124481135_0.11676082753554917"},"_hasShrinkwrap":false},"1.1.3":{"name":"@tryferos/search","version":"1.1.3","description":"Provides you with search components to use in your React app.","main":"dist/index.cjs","module":"dist/index.mjs","types":"dist/index.d.ts","repository":{"type":"git","url":"git+https://github.com/Tryferos/Search-Popup.git"},"keywords":["react","react-components","components","search","types","typescript","tryferos"],"scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"run-script-os","build:win32":"(del /f /s /q dist 1>nul) && rollup -c --bundleConfigAsCjs","build:linux:darwin":"(rm dist -r -f) && rollup -c --bundleConfigAsCjs","storybook":"storybook dev -p 6006","build-storybook":"storybook build","publish-build":"npm run build && npm publish --tag public"},"author":{"name":"tryferos"},"license":"ISC","devDependencies":{"@babel/core":"^7.23.6","@babel/preset-env":"^7.23.6","@babel/preset-react":"^7.23.3","@babel/preset-typescript":"^7.23.3","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-node-resolve":"^15.2.3","@rollup/plugin-terser":"^0.4.4","@rollup/plugin-typescript":"^11.1.5","@storybook/addon-essentials":"^7.6.6","@storybook/addon-interactions":"^7.6.6","@storybook/addon-links":"^7.6.6","@storybook/addon-postcss":"^2.0.0","@storybook/blocks":"^7.6.6","@storybook/react":"^7.6.6","@storybook/react-vite":"^7.6.6","@storybook/test":"^7.6.6","@svgr/rollup":"^8.1.0","@types/react-dom":"^18.2.18","autoprefixer":"^9.8.8","babel-loader":"^9.1.3","framer-motion":"^10.16.16","postcss":"8.0","prop-types":"^15.8.1","react":"^18.0.1","react-dom":"^18.0.1","rollup":"^4.9.1","rollup-plugin-dts":"^6.1.0","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-postcss":"^4.0.2","run-script-os":"^1.1.6","storybook":"^7.6.6","tailwindcss":"^3.4.0","tslib":"^2.6.2","typescript":"^5.3.3"},"peerDependencies":{"react":"^18.0.1","react-dom":"^18.0.1"},"readme":"# Search Popup Component\r\n\r\n[Install the package for npm here.](https://www.npmjs.com/package/@tryferos/search)\r\n\r\n[Source code on Github.](https://github.com/Tryferos/Search-Popup)\r\n\r\nThis is a **react component** delivering a customizable **Search Popup** that you can use in your projects, which also adds **types** support using Typescript.\r\n\r\nThe project is build using **React, Typescript and Tailwindcss**. Tailwindcss is compiled into css, meaning you do not need it as a depedency.\r\n\r\nAll files are bundled into 3 seperate files for both cjs, esm and dts using the Rollup bundler. (commonjs, esmodules and declaration for ts types).\r\n\r\n## :dart: Features\r\n\r\n- :white_check_mark: Typescript support\r\n- :white_check_mark: **FULLY** Customizable to your needs\r\n- :white_check_mark: Opens as a popup.\r\n- :white_check_mark: Animations.\r\n- :white_check_mark: Light/dark mode toggle\r\n\r\n## :electric_plug: Installation\r\n\r\n##\r\n\r\nInstall @tryferos/dropdown using\r\n\r\n```bash\r\n npm install @tryferos/search@1.1.1\r\n```\r\n\r\nRemember that you need to have react and react-dom already installed\r\n\r\n```bash\r\n npm install react@^18.0.1 react-dom@^18.0.1\r\n```\r\n\r\nThis package is build using react 18, you can use with different versions of react at your own risk.\r\n\r\n```bash\r\n npm install @tryferos/search@1.1.1 --force\r\n```\r\n\r\nImport the components\r\n\r\n```javascript\r\nimport { SearchElement } from \"@tryferos/search\";\r\n```\r\n\r\n:speech_balloon: **Options & Types**\r\n\r\n```typescript\r\n placeholder?: string;\r\n darkMode?: boolean;\r\n shadow?: boolean;\r\n promptSize?: string;\r\n sections: Array<{\r\n title: string;\r\n items: Array<{\r\n content: string;\r\n title: string;\r\n href: string;\r\n icon?: ReactElement | string; //URLS, SVG, SVG Components\r\n }>;\r\n icon?: string;\r\n iconSize?: 'small' | 'medium' | 'large';\r\n }>;\r\n highlight?: {\r\n highlight?: boolean;\r\n color?: string;\r\n };\r\n animation?: {\r\n animate?: boolean;\r\n duration?: 0.1 | 0.2 | 0.3 | 0.4 | 0.5 | 0.6;\r\n };\r\n //Render a different component as a search promp to open the search popup with.\r\n children?: ReactNode;\r\n //\r\n showRecent?: boolean;\r\n openInNewTab?: boolean;\r\n onSearch?: (query: string) => void;\r\n onOpenTrigger?: (isOpen: boolean) => void;\r\n```\r\n\r\n## :information_source: Acknowledgements\r\n\r\n- [Heroicons](https://awesomeopensource.com/project/elangosundar/awesome-README-templates)\r\n- [Awesome README](https://github.com/matiassingers/awesome-readme)\r\n","readmeFilename":"README.md","gitHead":"645c0ed8f1fc8b7a9867a10dc15ca7373511dddc","bugs":{"url":"https://github.com/Tryferos/Search-Popup/issues"},"homepage":"https://github.com/Tryferos/Search-Popup#readme","_id":"@tryferos/search@1.1.3","_nodeVersion":"18.12.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-SP9EV05EmxcMI8qtTOyEWBn+jUHxCyaOafW+RhDO+t9cV9nlZPCgjjXijUri72kYTefb6r1crYIUdjIS7nRhjg==","shasum":"9f595dd8e18bb24f4a8c6df1fd9674025ab0e955","tarball":"https://registry.npmjs.org/@tryferos/search/-/search-1.1.3.tgz","fileCount":5,"unpackedSize":271887,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAjBImDccfIR/TaDSf23Gy97fekw0H1KmESJm3wdwQqnAiEAs4NdmC8PmCR41ri+LKiF5QMYx3kMAkzEVBdA7YGmqVY="}]},"_npmUser":{"name":"tryferos","email":"mazarakis02@yahoo.gr"},"directories":{},"maintainers":[{"name":"tryferos","email":"mazarakis02@yahoo.gr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/search_1.1.3_1704125059302_0.9157832159018111"},"_hasShrinkwrap":false},"1.1.4":{"name":"@tryferos/search","version":"1.1.4","description":"Provides you with search components to use in your React app.","main":"dist/index.cjs","module":"dist/index.mjs","types":"dist/index.d.ts","repository":{"type":"git","url":"git+https://github.com/Tryferos/Search-Popup.git"},"keywords":["react","react-components","components","search","types","typescript","tryferos"],"scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"run-script-os","build:win32":"(del /f /s /q dist 1>nul) && rollup -c --bundleConfigAsCjs","build:linux:darwin":"(rm dist -r -f) && rollup -c --bundleConfigAsCjs","storybook":"storybook dev -p 6006","build-storybook":"storybook build","publish-build":"npm run build && npm publish --tag public"},"author":{"name":"tryferos"},"license":"ISC","devDependencies":{"@babel/core":"^7.23.6","@babel/preset-env":"^7.23.6","@babel/preset-react":"^7.23.3","@babel/preset-typescript":"^7.23.3","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-node-resolve":"^15.2.3","@rollup/plugin-terser":"^0.4.4","@rollup/plugin-typescript":"^11.1.5","@storybook/addon-essentials":"^7.6.6","@storybook/addon-interactions":"^7.6.6","@storybook/addon-links":"^7.6.6","@storybook/addon-postcss":"^2.0.0","@storybook/blocks":"^7.6.6","@storybook/react":"^7.6.6","@storybook/react-vite":"^7.6.6","@storybook/test":"^7.6.6","@svgr/rollup":"^8.1.0","@types/react-dom":"^18.2.18","autoprefixer":"^9.8.8","babel-loader":"^9.1.3","framer-motion":"^10.16.16","postcss":"8.0","prop-types":"^15.8.1","react":"^18.0.1","react-dom":"^18.0.1","rollup":"^4.9.1","rollup-plugin-dts":"^6.1.0","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-postcss":"^4.0.2","run-script-os":"^1.1.6","storybook":"^7.6.6","tailwindcss":"^3.4.0","tslib":"^2.6.2","typescript":"^5.3.3"},"peerDependencies":{"react":"^18.0.1","react-dom":"^18.0.1"},"readme":"# Search Popup Component\r\n\r\n[Install the package for npm here.](https://www.npmjs.com/package/@tryferos/search)\r\n\r\n[Source code on Github.](https://github.com/Tryferos/Search-Popup)\r\n\r\nThis is a **react component** delivering a customizable **Search Popup** that you can use in your projects, which also adds **types** support using Typescript.\r\n\r\nThe project is build using **React, Typescript and Tailwindcss**. Tailwindcss is compiled into css, meaning you do not need it as a depedency.\r\n\r\nAll files are bundled into 3 seperate files for both cjs, esm and dts using the Rollup bundler. (commonjs, esmodules and declaration for ts types).\r\n\r\n## :dart: Features\r\n\r\n- :white_check_mark: Typescript support\r\n- :white_check_mark: **FULLY** Customizable to your needs\r\n- :white_check_mark: Opens as a popup.\r\n- :white_check_mark: Animations.\r\n- :white_check_mark: Light/dark mode toggle\r\n\r\n## :electric_plug: Installation\r\n\r\n##\r\n\r\nInstall @tryferos/dropdown using\r\n\r\n```bash\r\n npm install @tryferos/search@1.1.1\r\n```\r\n\r\nRemember that you need to have react and react-dom already installed\r\n\r\n```bash\r\n npm install react@^18.0.1 react-dom@^18.0.1\r\n```\r\n\r\nThis package is build using react 18, you can use with different versions of react at your own risk.\r\n\r\n```bash\r\n npm install @tryferos/search@1.1.1 --force\r\n```\r\n\r\nImport the components\r\n\r\n```javascript\r\nimport { SearchElement } from \"@tryferos/search\";\r\n```\r\n\r\n:speech_balloon: **Options & Types**\r\n\r\n```typescript\r\n placeholder?: string;\r\n darkMode?: boolean;\r\n shadow?: boolean;\r\n promptSize?: string;\r\n sections: Array<{\r\n title: string;\r\n items: Array<{\r\n content: string;\r\n title: string;\r\n href: string;\r\n icon?: ReactElement | string; //URLS, SVG, SVG Components\r\n }>;\r\n icon?: string;\r\n iconSize?: 'small' | 'medium' | 'large';\r\n }>;\r\n highlight?: {\r\n highlight?: boolean;\r\n color?: string;\r\n };\r\n animation?: {\r\n animate?: boolean;\r\n duration?: 0.1 | 0.2 | 0.3 | 0.4 | 0.5 | 0.6;\r\n };\r\n //Render a different component as a search promp to open the search popup with.\r\n children?: ReactNode;\r\n //\r\n showRecent?: boolean;\r\n openInNewTab?: boolean;\r\n onSearch?: (query: string) => void;\r\n onOpenTrigger?: (isOpen: boolean) => void;\r\n```\r\n\r\n## :information_source: Acknowledgements\r\n\r\n- [Heroicons](https://awesomeopensource.com/project/elangosundar/awesome-README-templates)\r\n- [Awesome README](https://github.com/matiassingers/awesome-readme)\r\n","readmeFilename":"README.md","gitHead":"59784bbf4cb951e8a864d57096dbe6f3f8d778b3","bugs":{"url":"https://github.com/Tryferos/Search-Popup/issues"},"homepage":"https://github.com/Tryferos/Search-Popup#readme","_id":"@tryferos/search@1.1.4","_nodeVersion":"18.12.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-Ym6RW8L1tX5K9ObtI1rRGctAYBxG6KqncmUi1ND+6CvCsWl+Xp8PDl2M1Z1kA7EZo3R3Zy9GEFyXkUdtLOtcnQ==","shasum":"61752f8af22847e1fee93fcba5175f11e7c8afa8","tarball":"https://registry.npmjs.org/@tryferos/search/-/search-1.1.4.tgz","fileCount":5,"unpackedSize":272625,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAhbGozL/pYLoyY+/ntgR6uoQVZM2M8eNEwWBSHyZYuqAiEAxhg/80Losq6EmFafzvScP4QV5LyBwglIc6atIFxC6Ik="}]},"_npmUser":{"name":"tryferos","email":"mazarakis02@yahoo.gr"},"directories":{},"maintainers":[{"name":"tryferos","email":"mazarakis02@yahoo.gr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/search_1.1.4_1704125367333_0.09906199259831516"},"_hasShrinkwrap":false},"1.2.0":{"name":"@tryferos/search","version":"1.2.0","description":"Provides you with search components to use in your React app.","main":"dist/index.cjs","module":"dist/index.mjs","types":"dist/index.d.ts","repository":{"type":"git","url":"git+https://github.com/Tryferos/Search-Popup.git"},"keywords":["react","react-components","components","search","types","typescript","tryferos"],"scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"run-script-os","build:win32":"(del /f /s /q dist 1>nul) && rollup -c --bundleConfigAsCjs","build:linux:darwin":"(rm dist -r -f) && rollup -c --bundleConfigAsCjs","storybook":"storybook dev -p 6006","build-storybook":"storybook build","publish-build":"npm run build && npm publish --tag public"},"author":{"name":"tryferos"},"license":"ISC","devDependencies":{"@babel/core":"^7.23.6","@babel/preset-env":"^7.23.6","@babel/preset-react":"^7.23.3","@babel/preset-typescript":"^7.23.3","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-node-resolve":"^15.2.3","@rollup/plugin-terser":"^0.4.4","@rollup/plugin-typescript":"^11.1.5","@storybook/addon-essentials":"^7.6.6","@storybook/addon-interactions":"^7.6.6","@storybook/addon-links":"^7.6.6","@storybook/addon-postcss":"^2.0.0","@storybook/blocks":"^7.6.6","@storybook/react":"^7.6.6","@storybook/react-vite":"^7.6.6","@storybook/test":"^7.6.6","@svgr/rollup":"^8.1.0","@types/react-dom":"^18.2.18","autoprefixer":"^9.8.8","babel-loader":"^9.1.3","framer-motion":"^10.16.16","postcss":"8.0","prop-types":"^15.8.1","react":"^18.0.1","react-dom":"^18.0.1","rollup":"^4.9.1","rollup-plugin-dts":"^6.1.0","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-postcss":"^4.0.2","run-script-os":"^1.1.6","storybook":"^7.6.6","tailwindcss":"^3.4.0","tslib":"^2.6.2","typescript":"^5.3.3"},"peerDependencies":{"react":"^18.0.1","react-dom":"^18.0.1"},"readme":"# Search Popup Component\r\n\r\n[Install the package for npm here.](https://www.npmjs.com/package/@tryferos/search)\r\n\r\n[Source code on Github.](https://github.com/Tryferos/Search-Popup)\r\n\r\nThis is a **react component** delivering a customizable **Search Popup** that you can use in your projects, which also adds **types** support using Typescript.\r\n\r\nThe project is build using **React, Typescript and Tailwindcss**. Tailwindcss is compiled into css, meaning you do not need it as a depedency.\r\n\r\nAll files are bundled into 3 seperate files for both cjs, esm and dts using the Rollup bundler. (commonjs, esmodules and declaration for ts types).\r\n\r\n## :dart: Features\r\n\r\n- :white_check_mark: Typescript support\r\n- :white_check_mark: **FULLY** Customizable to your needs\r\n- :white_check_mark: Opens as a popup.\r\n- :white_check_mark: Animations.\r\n- :white_check_mark: Light/dark mode toggle\r\n- :white_check_mark: Display Recent searches\r\n\r\n## :electric_plug: Installation\r\n\r\n##\r\n\r\nInstall @tryferos/dropdown using\r\n\r\n```bash\r\n npm install @tryferos/search@1.1.1\r\n```\r\n\r\nRemember that you need to have react and react-dom already installed\r\n\r\n```bash\r\n npm install react@^18.0.1 react-dom@^18.0.1\r\n```\r\n\r\nThis package is build using react 18, you can use with different versions of react at your own risk.\r\n\r\n```bash\r\n npm install @tryferos/search@1.1.1 --force\r\n```\r\n\r\nImport the components\r\n\r\n```javascript\r\nimport { SearchElement } from \"@tryferos/search\";\r\n```\r\n\r\n:speech_balloon: **Options & Types**\r\n\r\n```typescript\r\n placeholder?: string;\r\n darkMode?: boolean;\r\n shadow?: boolean;\r\n promptSize?: string;\r\n sections: Array<{\r\n title: string;\r\n items: Array<{\r\n content: string;\r\n title: string;\r\n href: string;\r\n icon?: ReactElement | string; //URLS, SVG, SVG Components\r\n }>;\r\n icon?: string;\r\n iconSize?: 'small' | 'medium' | 'large';\r\n }>;\r\n highlight?: {\r\n highlight?: boolean;\r\n color?: string;\r\n };\r\n animation?: {\r\n animate?: boolean;\r\n duration?: 0.1 | 0.2 | 0.3 | 0.4 | 0.5 | 0.6;\r\n };\r\n //Render a different component as a search promp to open the search popup with.\r\n children?: ReactNode;\r\n //\r\n showRecent?: boolean;\r\n openInNewTab?: boolean;\r\n onSearch?: (query: string) => void;\r\n onOpenTrigger?: (isOpen: boolean) => void;\r\n```\r\n\r\n## :information_source: Acknowledgements\r\n\r\n- [Heroicons](https://awesomeopensource.com/project/elangosundar/awesome-README-templates)\r\n- [Awesome README](https://github.com/matiassingers/awesome-readme)\r\n","readmeFilename":"README.md","gitHead":"a328acd7779ec56244a0196caebaf99bab52d183","bugs":{"url":"https://github.com/Tryferos/Search-Popup/issues"},"homepage":"https://github.com/Tryferos/Search-Popup#readme","_id":"@tryferos/search@1.2.0","_nodeVersion":"18.12.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-6LvzHKNy3XNEUUHY0lWhUppZnDkec3lPFbxyG8SvldS0NHbkTnEeWJHejqDJ5V6x92UBRcZ+Ay5aMGUkH/PlGA==","shasum":"c109be34d68443489a9cae343dee60c241f1b9aa","tarball":"https://registry.npmjs.org/@tryferos/search/-/search-1.2.0.tgz","fileCount":5,"unpackedSize":277695,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEMJvWkCxUjxI3/8WFKifUZWKpO2nRpIA13LADmFAa7DAiAUosOek6VeYnNAEtRIlZlPkudbmQHwrtYUn6beynJWDQ=="}]},"_npmUser":{"name":"tryferos","email":"mazarakis02@yahoo.gr"},"directories":{},"maintainers":[{"name":"tryferos","email":"mazarakis02@yahoo.gr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/search_1.2.0_1704204224721_0.9510452795711626"},"_hasShrinkwrap":false},"1.2.1":{"name":"@tryferos/search","version":"1.2.1","description":"Provides you with search components to use in your React app.","main":"dist/index.cjs","module":"dist/index.mjs","types":"dist/index.d.ts","repository":{"type":"git","url":"git+https://github.com/Tryferos/Search-Popup.git"},"keywords":["react","react-components","components","search","types","typescript","tryferos"],"scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"run-script-os","build:win32":"(del /f /s /q dist 1>nul) && rollup -c --bundleConfigAsCjs","build:linux:darwin":"(rm dist -r -f) && rollup -c --bundleConfigAsCjs","storybook":"storybook dev -p 6006","build-storybook":"storybook build","publish-build":"npm run build && npm publish --tag public"},"author":{"name":"tryferos"},"license":"ISC","devDependencies":{"@babel/core":"^7.23.6","@babel/preset-env":"^7.23.6","@babel/preset-react":"^7.23.3","@babel/preset-typescript":"^7.23.3","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-node-resolve":"^15.2.3","@rollup/plugin-terser":"^0.4.4","@rollup/plugin-typescript":"^11.1.5","@storybook/addon-essentials":"^7.6.6","@storybook/addon-interactions":"^7.6.6","@storybook/addon-links":"^7.6.6","@storybook/addon-postcss":"^2.0.0","@storybook/blocks":"^7.6.6","@storybook/react":"^7.6.6","@storybook/react-vite":"^7.6.6","@storybook/test":"^7.6.6","@svgr/rollup":"^8.1.0","@types/react-dom":"^18.2.18","autoprefixer":"^9.8.8","babel-loader":"^9.1.3","framer-motion":"^10.16.16","postcss":"8.0","prop-types":"^15.8.1","react":"^18.0.1","react-dom":"^18.0.1","rollup":"^4.9.1","rollup-plugin-dts":"^6.1.0","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-postcss":"^4.0.2","run-script-os":"^1.1.6","storybook":"^7.6.6","tailwindcss":"^3.4.0","tslib":"^2.6.2","typescript":"^5.3.3"},"peerDependencies":{"react":"^18.0.1","react-dom":"^18.0.1"},"readme":"# Search Popup Component\r\n\r\n[Install the package for npm here.](https://www.npmjs.com/package/@tryferos/search)\r\n\r\n[Source code on Github.](https://github.com/Tryferos/Search-Popup)\r\n\r\nThis is a **react component** delivering a customizable **Search Popup** that you can use in your projects, which also adds **types** support using Typescript.\r\n\r\nThe project is build using **React, Typescript and Tailwindcss**. Tailwindcss is compiled into css, meaning you do not need it as a depedency.\r\n\r\nAll files are bundled into 3 seperate files for both cjs, esm and dts using the Rollup bundler. (commonjs, esmodules and declaration for ts types).\r\n\r\n## :dart: Features\r\n\r\n- :white_check_mark: Typescript support\r\n- :white_check_mark: **FULLY** Customizable to your needs\r\n- :white_check_mark: Opens as a popup.\r\n- :white_check_mark: Animations.\r\n- :white_check_mark: Light/dark Mode.\r\n- :white_check_mark: Recent Searches.\r\n- :white_check_mark: Keyboard Navigation.\r\n\r\n## :electric_plug: Installation\r\n\r\n##\r\n\r\nInstall @tryferos/dropdown using\r\n\r\n```bash\r\n npm install @tryferos/search@1.1.1\r\n```\r\n\r\nRemember that you need to have react and react-dom already installed\r\n\r\n```bash\r\n npm install react@^18.0.1 react-dom@^18.0.1\r\n```\r\n\r\nThis package is build using react 18, you can use with different versions of react at your own risk.\r\n\r\n```bash\r\n npm install @tryferos/search@1.1.1 --force\r\n```\r\n\r\nImport the components\r\n\r\n```javascript\r\nimport { SearchElement } from \"@tryferos/search\";\r\n```\r\n\r\n:speech_balloon: **Options & Types**\r\n\r\n```typescript\r\n placeholder?: string;\r\n darkMode?: boolean;\r\n shadow?: boolean;\r\n promptSize?: string;\r\n sections: Array<{\r\n title: string;\r\n items: Array<{\r\n content: string;\r\n title: string;\r\n href: string;\r\n icon?: ReactElement | string; //URLS, SVG, SVG Components\r\n }>;\r\n icon?: string;\r\n iconSize?: 'small' | 'medium' | 'large';\r\n }>;\r\n highlight?: {\r\n highlight?: boolean;\r\n color?: string;\r\n };\r\n animation?: {\r\n animate?: boolean;\r\n duration?: 0.1 | 0.2 | 0.3 | 0.4 | 0.5 | 0.6;\r\n };\r\n //Render a different component as a search promp to open the search popup with.\r\n children?: ReactNode;\r\n //\r\n showRecent?: boolean;\r\n openInNewTab?: boolean;\r\n onSearch?: (query: string) => void;\r\n onOpenTrigger?: (isOpen: boolean) => void;\r\n```\r\n\r\n## :information_source: Acknowledgements\r\n\r\n- [Heroicons](https://awesomeopensource.com/project/elangosundar/awesome-README-templates)\r\n- [Awesome README](https://github.com/matiassingers/awesome-readme)\r\n","readmeFilename":"README.md","gitHead":"c1930755af79b12a5bc9e10708c6292daf1a0b11","bugs":{"url":"https://github.com/Tryferos/Search-Popup/issues"},"homepage":"https://github.com/Tryferos/Search-Popup#readme","_id":"@tryferos/search@1.2.1","_nodeVersion":"18.12.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-5kvEXL9dzshhqSRBjwnU35+gPuVDR+EqGSgSxwi0FsfkvVzyuja3vH2RMnbTduAFuvxjWzlBAP5t4Cpmd0f+Xg==","shasum":"fa6c1e9e16783876311d61bcfe6c99dd64045a2d","tarball":"https://registry.npmjs.org/@tryferos/search/-/search-1.2.1.tgz","fileCount":5,"unpackedSize":282371,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH5bn19uNr4kZeTI1I+CG9Iv/4kTUwjXrTZqtPJ2NbKvAiB/3uW7ejgY8qoiwOSee7k4NbCUGBmsNg/1QRQDZgGwhQ=="}]},"_npmUser":{"name":"tryferos","email":"mazarakis02@yahoo.gr"},"directories":{},"maintainers":[{"name":"tryferos","email":"mazarakis02@yahoo.gr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/search_1.2.1_1704295576091_0.6141958081098491"},"_hasShrinkwrap":false},"1.2.2":{"name":"@tryferos/search","version":"1.2.2","description":"Provides you with search components to use in your React app.","main":"dist/index.cjs","module":"dist/index.mjs","types":"dist/index.d.ts","repository":{"type":"git","url":"git+https://github.com/Tryferos/Search-Popup.git"},"keywords":["react","react-components","components","search","types","typescript","tryferos"],"scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"run-script-os","build:win32":"(del /f /s /q dist 1>nul) && rollup -c --bundleConfigAsCjs","build:linux:darwin":"(rm dist -r -f) && rollup -c --bundleConfigAsCjs","storybook":"storybook dev -p 6006","build-storybook":"storybook build","publish-build":"npm run build && npm publish --tag public"},"author":{"name":"tryferos"},"license":"ISC","devDependencies":{"@babel/core":"^7.23.6","@babel/preset-env":"^7.23.6","@babel/preset-react":"^7.23.3","@babel/preset-typescript":"^7.23.3","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-node-resolve":"^15.2.3","@rollup/plugin-terser":"^0.4.4","@rollup/plugin-typescript":"^11.1.5","@storybook/addon-essentials":"^7.6.6","@storybook/addon-interactions":"^7.6.6","@storybook/addon-links":"^7.6.6","@storybook/addon-postcss":"^2.0.0","@storybook/blocks":"^7.6.6","@storybook/react":"^7.6.6","@storybook/react-vite":"^7.6.6","@storybook/test":"^7.6.6","@svgr/rollup":"^8.1.0","@types/react-dom":"^18.2.18","autoprefixer":"^9.8.8","babel-loader":"^9.1.3","framer-motion":"^10.16.16","postcss":"8.0","prop-types":"^15.8.1","react":"^18.0.1","react-dom":"^18.0.1","rollup":"^4.9.1","rollup-plugin-dts":"^6.1.0","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-postcss":"^4.0.2","run-script-os":"^1.1.6","storybook":"^7.6.6","tailwindcss":"^3.4.0","tslib":"^2.6.2","typescript":"^5.3.3"},"peerDependencies":{"react":"^18.0.1","react-dom":"^18.0.1"},"readme":"# Search Popup Component\r\n\r\n[Install the package for npm here.](https://www.npmjs.com/package/@tryferos/search)\r\n\r\n[Source code on Github.](https://github.com/Tryferos/Search-Popup)\r\n\r\nThis is a **react component** delivering a customizable **Search Popup** that you can use in your projects, which also adds **types** support using Typescript.\r\n\r\nThe project is build using **React, Typescript and Tailwindcss**. Tailwindcss is compiled into css, meaning you do not need it as a depedency.\r\n\r\nAll files are bundled into 3 seperate files for both cjs, esm and dts using the Rollup bundler. (commonjs, esmodules and declaration for ts types).\r\n\r\n## :dart: Features\r\n\r\n- :white_check_mark: Typescript support\r\n- :white_check_mark: **FULLY** Customizable to your needs\r\n- :white_check_mark: Opens as a popup.\r\n- :white_check_mark: Animations.\r\n- :white_check_mark: Light/dark Mode.\r\n- :white_check_mark: Recent Searches.\r\n- :white_check_mark: Keyboard Navigation.\r\n\r\n## :electric_plug: Installation\r\n\r\n##\r\n\r\nInstall @tryferos/dropdown using\r\n\r\n```bash\r\n npm install @tryferos/search@1.1.1\r\n```\r\n\r\nRemember that you need to have react and react-dom already installed\r\n\r\n```bash\r\n npm install react@^18.0.1 react-dom@^18.0.1\r\n```\r\n\r\nThis package is build using react 18, you can use with different versions of react at your own risk.\r\n\r\n```bash\r\n npm install @tryferos/search@1.1.1 --force\r\n```\r\n\r\nImport the components\r\n\r\n```javascript\r\nimport { SearchElement } from \"@tryferos/search\";\r\n```\r\n\r\n:speech_balloon: **Options & Types**\r\n\r\n```typescript\r\n placeholder?: string;\r\n darkMode?: boolean;\r\n shadow?: boolean;\r\n promptSize?: string;\r\n sections: Array<{\r\n title: string;\r\n items: Array<{\r\n content: string;\r\n title: string;\r\n href: string;\r\n icon?: ReactElement | string; //URLS, SVG, SVG Components\r\n }>;\r\n icon?: string;\r\n iconSize?: 'small' | 'medium' | 'large';\r\n }>;\r\n highlight?: {\r\n highlight?: boolean;\r\n color?: string;\r\n };\r\n animation?: {\r\n animate?: boolean;\r\n duration?: 0.1 | 0.2 | 0.3 | 0.4 | 0.5 | 0.6;\r\n };\r\n //Render a different component as a search promp to open the search popup with.\r\n children?: ReactNode;\r\n //\r\n showRecent?: boolean;\r\n openInNewTab?: boolean;\r\n onSearch?: (query: string) => void;\r\n onOpenTrigger?: (isOpen: boolean) => void;\r\n```\r\n\r\n## :information_source: Acknowledgements\r\n\r\n- [Heroicons](https://awesomeopensource.com/project/elangosundar/awesome-README-templates)\r\n- [Awesome README](https://github.com/matiassingers/awesome-readme)\r\n","readmeFilename":"README.md","gitHead":"bb936d38c2abb0e550ddd73100de5625db2e94e7","bugs":{"url":"https://github.com/Tryferos/Search-Popup/issues"},"homepage":"https://github.com/Tryferos/Search-Popup#readme","_id":"@tryferos/search@1.2.2","_nodeVersion":"18.12.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-vf3e+Wf6udowuoLNiMBvKy2ZfJErkZyFt7SeAlDIPvbCCI2g9nQ+Cb3zA9yfBQbTi9Z8NNc2zoMJMBMmJPxBtg==","shasum":"6aa526d806a5efd13f454e4c139e9f69401dea91","tarball":"https://registry.npmjs.org/@tryferos/search/-/search-1.2.2.tgz","fileCount":5,"unpackedSize":290715,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCVcS1kH75L/+TzJCsuPjDMrniU6WikvamvWMYe1tYVoAIhANZKGLoMA3SEd9RLLFC4VTm4SeacSzNlnYuQAx0j89+4"}]},"_npmUser":{"name":"tryferos","email":"mazarakis02@yahoo.gr"},"directories":{},"maintainers":[{"name":"tryferos","email":"mazarakis02@yahoo.gr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/search_1.2.2_1704305101358_0.9956489488591014"},"_hasShrinkwrap":false},"1.2.3":{"name":"@tryferos/search","version":"1.2.3","description":"Provides you with search components to use in your React app.","main":"dist/index.cjs","module":"dist/index.mjs","types":"dist/index.d.ts","repository":{"type":"git","url":"git+https://github.com/Tryferos/Search-Popup.git"},"keywords":["react","react-components","components","search","types","typescript","tryferos"],"scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"run-script-os","build:win32":"(del /f /s /q dist 1>nul) && rollup -c --bundleConfigAsCjs","build:linux:darwin":"(rm dist -r -f) && rollup -c --bundleConfigAsCjs","storybook":"storybook dev -p 6006","build-storybook":"storybook build","publish-build":"npm run build && npm publish --tag public"},"author":{"name":"tryferos"},"license":"ISC","devDependencies":{"@babel/core":"^7.23.6","@babel/preset-env":"^7.23.6","@babel/preset-react":"^7.23.3","@babel/preset-typescript":"^7.23.3","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-node-resolve":"^15.2.3","@rollup/plugin-terser":"^0.4.4","@rollup/plugin-typescript":"^11.1.5","@storybook/addon-essentials":"^7.6.6","@storybook/addon-interactions":"^7.6.6","@storybook/addon-links":"^7.6.6","@storybook/addon-postcss":"^2.0.0","@storybook/blocks":"^7.6.6","@storybook/react":"^7.6.6","@storybook/react-vite":"^7.6.6","@storybook/test":"^7.6.6","@svgr/rollup":"^8.1.0","@types/react-dom":"^18.2.18","autoprefixer":"^9.8.8","babel-loader":"^9.1.3","framer-motion":"^10.16.16","postcss":"8.0","prop-types":"^15.8.1","react":"^18.0.1","react-dom":"^18.0.1","rollup":"^4.9.1","rollup-plugin-dts":"^6.1.0","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-postcss":"^4.0.2","run-script-os":"^1.1.6","storybook":"^7.6.6","tailwindcss":"^3.4.0","tslib":"^2.6.2","typescript":"^5.3.3"},"peerDependencies":{"react":"^18.0.1","react-dom":"^18.0.1"},"readme":"# Search Popup Component\r\n\r\n[Install the package for npm here.](https://www.npmjs.com/package/@tryferos/search)\r\n\r\n[Source code on Github.](https://github.com/Tryferos/Search-Popup)\r\n\r\nThis is a **react component** delivering a customizable **Search Popup** that you can use in your projects, which also adds **types** support using Typescript.\r\n\r\nThe project is build using **React, Typescript and Tailwindcss**. Tailwindcss is compiled into css, meaning you do not need it as a depedency.\r\n\r\nAll files are bundled into 3 seperate files for both cjs, esm and dts using the Rollup bundler. (commonjs, esmodules and declaration for ts types).\r\n\r\n## :dart: Features\r\n\r\n- :white_check_mark: Typescript support\r\n- :white_check_mark: **FULLY** Customizable to your needs\r\n- :white_check_mark: Opens as a popup.\r\n- :white_check_mark: Animations.\r\n- :white_check_mark: Light/dark Mode.\r\n- :white_check_mark: Recent Searches.\r\n- :white_check_mark: Keyboard Navigation.\r\n\r\n## :electric_plug: Installation\r\n\r\n##\r\n\r\nInstall @tryferos/dropdown using\r\n\r\n```bash\r\n npm install @tryferos/search@1.1.1\r\n```\r\n\r\nRemember that you need to have react and react-dom already installed\r\n\r\n```bash\r\n npm install react@^18.0.1 react-dom@^18.0.1\r\n```\r\n\r\nThis package is build using react 18, you can use with different versions of react at your own risk.\r\n\r\n```bash\r\n npm install @tryferos/search@1.1.1 --force\r\n```\r\n\r\nImport the components\r\n\r\n```javascript\r\nimport { SearchElement } from \"@tryferos/search\";\r\n```\r\n\r\n:speech_balloon: **Options & Types**\r\n\r\n```typescript\r\n placeholder?: string;\r\n darkMode?: boolean;\r\n shadow?: boolean;\r\n promptSize?: string;\r\n sections: Array<{\r\n title: string;\r\n items: Array<{\r\n content: string;\r\n title: string;\r\n href: string;\r\n icon?: ReactElement | string; //URLS, SVG, SVG Components\r\n }>;\r\n icon?: string;\r\n iconSize?: 'small' | 'medium' | 'large';\r\n }>;\r\n highlight?: {\r\n highlight?: boolean;\r\n color?: string;\r\n };\r\n animation?: {\r\n animate?: boolean;\r\n duration?: 0.1 | 0.2 | 0.3 | 0.4 | 0.5 | 0.6;\r\n };\r\n //Render a different component as a search promp to open the search popup with.\r\n children?: ReactNode;\r\n //\r\n showRecent?: boolean;\r\n openInNewTab?: boolean;\r\n onSearch?: (query: string) => void;\r\n onOpenTrigger?: (isOpen: boolean) => void;\r\n```\r\n\r\n## :information_source: Acknowledgements\r\n\r\n- [Heroicons](https://awesomeopensource.com/project/elangosundar/awesome-README-templates)\r\n- [Awesome README](https://github.com/matiassingers/awesome-readme)\r\n","readmeFilename":"README.md","gitHead":"f765ccea859ab3044b1d5524422bdf09a5dc0ffb","bugs":{"url":"https://github.com/Tryferos/Search-Popup/issues"},"homepage":"https://github.com/Tryferos/Search-Popup#readme","_id":"@tryferos/search@1.2.3","_nodeVersion":"18.12.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-fnkRnfsHKydYkszD01zeLgs2FFGi5l78TrgIh7zxQ0TfQF06VRe6Ue4zK6FfSYaJrfeB8YyQ8bZK14gHIunI5Q==","shasum":"5e97316c33221c6b0c6d76d07d91d086093022bb","tarball":"https://registry.npmjs.org/@tryferos/search/-/search-1.2.3.tgz","fileCount":5,"unpackedSize":293323,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDqHWiQlbaQktn4oOsnzZXynLSP8MZCmvdHCo0ni1YcQwIgOHtigBJ0NEnZ2G+N27y7hs+a5hHnL7AntZeSfSDYOy8="}]},"_npmUser":{"name":"tryferos","email":"mazarakis02@yahoo.gr"},"directories":{},"maintainers":[{"name":"tryferos","email":"mazarakis02@yahoo.gr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/search_1.2.3_1704314599203_0.02641880871189284"},"_hasShrinkwrap":false},"1.2.4":{"name":"@tryferos/search","version":"1.2.4","description":"Provides you with search components to use in your React app.","main":"dist/index.cjs","module":"dist/index.mjs","types":"dist/index.d.ts","repository":{"type":"git","url":"git+https://github.com/Tryferos/Search-Popup.git"},"keywords":["react","react-components","components","search","types","typescript","tryferos"],"scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"run-script-os","build:win32":"(del /f /s /q dist 1>nul) && rollup -c --bundleConfigAsCjs","build:linux:darwin":"(rm dist -r -f) && rollup -c --bundleConfigAsCjs","storybook":"storybook dev -p 6006","build-storybook":"storybook build","publish-build":"npm run build && npm publish --tag public"},"author":{"name":"tryferos"},"license":"ISC","devDependencies":{"@babel/core":"^7.23.6","@babel/preset-env":"^7.23.6","@babel/preset-react":"^7.23.3","@babel/preset-typescript":"^7.23.3","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-node-resolve":"^15.2.3","@rollup/plugin-terser":"^0.4.4","@rollup/plugin-typescript":"^11.1.5","@storybook/addon-essentials":"^7.6.6","@storybook/addon-interactions":"^7.6.6","@storybook/addon-links":"^7.6.6","@storybook/addon-postcss":"^2.0.0","@storybook/blocks":"^7.6.6","@storybook/react":"^7.6.6","@storybook/react-vite":"^7.6.6","@storybook/test":"^7.6.6","@svgr/rollup":"^8.1.0","@types/react-dom":"^18.2.18","autoprefixer":"^9.8.8","babel-loader":"^9.1.3","framer-motion":"^10.16.16","postcss":"8.0","prop-types":"^15.8.1","react":"^18.0.1","react-dom":"^18.0.1","rollup":"^4.9.1","rollup-plugin-dts":"^6.1.0","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-postcss":"^4.0.2","run-script-os":"^1.1.6","storybook":"^7.6.6","tailwindcss":"^3.4.0","tslib":"^2.6.2","typescript":"^5.3.3"},"peerDependencies":{"react":"^18.0.1","react-dom":"^18.0.1"},"readme":"# Search Popup Component\r\n\r\n[Install the package for npm here.](https://www.npmjs.com/package/@tryferos/search)\r\n\r\n[Source code on Github.](https://github.com/Tryferos/Search-Popup)\r\n\r\nThis is a **react component** delivering a customizable **Search Popup** that you can use in your projects, which also adds **types** support using Typescript.\r\n\r\nThe project is build using **React, Typescript and Tailwindcss**. Tailwindcss is compiled into css, meaning you do not need it as a depedency.\r\n\r\nAll files are bundled into 3 seperate files for both cjs, esm and dts using the Rollup bundler. (commonjs, esmodules and declaration for ts types).\r\n\r\n## :dart: Features\r\n\r\n- :white_check_mark: Typescript support\r\n- :white_check_mark: **FULLY** Customizable to your needs\r\n- :white_check_mark: Opens as a popup.\r\n- :white_check_mark: Animations.\r\n- :white_check_mark: Light/dark Mode.\r\n- :white_check_mark: Recent Searches.\r\n- :white_check_mark: Keyboard Navigation.\r\n\r\n## :electric_plug: Installation\r\n\r\n##\r\n\r\nInstall @tryferos/dropdown using\r\n\r\n```bash\r\n npm install @tryferos/search@1.1.1\r\n```\r\n\r\nRemember that you need to have react and react-dom already installed\r\n\r\n```bash\r\n npm install react@^18.0.1 react-dom@^18.0.1\r\n```\r\n\r\nThis package is build using react 18, you can use with different versions of react at your own risk.\r\n\r\n```bash\r\n npm install @tryferos/search@1.1.1 --force\r\n```\r\n\r\nImport the components\r\n\r\n```javascript\r\nimport { SearchElement } from \"@tryferos/search\";\r\n```\r\n\r\n:speech_balloon: **Options & Types**\r\n\r\n```typescript\r\n placeholder?: string;\r\n darkMode?: boolean;\r\n shadow?: boolean;\r\n promptSize?: string;\r\n sections: Array<{\r\n title: string;\r\n items: Array<{\r\n content: string;\r\n title: string;\r\n href: string;\r\n icon?: ReactElement | string; //URLS, SVG, SVG Components\r\n }>;\r\n icon?: string;\r\n iconSize?: 'small' | 'medium' | 'large';\r\n }>;\r\n highlight?: {\r\n highlight?: boolean;\r\n color?: string;\r\n };\r\n animation?: {\r\n animate?: boolean;\r\n duration?: 0.1 | 0.2 | 0.3 | 0.4 | 0.5 | 0.6;\r\n };\r\n //Render a different component as a search promp to open the search popup with.\r\n children?: ReactNode;\r\n //\r\n showRecent?: boolean;\r\n openInNewTab?: boolean;\r\n onSearch?: (query: string) => void;\r\n onOpenTrigger?: (isOpen: boolean) => void;\r\n```\r\n\r\n## :information_source: Acknowledgements\r\n\r\n- [Heroicons](https://awesomeopensource.com/project/elangosundar/awesome-README-templates)\r\n- [Awesome README](https://github.com/matiassingers/awesome-readme)\r\n","readmeFilename":"README.md","gitHead":"9f0b10137be4d0e5ac90c525983d4bd7a6d724f9","bugs":{"url":"https://github.com/Tryferos/Search-Popup/issues"},"homepage":"https://github.com/Tryferos/Search-Popup#readme","_id":"@tryferos/search@1.2.4","_nodeVersion":"18.12.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-4QCw3H1cGya/yqYva0zPQhoDr6jMz2U+5UZJzQzap5EOL5lOg1us9iCNTQ2aFXp4boQQoSVjb0W6OmReI7xs7w==","shasum":"b21a949951a724d77fbeb4d94986dc86b3e3f717","tarball":"https://registry.npmjs.org/@tryferos/search/-/search-1.2.4.tgz","fileCount":5,"unpackedSize":293441,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIARKW5D6edulwo/iSoGKRXX6U+sbo2+Aa16kuQ2crLmbAiEAlWOT94eqMYeO6YzQD9kAfDtBNQTXc1s/d/NnOunsBQc="}]},"_npmUser":{"name":"tryferos","email":"mazarakis02@yahoo.gr"},"directories":{},"maintainers":[{"name":"tryferos","email":"mazarakis02@yahoo.gr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/search_1.2.4_1704314700209_0.2832685710357581"},"_hasShrinkwrap":false},"1.2.5":{"name":"@tryferos/search","version":"1.2.5","description":"Provides you with search components to use in your React app.","main":"dist/index.cjs","module":"dist/index.mjs","types":"dist/index.d.ts","repository":{"type":"git","url":"git+https://github.com/Tryferos/Search-Popup.git"},"keywords":["react","react-components","components","search","types","typescript","tryferos"],"scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"run-script-os","build:win32":"(del /f /s /q dist 1>nul) && rollup -c --bundleConfigAsCjs","build:linux:darwin":"(rm dist -r -f) && rollup -c --bundleConfigAsCjs","storybook":"storybook dev -p 6006","build-storybook":"storybook build","publish-build":"npm run build && npm publish --tag public"},"author":{"name":"tryferos"},"license":"ISC","devDependencies":{"@babel/core":"^7.23.6","@babel/preset-env":"^7.23.6","@babel/preset-react":"^7.23.3","@babel/preset-typescript":"^7.23.3","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-node-resolve":"^15.2.3","@rollup/plugin-terser":"^0.4.4","@rollup/plugin-typescript":"^11.1.5","@storybook/addon-essentials":"^7.6.6","@storybook/addon-interactions":"^7.6.6","@storybook/addon-links":"^7.6.6","@storybook/addon-postcss":"^2.0.0","@storybook/blocks":"^7.6.6","@storybook/react":"^7.6.6","@storybook/react-vite":"^7.6.6","@storybook/test":"^7.6.6","@svgr/rollup":"^8.1.0","@types/react-dom":"^18.2.18","autoprefixer":"^9.8.8","babel-loader":"^9.1.3","framer-motion":"^10.16.16","postcss":"8.0","prop-types":"^15.8.1","react":"^18.0.1","react-dom":"^18.0.1","rollup":"^4.9.1","rollup-plugin-dts":"^6.1.0","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-postcss":"^4.0.2","run-script-os":"^1.1.6","storybook":"^7.6.6","tailwindcss":"^3.4.0","tslib":"^2.6.2","typescript":"^5.3.3"},"peerDependencies":{"react":"^18.0.1","react-dom":"^18.0.1"},"gitHead":"9f0b10137be4d0e5ac90c525983d4bd7a6d724f9","bugs":{"url":"https://github.com/Tryferos/Search-Popup/issues"},"homepage":"https://github.com/Tryferos/Search-Popup#readme","_id":"@tryferos/search@1.2.5","_nodeVersion":"18.12.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-NCGEpgWCaRQrAe2/4pqVNSuXFaTLlTstrrsH/Gy9ydyLHlEGozZQzSYkqScgjMYrwKM0bwBdnSBHwBUhFSkGug==","shasum":"9f5c75a8848e26a2ac29d6e8750596f3fe56d2ef","tarball":"https://registry.npmjs.org/@tryferos/search/-/search-1.2.5.tgz","fileCount":5,"unpackedSize":293441,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFUnjCKvs0uVrmb1q6zBQwvv9o7dyRON+4eC62PgWzLVAiAV5w2Qv2X5FEmX/ujAj67DqUpmGeXZ0foANZQMtWQF6w=="}]},"_npmUser":{"name":"tryferos","email":"mazarakis02@yahoo.gr"},"directories":{},"maintainers":[{"name":"tryferos","email":"mazarakis02@yahoo.gr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/search_1.2.5_1704371216394_0.9271123554347382"},"_hasShrinkwrap":false},"1.2.6":{"name":"@tryferos/search","version":"1.2.6","description":"Provides you with search components to use in your React app.","main":"dist/index.cjs","module":"dist/index.mjs","types":"dist/index.d.ts","repository":{"type":"git","url":"git+https://github.com/Tryferos/Search-Popup.git"},"keywords":["react","react-components","components","search","types","typescript","tryferos"],"scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"run-script-os","build:win32":"(del /f /s /q dist 1>nul) && rollup -c --bundleConfigAsCjs","build:linux:darwin":"(rm dist -r -f) && rollup -c --bundleConfigAsCjs","storybook":"storybook dev -p 6006","build-storybook":"storybook build","publish-build":"npm run build && npm publish --tag public"},"author":{"name":"tryferos"},"license":"ISC","devDependencies":{"@babel/core":"^7.23.6","@babel/preset-env":"^7.23.6","@babel/preset-react":"^7.23.3","@babel/preset-typescript":"^7.23.3","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-node-resolve":"^15.2.3","@rollup/plugin-terser":"^0.4.4","@rollup/plugin-typescript":"^11.1.5","@storybook/addon-essentials":"^7.6.6","@storybook/addon-interactions":"^7.6.6","@storybook/addon-links":"^7.6.6","@storybook/addon-postcss":"^2.0.0","@storybook/blocks":"^7.6.6","@storybook/react":"^7.6.6","@storybook/react-vite":"^7.6.6","@storybook/test":"^7.6.6","@svgr/rollup":"^8.1.0","@types/react-dom":"^18.2.18","autoprefixer":"^9.8.8","babel-loader":"^9.1.3","framer-motion":"^10.16.16","postcss":"8.0","prop-types":"^15.8.1","react":"^18.0.1","react-dom":"^18.0.1","rollup":"^4.9.1","rollup-plugin-dts":"^6.1.0","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-postcss":"^4.0.2","run-script-os":"^1.1.6","storybook":"^7.6.6","tailwindcss":"^3.4.0","tslib":"^2.6.2","typescript":"^5.3.3"},"peerDependencies":{"react":"^18.0.1","react-dom":"^18.0.1"},"gitHead":"9f0b10137be4d0e5ac90c525983d4bd7a6d724f9","bugs":{"url":"https://github.com/Tryferos/Search-Popup/issues"},"homepage":"https://github.com/Tryferos/Search-Popup#readme","_id":"@tryferos/search@1.2.6","_nodeVersion":"18.12.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-QtMahQRiwG6IFhbQHGlLdlU9IvuiI/TnnJJc7PEeZ4dyGao8dNcDVY+gauuvA2nmi0sM8h371JfuRqPRXohXrg==","shasum":"29594eb76e97750869c69d02bf983aa57c5cd888","tarball":"https://registry.npmjs.org/@tryferos/search/-/search-1.2.6.tgz","fileCount":5,"unpackedSize":293441,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDmdbLE0su0WhEXp/S1ZGhb3UT88rhvRq+l7HU5Ph2CjAIgM3PXe7vToyuTgDHDiAuCDo36kDqykISw78kBGYxpZRM="}]},"_npmUser":{"name":"tryferos","email":"mazarakis02@yahoo.gr"},"directories":{},"maintainers":[{"name":"tryferos","email":"mazarakis02@yahoo.gr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/search_1.2.6_1704371236193_0.09905742798181238"},"_hasShrinkwrap":false},"1.2.7":{"name":"@tryferos/search","version":"1.2.7","description":"Provides you with search components to use in your React app.","main":"dist/index.cjs","module":"dist/index.mjs","types":"dist/index.d.ts","repository":{"type":"git","url":"git+https://github.com/Tryferos/Search-Popup.git"},"keywords":["react","react-components","components","search","types","typescript","tryferos"],"scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"run-script-os","build:win32":"(del /f /s /q dist 1>nul) && rollup -c --bundleConfigAsCjs","build:linux:darwin":"(rm dist -r -f) && rollup -c --bundleConfigAsCjs","storybook":"storybook dev -p 6006","build-storybook":"storybook build","publish-build":"npm run build && npm publish --tag public","publish-build-latest":"npm run build && npm publish --tag latest"},"author":{"name":"tryferos"},"license":"ISC","devDependencies":{"@babel/core":"^7.23.6","@babel/preset-env":"^7.23.6","@babel/preset-react":"^7.23.3","@babel/preset-typescript":"^7.23.3","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-node-resolve":"^15.2.3","@rollup/plugin-terser":"^0.4.4","@rollup/plugin-typescript":"^11.1.5","@storybook/addon-essentials":"^7.6.6","@storybook/addon-interactions":"^7.6.6","@storybook/addon-links":"^7.6.6","@storybook/addon-postcss":"^2.0.0","@storybook/blocks":"^7.6.6","@storybook/react":"^7.6.6","@storybook/react-vite":"^7.6.6","@storybook/test":"^7.6.6","@svgr/rollup":"^8.1.0","@types/react-dom":"^18.2.18","autoprefixer":"^9.8.8","babel-loader":"^9.1.3","framer-motion":"^10.16.16","postcss":"8.0","prop-types":"^15.8.1","react":"^18.0.1","react-dom":"^18.0.1","rollup":"^4.9.1","rollup-plugin-dts":"^6.1.0","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-postcss":"^4.0.2","run-script-os":"^1.1.6","storybook":"^7.6.6","tailwindcss":"^3.4.0","tslib":"^2.6.2","typescript":"^5.3.3"},"peerDependencies":{"react":"^18.0.1","react-dom":"^18.0.1"},"gitHead":"b78ac5ad11a72328a3ee8095b9220df188655cc9","bugs":{"url":"https://github.com/Tryferos/Search-Popup/issues"},"homepage":"https://github.com/Tryferos/Search-Popup#readme","_id":"@tryferos/search@1.2.7","_nodeVersion":"18.12.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-Z/gmnMozgQRYEGF5M5B+l+i1eQUJQByViCmmSDmDRST573A5O+u00+XTzmd2QORztW5YbdLvlZdybGI8LhVoyQ==","shasum":"8109558b79671b9b196dbf1d3c858ff4bc80c9c1","tarball":"https://registry.npmjs.org/@tryferos/search/-/search-1.2.7.tgz","fileCount":5,"unpackedSize":297231,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCIk0HWlKOLwPkNprOLJH1HSkKMeXp4d1MNUJU4K5aGQgIgVm0S0aocHyNkFfAQkPxEToe2CxT4JdoVsH4CwRx+u8k="}]},"_npmUser":{"name":"tryferos","email":"mazarakis02@yahoo.gr"},"directories":{},"maintainers":[{"name":"tryferos","email":"mazarakis02@yahoo.gr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/search_1.2.7_1704373787907_0.390019468977991"},"_hasShrinkwrap":false},"1.2.8":{"name":"@tryferos/search","version":"1.2.8","description":"Provides you with search components to use in your React app.","main":"dist/index.cjs","module":"dist/index.mjs","types":"dist/index.d.ts","repository":{"type":"git","url":"git+https://github.com/Tryferos/Search-Popup.git"},"keywords":["react","react-components","components","search","types","typescript","tryferos"],"scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"run-script-os","build:win32":"(del /f /s /q dist 1>nul) && rollup -c --bundleConfigAsCjs","build:linux:darwin":"(rm dist -r -f) && rollup -c --bundleConfigAsCjs","storybook":"storybook dev -p 6006","build-storybook":"storybook build","publish-build":"npm run build && npm publish --tag public","publish-build-latest":"npm run build && npm publish --tag latest"},"author":{"name":"tryferos"},"license":"ISC","devDependencies":{"@babel/core":"^7.23.6","@babel/preset-env":"^7.23.6","@babel/preset-react":"^7.23.3","@babel/preset-typescript":"^7.23.3","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-node-resolve":"^15.2.3","@rollup/plugin-terser":"^0.4.4","@rollup/plugin-typescript":"^11.1.5","@storybook/addon-essentials":"^7.6.6","@storybook/addon-interactions":"^7.6.6","@storybook/addon-links":"^7.6.6","@storybook/addon-postcss":"^2.0.0","@storybook/blocks":"^7.6.6","@storybook/react":"^7.6.6","@storybook/react-vite":"^7.6.6","@storybook/test":"^7.6.6","@svgr/rollup":"^8.1.0","@types/react-dom":"^18.2.18","autoprefixer":"^9.8.8","babel-loader":"^9.1.3","framer-motion":"^10.16.16","postcss":"8.0","prop-types":"^15.8.1","react":"^18.0.1","react-dom":"^18.0.1","rollup":"^4.9.1","rollup-plugin-dts":"^6.1.0","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-postcss":"^4.0.2","run-script-os":"^1.1.6","storybook":"^7.6.6","tailwindcss":"^3.4.0","tslib":"^2.6.2","typescript":"^5.3.3"},"peerDependencies":{"react":"^18.0.1","react-dom":"^18.0.1"},"gitHead":"1330bf865d89e732d2ae1ef584a9302c7086b5a1","bugs":{"url":"https://github.com/Tryferos/Search-Popup/issues"},"homepage":"https://github.com/Tryferos/Search-Popup#readme","_id":"@tryferos/search@1.2.8","_nodeVersion":"18.12.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-U1Jeq4BJV9ejC/U8DVbAM9U+loX+DNsgADk6IzjdgEyZWpJtoO3ypQv3G/QnqEoDHt0lnC1uH0+B3OPUPd93kQ==","shasum":"b052777341563a85059db59fba860e38c0433fea","tarball":"https://registry.npmjs.org/@tryferos/search/-/search-1.2.8.tgz","fileCount":5,"unpackedSize":302312,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDfdrse2b5Qh3rBcCfE2wT+4LoAWrwBS1tY/ExlxUtuQAIgW6MpiXgx4P/D3QFYczWarfiWqBzUFrkPDzRVumwmfV4="}]},"_npmUser":{"name":"tryferos","email":"mazarakis02@yahoo.gr"},"directories":{},"maintainers":[{"name":"tryferos","email":"mazarakis02@yahoo.gr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/search_1.2.8_1704381848316_0.14411556813879423"},"_hasShrinkwrap":false},"1.2.9":{"name":"@tryferos/search","version":"1.2.9","description":"Provides you with search components to use in your React app.","main":"dist/index.cjs","module":"dist/index.mjs","types":"dist/index.d.ts","repository":{"type":"git","url":"git+https://github.com/Tryferos/Search-Popup.git"},"keywords":["react","react-components","components","search","types","typescript","tryferos"],"scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"run-script-os","build:win32":"(del /f /s /q dist 1>nul) && rollup -c --bundleConfigAsCjs","build:linux:darwin":"(rm dist -r -f) && rollup -c --bundleConfigAsCjs","storybook":"storybook dev -p 6006","build-storybook":"storybook build","publish-build":"npm run build && npm publish --tag public","publish-build-latest":"npm run build && npm publish --tag latest"},"author":{"name":"tryferos"},"license":"ISC","devDependencies":{"@babel/core":"^7.23.6","@babel/preset-env":"^7.23.6","@babel/preset-react":"^7.23.3","@babel/preset-typescript":"^7.23.3","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-node-resolve":"^15.2.3","@rollup/plugin-terser":"^0.4.4","@rollup/plugin-typescript":"^11.1.5","@storybook/addon-essentials":"^7.6.6","@storybook/addon-interactions":"^7.6.6","@storybook/addon-links":"^7.6.6","@storybook/addon-postcss":"^2.0.0","@storybook/blocks":"^7.6.6","@storybook/react":"^7.6.6","@storybook/react-vite":"^7.6.6","@storybook/test":"^7.6.6","@svgr/rollup":"^8.1.0","@types/react-dom":"^18.2.18","autoprefixer":"^9.8.8","babel-loader":"^9.1.3","framer-motion":"^10.16.16","postcss":"8.0","prop-types":"^15.8.1","react":"^18.0.1","react-dom":"^18.0.1","rollup":"^4.9.1","rollup-plugin-dts":"^6.1.0","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-postcss":"^4.0.2","run-script-os":"^1.1.6","storybook":"^7.6.6","tailwindcss":"^3.4.0","tslib":"^2.6.2","typescript":"^5.3.3"},"peerDependencies":{"react":"^18.0.1","react-dom":"^18.0.1"},"gitHead":"ffe39df4a50d7e74427ebd78baf0435c61d30414","bugs":{"url":"https://github.com/Tryferos/Search-Popup/issues"},"homepage":"https://github.com/Tryferos/Search-Popup#readme","_id":"@tryferos/search@1.2.9","_nodeVersion":"18.12.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-yWDcnAkEPb1ntwoHiZHrXpeOFwZC875PKJycdpg3AQaMVuTuM0VErxLFFuPWoTy9rrxC+p7kjREEMddSYpSwGg==","shasum":"49817152949731e3c8aac09dbea14cdc0e809f59","tarball":"https://registry.npmjs.org/@tryferos/search/-/search-1.2.9.tgz","fileCount":5,"unpackedSize":301710,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC3Eb37Dz7HwZXAxtNQ36v4l+NCyKneDDD5cvrr7IkQ0QIgCQ1HY4M+sInu5cpQpIZJOBoXXyvCbPOjwabxvHXIxYw="}]},"_npmUser":{"name":"tryferos","email":"mazarakis02@yahoo.gr"},"directories":{},"maintainers":[{"name":"tryferos","email":"mazarakis02@yahoo.gr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/search_1.2.9_1704382433253_0.5934251769680581"},"_hasShrinkwrap":false},"1.2.10":{"name":"@tryferos/search","version":"1.2.10","description":"Provides you with search components to use in your React app.","main":"dist/index.cjs","module":"dist/index.mjs","types":"dist/index.d.ts","repository":{"type":"git","url":"git+https://github.com/Tryferos/Search-Popup.git"},"keywords":["react","react-components","components","search","types","typescript","tryferos"],"scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"run-script-os","build:win32":"(del /f /s /q dist 1>nul) && rollup -c --bundleConfigAsCjs","build:linux:darwin":"(rm dist -r -f) && rollup -c --bundleConfigAsCjs","storybook":"storybook dev -p 6006","build-storybook":"storybook build","publish-build":"npm run build && npm publish --tag public","publish-build-latest":"npm run build && npm publish --tag latest"},"author":{"name":"tryferos"},"license":"ISC","devDependencies":{"@babel/core":"^7.23.6","@babel/preset-env":"^7.23.6","@babel/preset-react":"^7.23.3","@babel/preset-typescript":"^7.23.3","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-node-resolve":"^15.2.3","@rollup/plugin-terser":"^0.4.4","@rollup/plugin-typescript":"^11.1.5","@storybook/addon-essentials":"^7.6.6","@storybook/addon-interactions":"^7.6.6","@storybook/addon-links":"^7.6.6","@storybook/addon-onboarding":"^1.0.10","@storybook/addon-postcss":"^2.0.0","@storybook/blocks":"^7.6.6","@storybook/react":"^7.6.6","@storybook/react-vite":"^7.6.6","@storybook/test":"^7.6.6","@svgr/rollup":"^8.1.0","@types/react-dom":"^18.2.18","autoprefixer":"^9.8.8","babel-loader":"^9.1.3","framer-motion":"^10.16.16","postcss":"8.0","prop-types":"^15.8.1","react":"^18.0.1","react-dom":"^18.0.1","rollup":"^4.9.1","rollup-plugin-dts":"^6.1.0","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-postcss":"^4.0.2","run-script-os":"^1.1.6","storybook":"^7.6.6","tailwindcss":"^3.4.0","tslib":"^2.6.2","typescript":"^5.3.3"},"peerDependencies":{"react":"^18.0.1","react-dom":"^18.0.1"},"_id":"@tryferos/search@1.2.10","gitHead":"ffe39df4a50d7e74427ebd78baf0435c61d30414","bugs":{"url":"https://github.com/Tryferos/Search-Popup/issues"},"homepage":"https://github.com/Tryferos/Search-Popup#readme","_nodeVersion":"18.17.1","_npmVersion":"10.2.5","dist":{"integrity":"sha512-zxmd2ccHMCby/mLgNQZ47YQJNOK5DSRr/3RSrvjC5cB7E/vNWakKTqYkNpIfRx3OkIPNP4c6HV5cqq6TxXjgyA==","shasum":"b1990a62b1ad27d62990a06a479b64e0f17fb740","tarball":"https://registry.npmjs.org/@tryferos/search/-/search-1.2.10.tgz","fileCount":5,"unpackedSize":302459,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC1AtJH96TxowbjYe0z1AUD8izBMTWerUO7Kv2wwjL1CQIgK0omqb/XBjtUi6zj2bDHrNLZyzWHJSieu33c1F9Nqq0="}]},"_npmUser":{"name":"tryferos","email":"mazarakis02@yahoo.gr"},"directories":{},"maintainers":[{"name":"tryferos","email":"mazarakis02@yahoo.gr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/search_1.2.10_1705004313897_0.890063279033596"},"_hasShrinkwrap":false}},"time":{"created":"2024-01-01T00:24:32.257Z","1.0.0":"2024-01-01T00:24:32.565Z","modified":"2024-01-11T20:18:34.341Z","1.0.1":"2024-01-01T00:31:50.550Z","1.0.2":"2024-01-01T00:41:58.275Z","1.0.3":"2024-01-01T01:28:13.463Z","1.0.4":"2024-01-01T01:45:09.814Z","1.0.5":"2024-01-01T01:50:15.955Z","1.0.6":"2024-01-01T02:02:27.044Z","1.0.7":"2024-01-01T13:42:00.381Z","1.0.8":"2024-01-01T15:07:45.388Z","1.1.0":"2024-01-01T15:51:13.192Z","1.1.1":"2024-01-01T15:54:20.449Z","1.1.2":"2024-01-01T15:54:41.351Z","1.1.3":"2024-01-01T16:04:19.583Z","1.1.4":"2024-01-01T16:09:27.576Z","1.2.0":"2024-01-02T14:03:44.918Z","1.2.1":"2024-01-03T15:26:16.395Z","1.2.2":"2024-01-03T18:05:01.586Z","1.2.3":"2024-01-03T20:43:19.383Z","1.2.4":"2024-01-03T20:45:00.441Z","1.2.5":"2024-01-04T12:26:56.591Z","1.2.6":"2024-01-04T12:27:16.357Z","1.2.7":"2024-01-04T13:09:48.061Z","1.2.8":"2024-01-04T15:24:08.526Z","1.2.9":"2024-01-04T15:33:53.603Z","1.2.10":"2024-01-11T20:18:34.176Z"},"maintainers":[{"name":"tryferos","email":"mazarakis02@yahoo.gr"}],"description":"Provides you with search components to use in your React app.","homepage":"https://github.com/Tryferos/Search-Popup#readme","keywords":["react","react-components","components","search","types","typescript","tryferos"],"repository":{"type":"git","url":"git+https://github.com/Tryferos/Search-Popup.git"},"author":{"name":"tryferos"},"bugs":{"url":"https://github.com/Tryferos/Search-Popup/issues"},"license":"ISC","readme":"# Search Popup Component\r\n\r\n[Install the package for npm here.](https://www.npmjs.com/package/@tryferos/search)\r\n\r\n[Source code on Github.](https://github.com/Tryferos/Search-Popup)\r\n\r\nThis is a **react component** delivering a customizable **Search Popup** that you can use in your projects, which also adds **types** support using Typescript.\r\n\r\nThe project is build using **React, Typescript and Tailwindcss**. Tailwindcss is compiled into css, meaning you do not need it as a depedency.\r\n\r\nAll files are bundled into 3 seperate files for both cjs, esm and dts using the Rollup bundler. (commonjs, esmodules and declaration for ts types).\r\n\r\n## :dart: Features\r\n\r\n- :white_check_mark: Typescript support\r\n- :white_check_mark: **FULLY** Customizable to your needs\r\n- :white_check_mark: Opens as a popup.\r\n- :white_check_mark: Animations.\r\n- :white_check_mark: Light/dark Mode.\r\n- :white_check_mark: Recent Searches.\r\n- :white_check_mark: Keyboard Navigation.\r\n\r\n## :electric_plug: Installation\r\n\r\n##\r\n\r\nInstall @tryferos/dropdown using\r\n\r\n```bash\r\n npm install @tryferos/search@1.1.1\r\n```\r\n\r\nRemember that you need to have react and react-dom already installed\r\n\r\n```bash\r\n npm install react@^18.0.1 react-dom@^18.0.1\r\n```\r\n\r\nThis package is build using react 18, you can use with different versions of react at your own risk.\r\n\r\n```bash\r\n npm install @tryferos/search@1.1.1 --force\r\n```\r\n\r\nImport the components\r\n\r\n```javascript\r\nimport { SearchElement } from \"@tryferos/search\";\r\n```\r\n\r\n:speech_balloon: **Options & Types**\r\n\r\n```typescript\r\n placeholder?: string;\r\n darkMode?: boolean;\r\n shadow?: boolean;\r\n promptSize?: string;\r\n sections: Array<{\r\n title: string;\r\n items: Array<{\r\n content: string;\r\n title: string;\r\n href: string;\r\n icon?: ReactElement | string; //URLS, SVG, SVG Components\r\n }>;\r\n icon?: string;\r\n iconSize?: 'small' | 'medium' | 'large';\r\n }>;\r\n highlight?: {\r\n highlight?: boolean;\r\n color?: string;\r\n };\r\n animation?: {\r\n animate?: boolean;\r\n duration?: 0.1 | 0.2 | 0.3 | 0.4 | 0.5 | 0.6;\r\n };\r\n //Render a different component as a search promp to open the search popup with.\r\n children?: ReactNode;\r\n //\r\n showRecent?: boolean;\r\n openInNewTab?: boolean;\r\n onSearch?: (query: string) => void;\r\n keyboardNavigation?: boolean;\r\n onOpenTrigger?: (isOpen: boolean) => void;\r\n```\r\n\r\n## :information_source: Acknowledgements\r\n\r\n- [Heroicons](https://awesomeopensource.com/project/elangosundar/awesome-README-templates)\r\n- [Awesome README](https://github.com/matiassingers/awesome-readme)\r\n","readmeFilename":"README.md"}