{"_id":"@gluestack-style/react","_rev":"435-9e2fec73d076c6082cb163f027e151ed","name":"@gluestack-style/react","dist-tags":{"alpha":"1.0.55-alpha.0","latest":"1.0.57"},"versions":{"0.1.2":{"name":"@gluestack-style/react","version":"0.1.2","_id":"@gluestack-style/react@0.1.2","maintainers":[{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"4682445948d7a3c75ed5d2c6af781318b846c1cb","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.2.tgz","fileCount":351,"integrity":"sha512-ZUa3gSks0NzRU7lPBIWJPFnukhK9TXFpLoPaqljdPyC2oCVSgUyuUeA8Ke94iMJlETRW2lRdjp9b8+6wARt+8Q==","signatures":[{"sig":"MEUCIQDKdSvVraqRFQap8DjW4OqrgFmpQkLCAxqEC5o+2IofYQIgRyTw40sNctzVeIyprxM8WZA9s4Vv8lK7wr4fEzgltT8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":800445},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.2_1685014673066_0.8670304626618748","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.3":{"name":"@gluestack-style/react","version":"0.1.3","_id":"@gluestack-style/react@0.1.3","maintainers":[{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"5a5c60d662d00061d3926dc4ecc10f5d016fc4f4","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.3.tgz","fileCount":351,"integrity":"sha512-7qUerOTB3pkAZ3laFRip4ZdHzKB4W1xW9NyEVjpprIrWhpYNLwplOclEP4yHuXswZnMn4++fHI2F/tDT7WC6Gw==","signatures":[{"sig":"MEUCIGPNhQORNJCmxM2G+gBZkRFm8jfWvYKRypGVsLhNvLWnAiEAkr0dauV0M0ZSatVdXnmN8TmgMMnVqqCMHbYNv6IPHyQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":826579},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.3_1685103084099_0.5773804341754702","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.4":{"name":"@gluestack-style/react","version":"0.1.4","_id":"@gluestack-style/react@0.1.4","maintainers":[{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"d1f506a6bd8dff560a9642b30725246e68cc084a","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.4.tgz","fileCount":351,"integrity":"sha512-pN3jddZs9ERwR4rlK4kR2dnxgRti8gEuzu6zJVNbci7nxaKNBLWQtUnC7IxCGeHqtmXzqjsCiuGWlXsNno+L0g==","signatures":[{"sig":"MEQCIGWc6SrP3hotqLPuPmeBIANzTkRpabpYkx7fOcMgghTrAiB+5FqC2rwVREzDf90xyAl5/1fQEhKt5/Ow2u3RTVOdig==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":826501},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.4_1685426660723_0.2590422017353078","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.5":{"name":"@gluestack-style/react","version":"0.1.5","_id":"@gluestack-style/react@0.1.5","maintainers":[{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"8ef3b08b4ec50214f895d755ea34322c47cf9cee","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.5.tgz","fileCount":351,"integrity":"sha512-Upp9FbBa5j4OwvlvZW9T2sLUFUaC87+d2SmznwDvQ6FxJHRINEXcUOvuL0CegeknbMkgLyfEHUd4UAP6ycUGAg==","signatures":[{"sig":"MEUCIHGn+ktjPKyvnCzPjfwKBDH+2JA6bnEz+MFOVh0VhKDOAiEA5KqIdruIwdplen35fwbM3cokCvCL2kMxfcuG1eCnmsg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":829873},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.5_1685452852944_0.42841487972358006","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.6":{"name":"@gluestack-style/react","version":"0.1.6","keywords":["react","native","react-native","packager","styling","css-in-js","typescript","javascript","components","android","ios","nextjs","theme","token","responsive-styling","design-system"],"_id":"@gluestack-style/react@0.1.6","maintainers":[{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"be39ed1882e563ae34ed5182689d3969d452560c","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.6.tgz","fileCount":352,"integrity":"sha512-8gfqHx7iNgdvaKtg5GlRYSYWFURvtAQQFqSp5wX5YLGKJZZHKuDw2xMTZgUhRtDBjWAcAyocHXwbAV7ozBvrYA==","signatures":[{"sig":"MEUCICUL3TXm83aQnVYh5AasiKCP2a7r/rkE8BedV2nDsVkeAiEA/wmJCSbFmiAaKF68fYuPoJIlorvu5RKwuprW3otVgiA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":835024},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"Universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.6_1685533816303_0.061831325468980625","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.7":{"name":"@gluestack-style/react","version":"0.1.7","keywords":["react","native","react-native","packager","styling","css-in-js","typescript","javascript","components","android","ios","nextjs","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.7","maintainers":[{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"b4b2c208072b3d01938edd385483fb49e227d359","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.7.tgz","fileCount":352,"integrity":"sha512-mPCQrwd+HLNGFxPfeSNyvW8y9TDjNtpNMDX2cJ+aCAlsvrDtiqkXifpZeqiujvCc0SiWE/TD3bg2+5sZHiAajQ==","signatures":[{"sig":"MEYCIQCEWr257mVzXyl2rQ4JWVQMvIGUh1Lno/g3ALTMMEVjowIhAIm1b5uhZUruY7BbALC8W6XbzEynYVyN/ZgwTSd98sbj","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":835043},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.7_1685533892578_0.7118474056267423","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.8":{"name":"@gluestack-style/react","version":"0.1.8","keywords":["react","native","react-native","packager","styling","css-in-js","typescript","javascript","components","android","ios","nextjs","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.8","maintainers":[{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"1bafa7aa9bde6312734a8bc51062018802f4106e","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.8.tgz","fileCount":352,"integrity":"sha512-uV9iPKglCYwwE7wiMoOWWzvoOvjuFnJBLdoazmHZSXIgx2vHPmTWYPdihtIel7Al0jF+7uNIkMUBQBlfX3HSRw==","signatures":[{"sig":"MEQCIAuAI65lVjmicg57nFVcpNHmydSsidURyOoC1QinzOJNAiB+02Pp7jLPmJf6vqmWv0CjNb8SN9TNo80nivM1XdCKhw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":835055},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.8_1685535564509_0.9951877538384204","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.9":{"name":"@gluestack-style/react","version":"0.1.9","keywords":["react","native","react-native","packager","styling","css-in-js","typescript","javascript","components","android","ios","nextjs","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.9","maintainers":[{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"97545940978a406a3287d82573ff8d7a1d6d8859","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.9.tgz","fileCount":352,"integrity":"sha512-jjKjXSNIEePhc+8iR8g1gBFd7hTFpXZ1cQNj3OahdNDSTbbs+UWbE7cku8G9nF9GDTW5NKuV3HwC4FnTHcd4uQ==","signatures":[{"sig":"MEQCIG2K3IlLzK0YRN4nA0hJPv8emvVz7tpyYwR1cgs/GDueAiB9Mt5OtogcXxD0tg0W8UmUWBI9Xr7C1ZdeKcHgQ1gc7w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":835055},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.9_1685538215405_0.42368144805522867","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.10":{"name":"@gluestack-style/react","version":"0.1.10","keywords":["react","native","react-native","packager","styling","css-in-js","typescript","javascript","components","android","ios","nextjs","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.10","maintainers":[{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"47a536f59891f5d58b73317bc3e63831164a7611","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.10.tgz","fileCount":352,"integrity":"sha512-pufbYi1IVEqoKm2q+57IctRDsjLnC1KerHFJcKv1En5UAhz7wTcsJabzomWCeXu+RRil7HCDeJbzzD1DrVR7/g==","signatures":[{"sig":"MEYCIQDWbz3G7jzHTbrfQLMeScVi8XSpSK1D0ZgeoikWN9qOowIhAK7S8Rx3tNQh/raQilOfb+uRlD9iXqqksNbbJvrboMWR","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":834736},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.10_1685543334969_0.29588490876295825","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.11-alpha.0":{"name":"@gluestack-style/react","version":"0.1.11-alpha.0","keywords":["react","native","react-native","packager","styling","css-in-js","typescript","javascript","components","android","ios","nextjs","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.11-alpha.0","maintainers":[{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"f67ad413f5465d519b068f9941a95dfffe4dc00a","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.11-alpha.0.tgz","fileCount":359,"integrity":"sha512-lnnBM/8A0fV2irhw6FgPKOv5lWCy5VzG67SFIoq5Yyh52/2u77FS9L56CEuitC/VN9PYcsTCa6ka1BqumEBznw==","signatures":[{"sig":"MEQCICbXsxgzsWG3bLKBxW5txJyePHlt5TK2QJiKHO2xwBuzAiAZTDw3hF8kvIRainHEAv/f1RDi2SBxPw+rIrsKQcczBw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1026505},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.11-alpha.0_1685624378405_0.32087726817309137","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.11":{"name":"@gluestack-style/react","version":"0.1.11","keywords":["react","native","react-native","packager","styling","css-in-js","typescript","javascript","components","android","ios","nextjs","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.11","maintainers":[{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"f7ed5213b31425a5ec8536694d43d2b283e6f6c5","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.11.tgz","fileCount":359,"integrity":"sha512-QNkyBVgrHQxtiMmZeg2iFce2bGHPgqGRUNMcd3OQOCdLa3+uFuisbbo5XJZL96ZtvExwFPh0itTU5oJ877LsUQ==","signatures":[{"sig":"MEUCIET5L5JAqtmIXzcGvSOhct01rQ/+81s1kXJQ87JuFYRxAiEA0jFZEtSO1JTQHV/F2iGPMW+FcVEm13n8YY6vq/3nPq4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1026497},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.11_1685626802919_0.3060564490209703","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.13":{"name":"@gluestack-style/react","version":"0.1.13","keywords":["react","native","react-native","packager","styling","css-in-js","typescript","javascript","components","android","ios","nextjs","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.13","maintainers":[{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"ef4906fe35e0feeb1bdefbe3824ff1618955dece","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.13.tgz","fileCount":359,"integrity":"sha512-Z26cE2U8BibTy6DFvIbDqGpoYqcXKEkh4DYm8lSiKzZEt3HNAWa4Y/qbO8AnZhrLjSuzzN8ric8DWihafgue1w==","signatures":[{"sig":"MEQCIHvwxO0vsbWQRFfg8PY6tkl1j6jWY0cf3NPSR7hEk2PqAiAy/n/f9XLWkRioPLSAg+YLQJVqRknV5LC9AfH49bjmEQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1024945},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.13_1685708340914_0.03471450782196528","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.14":{"name":"@gluestack-style/react","version":"0.1.14","keywords":["react","native","react-native","packager","styling","css-in-js","typescript","javascript","components","android","ios","nextjs","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.14","maintainers":[{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"b021092860d41068b2c58fb141fe82f80424ab6d","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.14.tgz","fileCount":352,"integrity":"sha512-Ec3FEcSkgbrLFXVW0OZffjkPH0uk0dTkjhAm3gFS8vsDKYPVKyzmpRV04AarwC8+J4lHswicaJLyzPCDF4d9dA==","signatures":[{"sig":"MEUCIQCi6WBB9xpsqcD3tqQ+kPy9dJDtReqXMi47ryJZeMlYMwIgG7ceGnHUBDJPh729p5vs0ylqAeV4rZwoal2f0+Lv0V0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":843613},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"viraj-10","email":"virajjoshi132@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.14_1685949535756_0.7838984276600938","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.15-alpha.0":{"name":"@gluestack-style/react","version":"0.1.15-alpha.0","keywords":["react","native","react-native","packager","styling","css-in-js","typescript","javascript","components","android","ios","nextjs","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.15-alpha.0","maintainers":[{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"f588a68964a9de31bda566b9cd57020e81701000","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.15-alpha.0.tgz","fileCount":345,"integrity":"sha512-MdXdOOTHO5duc+0EZ1QtSqvOUiDNYHga/TqwjOno8s1nJx1KtIEAcZuQmzUsrtn4CrVotejl+Xiu99cyGjdJLg==","signatures":[{"sig":"MEUCIQDQ9t9xOgXkrWDcPKTxbTGHqOaeNj2yJhSxl0NJ18R7QQIgWT+3cSsJ9ZROldG1i0eYzdrnPZ9uxioOZ6zTKazoEPQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":815971},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.15-alpha.0_1686037233278_0.2624230601253752","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.15":{"name":"@gluestack-style/react","version":"0.1.15","keywords":["react","native","react-native","packager","styling","css-in-js","typescript","javascript","components","android","ios","nextjs","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.15","maintainers":[{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"4ae97606619c13eba0fdbea39b0db74106311a11","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.15.tgz","fileCount":352,"integrity":"sha512-vEqMhtj5Akod4LKuoqvzkfGAm7DJKs4vM7wvWZuhkMdUzZ6LmWsj+hko/+cdm2indfXmn9AscZJWxpiqu7VJ2Q==","signatures":[{"sig":"MEQCIDk89maBVmQJ8FgO0ubJXmYpw+qCBMhSdd6F5l7rM5YvAiAMamnE9QB04wssvNYgDw++ahi3MAaw1k8y8ZZ1L/S/GQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":840652},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.15_1686047798000_0.1869376876257396","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.16":{"name":"@gluestack-style/react","version":"0.1.16","keywords":["react","native","react-native","packager","styling","css-in-js","typescript","javascript","components","android","ios","nextjs","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.16","maintainers":[{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"194c6b7b990a2bcf2474a0f75e0567d4f8f1379f","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.16.tgz","fileCount":306,"integrity":"sha512-Z9dmrItDmx44CaHB8l40JuPMlYvHyEtcXZ4qWLpjzxmHm9CI8gN42KMdP4urSYg0m70SlMtQH4cNwbjj8grRIw==","signatures":[{"sig":"MEYCIQD+M+brKe9EKqQro0vUZIy5GxCFkq6hcAtLawxw0p2ORQIhANSCx/4Zwip075fVfAtboDbIOicdF6G3JPATfmaIQ8A6","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":840276},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","gitHead":"9032e9f3e59554ea7c3a38617b98d36b08b10b39","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"madhavb230100","email":"madhavb230100@gmail.com"},"_npmVersion":"8.19.4","description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"_nodeVersion":"16.20.0","dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.16_1686147175035_0.9665229313564325","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.17-alpha.0":{"name":"@gluestack-style/react","version":"0.1.17-alpha.0","keywords":["react","native","react-native","packager","styling","css-in-js","typescript","javascript","components","android","ios","nextjs","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.17-alpha.0","maintainers":[{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"19163c44e8c861ffb4134d9a04f818499c154cf0","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.17-alpha.0.tgz","fileCount":352,"integrity":"sha512-f4WWjtDXHi7U/t+fJd7g4KkmQfMhX/pD/LpjEOaU9SD0GL6YlFI2YREgHnMGFphnD/mEeBeGzqv/YbLum9ql5A==","signatures":[{"sig":"MEQCIEbAvyc05gROBs/TX7od/sSy2wDS9ugZY28PL6OJpqWvAiAmSYK8GgIX1J11KJAzEinHnirbfBXgzggsyudktA8TBQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":841845},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.17-alpha.0_1686209533617_0.04099889474685736","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.17-alpha.1":{"name":"@gluestack-style/react","version":"0.1.17-alpha.1","keywords":["react","native","react-native","packager","styling","css-in-js","typescript","javascript","components","android","ios","nextjs","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.17-alpha.1","maintainers":[{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"a93e7b88e32876f75f66a43967b619ae3703857c","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.17-alpha.1.tgz","fileCount":352,"integrity":"sha512-JvC4M9McLQYxeb4BgYJXdmL41Vq3CF60HpLDiGqvGC70lRY0/Fe1jHwJHoMSpaQcv+GFqkKh+AFbG/LO1gVUqg==","signatures":[{"sig":"MEUCIBuDYgxl+3uUtHYq1emdJEMyyeYDzN5ry+klRtp3hLZnAiEAn0maPZNKtWEXPNjM7Uj99j33fCgxSo3iy2+dapSx9Sg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":841851},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.17-alpha.1_1686209865562_0.21172292283617322","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.17":{"name":"@gluestack-style/react","version":"0.1.17","keywords":["react","native","react-native","packager","styling","css-in-js","typescript","javascript","components","android","ios","nextjs","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.17","maintainers":[{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"ad4de89a036544789cffed365de286d38f44054d","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.17.tgz","fileCount":352,"integrity":"sha512-OftoLIFHJcw2Bn0AMaSJZa1FFXY99yrOMapJ9bAYCTuiKWuA9/VU5G16k7ZYz0pXWUHoogWtav9xXNd0AygFmQ==","signatures":[{"sig":"MEUCIDhSmcO0s+1VXkG24ViZfj1OLq6djFXsGDwqtMga2Kh6AiEAopSeP0ocPGftQVNDKbVMINb0y38a2y3yoIzgaue4cRo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":841843},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.17_1686210951000_0.5443288552145533","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.17-alpha.2":{"name":"@gluestack-style/react","version":"0.1.17-alpha.2","keywords":["react","native","react-native","packager","styling","css-in-js","typescript","javascript","components","android","ios","nextjs","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.17-alpha.2","maintainers":[{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"e04cae8ad873e67dc7be72e7c0c3381ffa552760","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.17-alpha.2.tgz","fileCount":352,"integrity":"sha512-daNHwCFcaoQj+se+d5EcZLd7mROuVkUTLeJsq2T6A6PIsqE+FEijfNFefe5dYrsOBzSbu4u2RyNQXYsSGkmp+w==","signatures":[{"sig":"MEYCIQC5dsG9SjHhDteUFYJmpSNKKiaeMnJld5+ETloU6fEnjgIhAM3xC469q61qiFwiJAaQeogIfmkwHnPn1QmOBL5eBlXr","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":841746},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.17-alpha.2_1686216959211_0.2783999784116007","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.18":{"name":"@gluestack-style/react","version":"0.1.18","keywords":["react","native","react-native","packager","styling","css-in-js","typescript","javascript","components","android","ios","nextjs","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.18","maintainers":[{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"1abd98dc38d014a54cd946ec5163db8f9d147b84","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.18.tgz","fileCount":306,"integrity":"sha512-niGrH6qhO1ofBhsKPQUpPDzDt00KIj/18EmipZPfpmLR5NvMhftDZ/ES8+kY4j2DOJeV18eRBuzseVYYp2kUXw==","signatures":[{"sig":"MEUCIG1c2S9mILoMACwhimunyKSEuz3pR6r8wAHfPB7XYGUrAiEAtJknD2RX4vSL7jsFGN4G067AIevTvrTU2gWcrQRLkaY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":840373},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","gitHead":"87e8577a399efd033b45156e92626b589e1a7ea2","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"madhavb230100","email":"madhavb230100@gmail.com"},"_npmVersion":"8.19.4","description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"_nodeVersion":"16.20.0","dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.18_1686218559172_0.7355167648880474","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.19-alpha.0":{"name":"@gluestack-style/react","version":"0.1.19-alpha.0","keywords":["react","native","react-native","packager","styling","css-in-js","typescript","javascript","components","android","ios","nextjs","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.19-alpha.0","maintainers":[{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"58611ceb3685e35cd870aaa2cd1cead4e8ef775e","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.19-alpha.0.tgz","fileCount":352,"integrity":"sha512-uExkel/qhKFD2C7gJwmmofUpW4HfIPx4r+Dq2bdNB99VOgCWC/kzqOU+YDXHy/HNTn2Iqr2K1QghIWRVNW3cLw==","signatures":[{"sig":"MEUCIQDQPOvIWg7A44t0FXG24CsBF88fht6f80JPXXFOcfJwpAIgWzd/OBao6GZi/Cw0az7dYiKFy14LLX3CjGW325nT1eM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":842472},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.19-alpha.0_1686222350668_0.14095967288751998","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.19":{"name":"@gluestack-style/react","version":"0.1.19","keywords":["react","native","react-native","packager","styling","css-in-js","typescript","javascript","components","android","ios","nextjs","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.19","maintainers":[{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"4dac1ef037acfe147b7c21e07bda38f2a779abf5","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.19.tgz","fileCount":306,"integrity":"sha512-2tfDraBLDzj+dbRz/LgDNxMPtUEsv+9K4LsJ1bRNJwKxQDxTpopstp0hp9OSNuyK06e6s3Dv5NJ2RMnv4bxZUQ==","signatures":[{"sig":"MEYCIQClMU0KN0GQMDocu1DTlaoGmH2bha0J+4nxPugP4c0fwwIhAIIFLevcfhVH7FZ52F70zcuFQkutHD8votA8+06esujA","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":840373},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","gitHead":"7fc984555551b5c0e3416fbe718d1e32134ad070","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"madhavb230100","email":"madhavb230100@gmail.com"},"_npmVersion":"8.19.4","description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"_nodeVersion":"16.20.0","dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.19_1686226103835_0.06683584880878746","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.20":{"name":"@gluestack-style/react","version":"0.1.20","keywords":["react","native","react-native","packager","styling","css-in-js","typescript","javascript","components","android","ios","nextjs","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.20","maintainers":[{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"7a00ace8295e93d2960fc1fa05a8af03ffa82ed5","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.20.tgz","fileCount":306,"integrity":"sha512-iFbTukfLp55UjQbN3DBQsun55T7C+vCAiOIuu+Hpmji6h/py3qgqtkJkHabPkIjcRQUIzNsEQXThPLjwJDOZWw==","signatures":[{"sig":"MEQCIH5rx7JUSTfHHvhhE5Tqgn70Fw+8FJH2M5dmv6rIjRiQAiBdpLV3ZcnhmjyNhOj4JV/3k3wzDRHkS7eYThBbBWqNXw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":840790},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","gitHead":"c27d50605d5e55136b4119bf66b89f67867a3a8e","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"madhavb230100","email":"madhavb230100@gmail.com"},"_npmVersion":"8.19.4","description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"_nodeVersion":"16.20.0","dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.20_1686231351214_0.6074922978579052","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.21":{"name":"@gluestack-style/react","version":"0.1.21","keywords":["react","native","react-native","packager","styling","css-in-js","typescript","javascript","components","android","ios","nextjs","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.21","maintainers":[{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"9cc783fa18cbecd8cafde357e36da8d990abc9e5","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.21.tgz","fileCount":306,"integrity":"sha512-kOSFEA9/CA8f5WKULhDVwJoYHVyKVDIAmX40nNUH341k7uZdWsFqerc4VztpK9RFESRb5H5+HqMaT42EMy7CPw==","signatures":[{"sig":"MEUCIQCL3hHh9C6XiYc2DYUx0WZoB6rNE9iZFbh3dbwa0lhCZAIgM26gYUkiPHV7Q737ORFZWccfiRqBkVwZAv7fE2HJmnM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":840302},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","gitHead":"caaf1af72f7fe98f60771eb22e3cf93244ced772","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"madhavb230100","email":"madhavb230100@gmail.com"},"_npmVersion":"8.19.4","description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"_nodeVersion":"16.20.0","dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.21_1686233272089_0.17018967125297157","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.22":{"name":"@gluestack-style/react","version":"0.1.22","keywords":["react","native","react-native","packager","styling","css-in-js","typescript","javascript","components","android","ios","nextjs","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.22","maintainers":[{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"91c11a032f72c2892c66249c4e6dda98c3d10177","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.22.tgz","fileCount":352,"integrity":"sha512-tBsXHzt7hssdg0oRYDujitvm8vELLMdKmAsfT8QuS9lNBa3VA8VoyoaZf93X7Z1i4bT+xC9pk1NbDbBsR04I8g==","signatures":[{"sig":"MEQCIEQ1WR8aMRm7F7Fffx5dPGB7YJs0jEANXtX8b6jmn+32AiB4l/+HYDg4bgSi/lzMxD/0RQqjarTzB83gsDd7rxoIew==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":842477},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.22_1686292792391_0.5326788317579478","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.23":{"name":"@gluestack-style/react","version":"0.1.23","keywords":["react","native","react-native","packager","styling","css-in-js","typescript","javascript","components","android","ios","nextjs","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.23","maintainers":[{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"7636a770f9500047f4154ce3f0c5cd409d391e12","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.23.tgz","fileCount":352,"integrity":"sha512-7PE+ytKnBmpv+G1iIMl84nw0UsgbKN6ElOauoZ+ikFbzNgsoUuloZtUdvNDE3kFxtNmaZ/Xu2+h6dYJty7RQmg==","signatures":[{"sig":"MEUCIQDhBEjsIL1fsbA1fwqEOxPRcGQpCAt3WjTF6a/ASO0agAIgLQdIuO6clwLJPJszPBomDab7NWGBm4gYYxc9jCRfX+E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":842292},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.23_1686300908138_0.5444963452686389","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.24":{"name":"@gluestack-style/react","version":"0.1.24","keywords":["react","native","react-native","packager","styling","css-in-js","typescript","javascript","components","android","ios","nextjs","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.24","maintainers":[{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"e58ce13c9bf94a4913ea3c064a22e16be1b79b9e","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.24.tgz","fileCount":306,"integrity":"sha512-wcTmnocYPBp15f2JtxWyJc8JPGRv+7X2aUw8mRUnT6LE7HOYU4PTgHTg29PQ+3JxW/oocp60BJYJcs+2g4Xd0A==","signatures":[{"sig":"MEQCIDAZMPAyuhcReW2suBZ+j7KwOe/bHbrC62uogJ4VgXdkAiAScpUMBx4PISeVywWwUCS+eJfu1Pg/Pk/JZp7kF1j6Kw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":840602},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","gitHead":"cd8d617b0663834aecbd4f6d6f0e5141514d94f1","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"madhavb230100","email":"madhavb230100@gmail.com"},"_npmVersion":"8.19.4","description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"_nodeVersion":"16.20.0","dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.24_1687240831583_0.5874772229073464","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.25-alpha.0":{"name":"@gluestack-style/react","version":"0.1.25-alpha.0","keywords":["react","native","react-native","packager","styling","css-in-js","typescript","javascript","components","android","ios","nextjs","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.25-alpha.0","maintainers":[{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"836d6baf536e9ed909d71652a6cb574423e7ca1a","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.25-alpha.0.tgz","fileCount":366,"integrity":"sha512-uxBBzEBdR36JlC2tSXwFQ3VpbU583m3WY1LJEkv2QK0YCuyAwxEgbyDgAT11UhCLxilUojL3rVInrMEz+e21sw==","signatures":[{"sig":"MEUCIQCCLb4ZCrL7wKsKMZ/JlX6qQIW8mTYXlQYfb52yGICrKAIgO8CkvjbSKz8+qE6amRngjU8IfUDC4nskISCBv8nFNJs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":860313},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.25-alpha.0_1687344773248_0.04272086975896783","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.26-alpha.1":{"name":"@gluestack-style/react","version":"0.1.26-alpha.1","keywords":["react","native","react-native","packager","styling","css-in-js","typescript","javascript","components","android","ios","nextjs","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.26-alpha.1","maintainers":[{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"c4692d9d4dbae0c483a615b49b40f8c3ef9e6fa0","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.26-alpha.1.tgz","fileCount":366,"integrity":"sha512-X3yQLAC/Q16J9elZKxaikBZWo3g4+CcI74LwgtLFMkzsHxyf+h6pq5rKOG7bvvBHlBtBCtJd8EOy9lflmj2WZQ==","signatures":[{"sig":"MEQCIAg76Q/iYPe0jfcmDybMnA4VecWIK8oecP0c9G+ctzydAiB3WS7kPRh56fSJtPqEhZOTOl4zRWcTvtOaMCp9PCCeWg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":860313},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.26-alpha.1_1687418243358_0.9064558792246593","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.26-alpha.2":{"name":"@gluestack-style/react","version":"0.1.26-alpha.2","keywords":["react","native","react-native","packager","styling","css-in-js","typescript","javascript","components","android","ios","nextjs","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.26-alpha.2","maintainers":[{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"af967a0ad47d5dc0845e4b573c1cc8761073a544","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.26-alpha.2.tgz","fileCount":366,"integrity":"sha512-/0mLOFbNlrwyN7HR6gQo/EafVm3/upHOS5cozWto+YUeOHXQhn1KdcikjbpNZVUo3tdBhB1LO/4e52HXObBuvQ==","signatures":[{"sig":"MEYCIQDx9mYHe3K6H3lCYoul592aFvwEvHsvZlx2p3hIaATOwAIhAMkhysLooqU5269yqftjtjOsOTq9vSqpko4SpbY6VT21","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":857127},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.26-alpha.2_1687435884655_0.17586544143743565","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.26-alpha.3":{"name":"@gluestack-style/react","version":"0.1.26-alpha.3","keywords":["react","native","react-native","packager","styling","css-in-js","typescript","javascript","components","android","ios","nextjs","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.26-alpha.3","maintainers":[{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"a714b447f3b7a5e8d1c7a7dfa6fec0017a4eb6e7","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.26-alpha.3.tgz","fileCount":366,"integrity":"sha512-ycdVpWTyrQWm8VzWnEZ5loRReZ34g+pFr8B3U7PJ1QqdLurEpvciMn4VF0jW2JH90RHGFd7fnzClGqvM+nyRjg==","signatures":[{"sig":"MEQCIFnJrbtkKHkNcEsCTaABu+FPPe86D7tlr48JmKy4SX1aAiB0O5k9pCPUEsWFV7T3Wh5RXCFlCnZ37I701DYr/Fnoxg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":858628},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.26-alpha.3_1687500652121_0.5664418392421131","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.26-alpha.4":{"name":"@gluestack-style/react","version":"0.1.26-alpha.4","keywords":["react","native","react-native","packager","styling","css-in-js","typescript","javascript","components","android","ios","nextjs","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.26-alpha.4","maintainers":[{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"e5f39144930d279f440926868b532a1a36d6e7ae","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.26-alpha.4.tgz","fileCount":366,"integrity":"sha512-pxCoT+6S76pnWkBIbGrnKWddpriS3tZhJ8vSkv4MiGxPm8iDVspGX4bo0mFWkNjTXN/+jET4Qwiex+jyEuGRJg==","signatures":[{"sig":"MEQCIEsTn5dKI2SGxXLNCF4KIC9dPa+o0h2NSwKyBGD9hjVFAiBuWmJxPqE3Srrm5eAj7eI6B2crEH5vgINXu5bzog5N5g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":858610},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.26-alpha.4_1687500744696_0.48930293167085104","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.26-alpha.5":{"name":"@gluestack-style/react","version":"0.1.26-alpha.5","keywords":["react","native","react-native","packager","styling","css-in-js","typescript","javascript","components","android","ios","nextjs","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.26-alpha.5","maintainers":[{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"53fe15748e5f4c09f7e4c5e0aa27e98525888121","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.26-alpha.5.tgz","fileCount":366,"integrity":"sha512-Pq1JzamJRlAH6vfiNQMFCm/TAKCqjQxG9MZfdPnYt6r2SR9Zn/QQ0hpK7xAlFNs6uwrFtzWkRwBOJrhjXnpYKQ==","signatures":[{"sig":"MEYCIQDFSEmaY3aQ3+Jz3Oqv5AFnZoGgHgirADz0WU7AfqFxcQIhAIIgCKvp5G25xKyFDMKOVxMTKhB0gUgdsRr5GDaUsod1","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":858800},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.26-alpha.5_1687501133332_0.6150861186695809","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.26-alpha.6":{"name":"@gluestack-style/react","version":"0.1.26-alpha.6","keywords":["react","native","react-native","packager","styling","css-in-js","typescript","javascript","components","android","ios","nextjs","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.26-alpha.6","maintainers":[{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"02a2afad04bec2b2229bae6fdcf9ad9e3e0e9b46","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.26-alpha.6.tgz","fileCount":366,"integrity":"sha512-Zo/pdC2DvZNTPn/VbwCyD2xu6L4HHwdtoyw2HYZCFnEo0AIpl8tlFhxHXjvRh/MgpPW9eYW4HZSckj3kJCslIQ==","signatures":[{"sig":"MEYCIQCRZ+EhzW7kCe19a0cv4EVY7Pne71APm+D7tzdnLKIDYgIhANfn4iTW/9RXHrj2PfErS0jqkJxlgvqGuyI9tGRus8Ai","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":858825},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.26-alpha.6_1687502176436_0.07548469057209406","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.26-alpha.7":{"name":"@gluestack-style/react","version":"0.1.26-alpha.7","keywords":["react","native","react-native","packager","styling","css-in-js","typescript","javascript","components","android","ios","nextjs","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.26-alpha.7","maintainers":[{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"9a34174ac5f21cc3d96d58c2f513a0e7e8bf9718","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.26-alpha.7.tgz","fileCount":366,"integrity":"sha512-bNEx/X0lfbyVDn0QqVkZK851Ri28evdG4mwUqrtTb6r/9mFcH4vE9bBEFSbLdGYvmBGaPIm8GdG52TIqFq6UuQ==","signatures":[{"sig":"MEYCIQC8fG3VstlpyRal5eVg9MvebgnkV6lhSPnoyTydXLO7bAIhAOHDnDMlPtTr8bmotUh6RJ+vliKVS3bC4rIa1OF5Dl9T","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":864103},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.26-alpha.7_1687774469577_0.4001366271508455","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.26-alpha.8":{"name":"@gluestack-style/react","version":"0.1.26-alpha.8","keywords":["react","native","react-native","packager","styling","css-in-js","typescript","javascript","components","android","ios","nextjs","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.26-alpha.8","maintainers":[{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"7127fe212e42f3b414d345249c503c48e5ed8eb8","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.26-alpha.8.tgz","fileCount":366,"integrity":"sha512-KCliTp4TunvwmB38d4j61EJKE5bMWOYz58fVZjgnukRSSJRi3LGIojuUxrFkr4ynN73Cl4TN2FgsOTw6TJH0Jw==","signatures":[{"sig":"MEUCIQC5RJAUMW5RPAkHTyh7+V2v0guF8RX153GGCmw9x7yUDQIgQB6bOGy/zLBtwfzY+ZGCIx92zP6YyvK8VlUpFXTohTw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":864453},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.26-alpha.8_1687780523522_0.68522113920733","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.27-alpha.0":{"name":"@gluestack-style/react","version":"0.1.27-alpha.0","keywords":["react","native","react-native","packager","styling","css-in-js","typescript","javascript","components","android","ios","nextjs","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.27-alpha.0","maintainers":[{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"ec7272a94ddfcdec85f0783114faf5c94a84f413","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.27-alpha.0.tgz","fileCount":352,"integrity":"sha512-2LI6Ahnmn5pMg/TA+mCxGM5XHMDMqak5S2H5XENjTR86z73XziUcmADpw2ua1ISgct+5RZcacVgw6U2muwgDsw==","signatures":[{"sig":"MEQCIFDe6KnEXxUAOqOHlXE50SDaaK854+Vim7LhPdoqTwi6AiBBX0Y1q0ZMTsnsdRDTzrBb3irCr3zP2WhahTi7iLV2xQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":854843},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.27-alpha.0_1687850891377_0.3893523940649537","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.27-alpha.1":{"name":"@gluestack-style/react","version":"0.1.27-alpha.1","keywords":["react","native","react-native","packager","styling","css-in-js","typescript","javascript","components","android","ios","nextjs","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.27-alpha.1","maintainers":[{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"ed1b5ee0a8649365c9b3c6f91c03a26fe7cba1cf","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.27-alpha.1.tgz","fileCount":352,"integrity":"sha512-paLEd3D9ktkLUglwXD9E2fgSSEVsGJcRZuimq0C4KlktpjN6gyTeezRIIkx5xg44b/aRbqGUi0h4LplT74dYYA==","signatures":[{"sig":"MEQCIGQM6E4Pns+jgYWSPaPor5L7DyiMPQbpjB6ySzYJcJ20AiB9nWaPeIOJ2DguP+RHhLye3sQqVi4KkjO5eOv+azEM8g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":854849},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.27-alpha.1_1687862062768_0.6970636860013923","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.27-alpha.2":{"name":"@gluestack-style/react","version":"0.1.27-alpha.2","keywords":["react","native","react-native","packager","styling","css-in-js","typescript","javascript","components","android","ios","nextjs","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.27-alpha.2","maintainers":[{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"6baae36b9af8a1723497088f391d19cd4993a011","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.27-alpha.2.tgz","fileCount":352,"integrity":"sha512-bb8irVrU6XNL1VaV0d3QjjzQSSfh9IoBhNRnfbNwWuassmarVX7SjSEpCdV1RTY0o2nzEc2Fo1wWMVryXjAtWg==","signatures":[{"sig":"MEUCIDrlL61GGWp9LON3L4S2fdukfzGcWu70ugwgQ9FX2PpyAiEAygXMOLIKS4lSj7CWx91oWFNgwxJEkSmBgcDTWGPFf8c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":854581},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.27-alpha.2_1687863689184_0.7016124719316743","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.26-alpha.10":{"name":"@gluestack-style/react","version":"0.1.26-alpha.10","keywords":["react","native","react-native","packager","styling","css-in-js","typescript","javascript","components","android","ios","nextjs","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.26-alpha.10","maintainers":[{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"e48a5eec91914cbaf9aca83e8f2ede91761e3b76","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.26-alpha.10.tgz","fileCount":366,"integrity":"sha512-6SYDRVaZGvIMDOsJ3j3NMRcBF6bMSdbDUT8b2eTVtEPDvR2SBoWAfVrmN489gWVaR3rzQi2ZFV0wpd05JQ1BBA==","signatures":[{"sig":"MEUCIQD56xTGrzhIF7Ky2qU4HtsTpayo1sINzbU1iqaKyV/kzgIgFpmrmIql3FhY064n7LX5WvMbGdASYN31roy4YlKCgqE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":876619},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.26-alpha.10_1687866641504_0.5280991204416685","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.26-alpha.11":{"name":"@gluestack-style/react","version":"0.1.26-alpha.11","keywords":["react","native","react-native","packager","styling","css-in-js","typescript","javascript","components","android","ios","nextjs","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.26-alpha.11","maintainers":[{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"eac98d7de6081a66ffc6e43aea64aac676682275","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.26-alpha.11.tgz","fileCount":366,"integrity":"sha512-J4dKUQHebLe05aaB9Q0L5fInNxhkxohqo3zL2ZBWuRIZwNz5iJVkQRf5skxPZzKhjN20Rr4caug2JcanyWbMow==","signatures":[{"sig":"MEQCIA7yS5qB5KY1uFmIqFgqm8FVoaOtu3dSo9Yes3qWEXoFAiBwc4R5BSJXIOKbK80Zsmm4VqFQ0g+4nQrqvEa3tjrkDQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":876930},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.26-alpha.11_1687870013857_0.54634711477878","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.26-alpha.12":{"name":"@gluestack-style/react","version":"0.1.26-alpha.12","keywords":["react","native","react-native","packager","styling","css-in-js","typescript","javascript","components","android","ios","nextjs","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.26-alpha.12","maintainers":[{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"63c922e1d435aa1305cea3cc9436d62eac53c94e","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.26-alpha.12.tgz","fileCount":366,"integrity":"sha512-b+ZdFy25RHy3Q7WfaMtQS1rQvzp4C4sbxdXpBFE7N+R/4bYseT4AEWkUL88bibv5jGSUa+4yLVsCPvkOjYsqPA==","signatures":[{"sig":"MEUCIGs/+Yv+TsmGsPMk8gvv6PIUQ/b9Vk4rGbIzzKgVrtdeAiEAoJ/gysFFPtNJa3R8Rjkgj7SA13Xle1igZ4iO/eHVgyc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":875787},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.26-alpha.12_1687935858278_0.4105898007810109","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.26-alpha.13":{"name":"@gluestack-style/react","version":"0.1.26-alpha.13","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.26-alpha.13","maintainers":[{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"8cf4104beb89926b7beb760bd5f436dc0aa906ab","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.26-alpha.13.tgz","fileCount":366,"integrity":"sha512-RJaDuwsgjUdZLKfdrW5imZCyVKt6JsH2mpLS80cVLp3yOEcQZK/gJqe2jIzGdxGO8JQKJAJqyXLzdH+MjwEqtA==","signatures":[{"sig":"MEYCIQClXcKLrHpLjMP4Bv9ykDVleVPx8KXAIIyzuH90IMBSUAIhAOFi4KbzKboFQnC6U6poihf5ZjvfDVhrEQ7yqS/l8m8s","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":875845},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.26-alpha.13_1687949404716_0.38950741225105223","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.26":{"name":"@gluestack-style/react","version":"0.1.26","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.26","maintainers":[{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"4e28e73f5ac41c8474c31d4ed37d8f5c1aef92a7","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.26.tgz","fileCount":320,"integrity":"sha512-DMp5R6dwoHKuNQt4eHypcELFGiBxSlPz4vfUvQpiwv6mJgmhxoNQRKX/0NvK4kxUd58oGbnqxSg06BAeMilLPg==","signatures":[{"sig":"MEYCIQCgnSKpEwmaT9FAQMItcmkp0NO4ZnBaSk36rgRUUaersQIhALAoV+E7IPCFC5FrKzxe5iogMXMe3snTn6WMGqn/L9q5","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":874030},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","gitHead":"3277dc2559d1840b0005eb0ada3bed0124bcdabf","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"madhavb230100","email":"madhavb230100@gmail.com"},"_npmVersion":"8.19.4","description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"_nodeVersion":"16.20.0","dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.26_1687956669558_0.015056518324085166","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.27":{"name":"@gluestack-style/react","version":"0.1.27","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.27","maintainers":[{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"95de55ae3b9a4baa1af078deebb5cbda4f8f6e43","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.27.tgz","fileCount":320,"integrity":"sha512-czcWT/ncXo3luOGywvsCLxvsF8wcMhwdGAOCEOJrZWML/5fhVZTDeu/kNp5I1dRKl0Ggr3qGE+vaYFHBoAfMFA==","signatures":[{"sig":"MEUCIQDNjuGIDGD0AdvjnmEP0ZvZfoeLYHRDHUbcyBf1TRZ3fgIgWtNf01kUdVW8SdIj8chplzqqW5H0jd3H1i4PymHifR8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":874007},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","gitHead":"10e7a2ad43b9db83288a431a07bc75cd3bd51b84","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"madhavb230100","email":"madhavb230100@gmail.com"},"_npmVersion":"8.19.4","description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"_nodeVersion":"16.20.0","dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.27_1687959220466_0.2676289265002312","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.28-alpha.0":{"name":"@gluestack-style/react","version":"0.1.28-alpha.0","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.28-alpha.0","maintainers":[{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"bba6dbc5aa081bf14489f534d6520c0baedebe09","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.28-alpha.0.tgz","fileCount":366,"integrity":"sha512-5BOL2ObTPudPwfxu9riZLLpgGpYafUkvdXDuzXBF6thoWunQj0eq33bjN0mhKbKdJsdCJLZlDOw0gUYdpwz2Hg==","signatures":[{"sig":"MEYCIQCPXD4xv2z96DAbh+rRmRiaIPqxsjFPJ/aY+Qaxw94VrgIhAN+HrPijK7X4sRqx9+ugWhiHVwebFVnigszLHwP2THAE","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":876309},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.28-alpha.0_1688045374082_0.5807854818405487","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.28":{"name":"@gluestack-style/react","version":"0.1.28","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.28","maintainers":[{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"c98e7ae9017715c6015746029e290d49ed6996b3","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.28.tgz","fileCount":320,"integrity":"sha512-R9NDhHOX5aeaHRiPOEYoOY0Xc2g6GviMypOA3Tk2CqoPTAR8SnUr9GBHsOgDgdxIoUJailIVOfmppqPDOj1EcA==","signatures":[{"sig":"MEUCIQDoJLNfpxzMTGKSKVtKerwc9Lgiw9CHbsQiEaJjPTLwvwIgd0+0A+hYKIrd8YA6Wp2ZnzPMY0sSLp0Cs2190eL+0yQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":873975},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","gitHead":"e666b4e790f6d366e567b73211cabcba8f659400","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"madhavb230100","email":"madhavb230100@gmail.com"},"_npmVersion":"8.19.4","description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"_nodeVersion":"16.20.1","dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.28_1688105429210_0.836111384781336","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.29":{"name":"@gluestack-style/react","version":"0.1.29","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.29","maintainers":[{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"e73081d666573bb227659ffc2fba6710cf5b3a49","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.29.tgz","fileCount":320,"integrity":"sha512-aq4yJQvc24FF6Fh6pFxYTIyh+cKl5ibxWIDpS+6c8App4n2SHzfHl4/aVdvKJooGIP4v3mzy9EYFxSHll+Eofw==","signatures":[{"sig":"MEQCIHdIcVDn6ruGwMApmw2aXJRzWiiCp6RQ9w7Ziy0gS0WNAiAk5/t8pKbtVWfAwTUgNM4Yc0ls6P0bl3Bai28mRXFpog==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":876669},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","gitHead":"1e2f62f93123641b23646c5dd175fe651e51fc90","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"madhavb230100","email":"madhavb230100@gmail.com"},"_npmVersion":"8.19.4","description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"_nodeVersion":"16.20.1","dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.29_1688111677659_0.02486009736875494","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.30":{"name":"@gluestack-style/react","version":"0.1.30","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.30","maintainers":[{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"ed0af9251c758ea5653166448be1038f6dd2c834","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.30.tgz","fileCount":320,"integrity":"sha512-ZjCn0sCg0OnqFC5dtDCh+LkLybNYlBx3o1JfkTBeGXn7/v5uMvCzutJsme+1G8AV+jA+YJ4DmKrPty4VMsevDw==","signatures":[{"sig":"MEQCIFqHnevbEmquB8PO5aL/q9XCsMAzCwi6a++ygg8Z0Yb3AiBjaO5FEVc9fgyAR52DKIgbKHbKeS5vhdbTadmfjfk47Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":876686},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","gitHead":"f0f18e03b13050367b08b5cc13c14699942e13e3","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"madhavb230100","email":"madhavb230100@gmail.com"},"_npmVersion":"8.19.4","description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"_nodeVersion":"16.20.1","dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.30_1688472117849_0.05805621354266699","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.31":{"name":"@gluestack-style/react","version":"0.1.31","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.31","maintainers":[{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"07e6740d448a49fa0133b6d94dc6239509f6b2df","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.31.tgz","fileCount":320,"integrity":"sha512-SXVpHJSoNSVFZbOhQVlHInHMloKmZbW0tTzsxbktJcbt0r54dR1o+hsSXfsOBf5aJYLEKaT2jnjXxXAJRE6nOw==","signatures":[{"sig":"MEUCIQCdCW5BcAA66S/n/rAMBaze1KfaGbvqz34aZSjujl92hAIgejmXZhi3UCQ7cVqfX/G7WpjZ9zLqNCn22E9sSalRRpk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":877050},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","gitHead":"c97cec801d5c32fd01ad47cc9a9ee3821ff3c76f","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"madhavb230100","email":"madhavb230100@gmail.com"},"_npmVersion":"8.19.4","description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"_nodeVersion":"16.20.1","dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.31_1688551458328_0.3830556275397765","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.32-alpha.0":{"name":"@gluestack-style/react","version":"0.1.32-alpha.0","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.32-alpha.0","maintainers":[{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"853142ec5ca4d140431ac4f177d8152a3e011c86","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.32-alpha.0.tgz","fileCount":366,"integrity":"sha512-TkICyWMBB5xukmvVotddcJl0uzjBbKL6Sl6j5ATlGYGL9lW9u2MoEUKNxzvuSPZnyz5np9CngpZH/Tvau5O2Fg==","signatures":[{"sig":"MEQCIFpFf+QigbDShL9Unxh96pgykc5TiMuYLUN1RxQB6w4zAiBRwvUW6DG343xqopZufVx3UFGbt6qfjDVsRxBH5y9pfQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":888017},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.32-alpha.0_1688984144735_0.2129896991566691","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.31-alpha.0":{"name":"@gluestack-style/react","version":"0.1.31-alpha.0","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.31-alpha.0","maintainers":[{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"b208ca1db967e14628ce5e70de30a8bda9f201c0","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.31-alpha.0.tgz","fileCount":366,"integrity":"sha512-ogD4eD1+h1t4dd1krh4UCtliUi12+PHb1diEL9C52sHH0O32Kzli/bqExC01GsLDQSvm5pWRzrOCj5OYz0DFJA==","signatures":[{"sig":"MEUCIQCWy8AOr+ETC+tr8M180G0FdUgqJoxcp0h5q5yV2rRscwIgdHS7npk+gWrVZWm1vzo/hkLyo71nyocls8bN9djuxcM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":903713},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.31-alpha.0_1689056656050_0.666723799302106","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.31-alpha.1":{"name":"@gluestack-style/react","version":"0.1.31-alpha.1","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.31-alpha.1","maintainers":[{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"6a0ec616d521e311833b41ae16e91bc547258e92","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.31-alpha.1.tgz","fileCount":366,"integrity":"sha512-iGp0yN7B7I0GeWHqNsqQzt2ekaVX6cVwLOdyZmTpTRfGHlSyP4en/3dTqe7MI6ORD39pMUVNAFbkTRCk1d4l3g==","signatures":[{"sig":"MEQCIH2CrUQH8a1a98+a0E5VVHha88aXBaOw6e1JDqtSCdXaAiAey7zQXrUnTen0q1eWfXqJXsUKQxhdA0GL7f/dChV84g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":904504},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.31-alpha.1_1689057325621_0.2356333364514307","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.32":{"name":"@gluestack-style/react","version":"0.1.32","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.32","maintainers":[{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"4dce72c4d5c20e2fa787401604f29cd3b6ce87ae","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.32.tgz","fileCount":320,"integrity":"sha512-/9tsTxir1rmKI1gkrMuUve4Mpro1v8yFg6XdL+zWFn/LgrfsKeCC4Fkler4r++Db9Ex0kgzePK32HqKD00Kn5A==","signatures":[{"sig":"MEYCIQC4B5o1yjKpUj5ayn3NrPJftH2USghtnrOEcQ1g6LYL7gIhAI3+WgbDijnw0tOUaZpmaIszblTpESr83kH6hl7gVhwP","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":885638},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","gitHead":"bc824a8decfb7f19c1dc2662dfd9e454e8032154","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"madhavb230100","email":"madhavb230100@gmail.com"},"_npmVersion":"8.19.4","description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"_nodeVersion":"16.20.1","dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.32_1689059137151_0.18223285816292023","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.33-alpha.1":{"name":"@gluestack-style/react","version":"0.1.33-alpha.1","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.33-alpha.1","maintainers":[{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"77bef22ce752a693ffc1b18a3ee15651704dd20c","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.33-alpha.1.tgz","fileCount":366,"integrity":"sha512-n3eF4G9pYF2yQOIkIUaVCG1jkIOZC4bz9H5hvi6X6iuBWDuW59vh5FXyQrRFbkDLpxzmFjCh6B5o1kLQUxxcvg==","signatures":[{"sig":"MEYCIQDEztFl23TlzBeQeQC/XbmrCfDc1AhwPPLuy5HnPvAwAwIhAPR3TSEMlwH+lXEcB40A0K4v2afoQMmysaWPTjPb/Hk3","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":888654},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.33-alpha.1_1689161174689_0.4920771739651775","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.33":{"name":"@gluestack-style/react","version":"0.1.33","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.33","maintainers":[{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"cd18f38bf359527e4f79d223bb07e9024f40ba4f","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.33.tgz","fileCount":320,"integrity":"sha512-wBdoOA3i/cp0EcgJnwJgL1a8BATjbX/pCZgWm31N6sZOgCB4Phq7m0bDjfSpeJ8sKpOEDlUP5wYCo7Yww0mbqA==","signatures":[{"sig":"MEUCIQD3Mk3zhRoTZjINYuHDOGgl+lBBDAzIGb6kjKCI97SOoAIgRx97d5OKtL4RYslzcLPhd4r5mlWun2OBnwAT+FHnwD8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":886445},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","gitHead":"ca240d39aaa5fac20da5556e21e3700312802b06","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"madhavb230100","email":"madhavb230100@gmail.com"},"_npmVersion":"8.19.4","description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"_nodeVersion":"16.20.1","dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.33_1689164346919_0.29416478682516867","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.34-alpha.0":{"name":"@gluestack-style/react","version":"0.1.34-alpha.0","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.34-alpha.0","maintainers":[{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"140fe58dd1ebb8a8e83df2be6c001b0386ce2d0d","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.34-alpha.0.tgz","fileCount":366,"integrity":"sha512-nnslWCOa0ZJ2cb05iW9OVumV3xjZQeLxyIU19uj5okFK/Z9geTuYGggGrt1n0XnRGE+JL1AO5AlvNsFBnPGd4w==","signatures":[{"sig":"MEQCIAoigtJ1gD6VcHW14R1voYv0swMDrIhO+D2xrL2vPcK1AiBiPRq3oCXf9aTxTD52xF42zzVRbedMAIbUl8IHJ3bndw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":890306},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"meenumakkar","email":"makkarmini007@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.34-alpha.0_1689681554891_0.6366212622308987","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.34-alpha.1":{"name":"@gluestack-style/react","version":"0.1.34-alpha.1","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.34-alpha.1","maintainers":[{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"cbe4cd0669d1bf20e74c28f3aa5454bdd8055f3b","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.34-alpha.1.tgz","fileCount":366,"integrity":"sha512-bol721NWD5vpIfjiIgVWRFG/eO7UjerQLYnuBHqDWhwL0GHhfGWF3VLOLvPO/yLUP90SFlNvjDno8fO53MWN1Q==","signatures":[{"sig":"MEQCIAgiT5zLYDWPcTk3hTw7ka8wmKDF8iDQ2Tr3tYnnOPqqAiBIxJd12XLre0/GICPFtl2pmwK8Xjk2O71nn3a9lLr7ig==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":890137},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"meenumakkar","email":"makkarmini007@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.34-alpha.1_1689862694696_0.8004674718565488","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.34-alpha.2":{"name":"@gluestack-style/react","version":"0.1.34-alpha.2","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.34-alpha.2","maintainers":[{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"b1598e8c6442a13911b4770c4316a5fd76f8e567","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.34-alpha.2.tgz","fileCount":366,"integrity":"sha512-lKMuphKzDL8IIU5YdxBcM7G2muLsF15Vd0HzbkMMJXbbXf7ogh2FhUtm2/gQHEb61Se+Y9nmeaSRQQKMXOJUYA==","signatures":[{"sig":"MEYCIQC658NPKcNgFj7AL4Palu/P2Ep6GhT1LyFxeW/Uks4IGAIhALW5srAO96sjtN8fzQE4KZM8mlsDRnDhtROmeS/jIC+G","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":891099},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.34-alpha.2_1689923155499_0.0017295241848382936","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.34-alpha.3":{"name":"@gluestack-style/react","version":"0.1.34-alpha.3","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.34-alpha.3","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"c5a8b55f44caa285bb1667766aca23601537fb29","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.34-alpha.3.tgz","fileCount":366,"integrity":"sha512-p6hVIGNR8Dsx9hsaf8BdMF5naByOO1Oq5dGwh6wtvQHq2VIQpgnxOXP35IZoy+Ecd4sR4ZlBwDEQ1x1ungvptw==","signatures":[{"sig":"MEQCIHIMGCWu2wGZeH0B1k5Iac8MyBAqrXiq/iIagSNjoM6qAiATprZJCeTKVVDLsBA47M3qYSUvPf0D031p82iH4FX/0Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":890497},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"rohit_singh","email":"rohits@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.34-alpha.3_1690200980107_0.523240121846124","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.34-alpha.4":{"name":"@gluestack-style/react","version":"0.1.34-alpha.4","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.34-alpha.4","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"972cf979b978e62053cd51538a6c67b22db3735b","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.34-alpha.4.tgz","fileCount":409,"integrity":"sha512-tnZ8pyDEPkJNSXo2kicBpZN1sYIR3zH1GdtZTSWsetWzVVSqXkLg6lPoTnaeZF/Hx0EwspDAuWracQVQV0vNgQ==","signatures":[{"sig":"MEYCIQCfox5NwIXatLywc99UyKn/7T3eIQIMxCa1X6IMeO4avwIhAOXE4qF+aZJuJt7hUuYA4t8IY9PT4ZpWxz3QRkSuaiz8","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":974131},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.34-alpha.4_1690207032952_0.7843658780365259","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.34-alpha.5":{"name":"@gluestack-style/react","version":"0.1.34-alpha.5","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.34-alpha.5","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"021576378ed6eebeecb037ed67f2d94300e0e5d7","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.34-alpha.5.tgz","fileCount":409,"integrity":"sha512-T9U59Mjk9PTRpbDEqGtI17BffktArlx5JIg0Hbml28WE3G4G/mIHl2tIL21IWSZI4auQN97p3/RiLPD99tbIag==","signatures":[{"sig":"MEUCIQDY2LniR99P99MiHQPnBwQFl8kti+8zeo/amc1sSJ4NVAIgFVs6Atiq5i4SIr8btoNLlYjTHIXPiRyUgxWHHr5u+XY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":973675},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.34-alpha.5_1690266457800_0.06389055965045642","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.34-alpha.6":{"name":"@gluestack-style/react","version":"0.1.34-alpha.6","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.34-alpha.6","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"6b7326ef129cad1b91fba1ad63e9fc3371e7c3b0","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.34-alpha.6.tgz","fileCount":409,"integrity":"sha512-q4ij29E36z48UVsgRqjKH1jYWrwwR5ZvYaloEExd/OjFbdCY9l+YCM7Avgv/CiBk0+qP/nJ1E2mY884GDkNdlA==","signatures":[{"sig":"MEYCIQC+1WxqSerGY6rLAOzMWWIBiWd6h9MiftyleUGhhkX/JAIhAM9zdq3n/jMAVWy0b2iEdDVmQjeW8U1Sro1ekSoFZ3bY","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":967369},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.34-alpha.6_1690267398747_0.5372207344781714","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.34-alpha.7":{"name":"@gluestack-style/react","version":"0.1.34-alpha.7","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.34-alpha.7","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"39e40733d9f9799e623dd2828a031d305717fce7","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.34-alpha.7.tgz","fileCount":409,"integrity":"sha512-9rr+99WNdJ8y9m64dZriCav21daYOVL1N9ncQRu+RjYOoaqI3FpBd6yNJ9UW54phaZ/rvV0nj4Dw7EaWtlDd2g==","signatures":[{"sig":"MEQCIA8/GPw4KmlmDjMALoIQFmoUAl4xozVUW0dv6TGeyPvOAiBIuq1/it91N+JSP0uDnZLmkD3ZXiBOzhRXbE2KEqYn3A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":966745},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.34-alpha.7_1690267507060_0.31555952429516143","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.34-alpha.8":{"name":"@gluestack-style/react","version":"0.1.34-alpha.8","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.34-alpha.8","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"4e0675ec6eb53398a8ff6eaee4c502441b36db18","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.34-alpha.8.tgz","fileCount":409,"integrity":"sha512-U21BCn5FU4zbOoWBE6CsJ8f3nb+JktBF7xbeDEW8IxWmVqNTvzYtMdu5WHnQ8j1Wt8IzW2X8jwm/NsmFFPONbw==","signatures":[{"sig":"MEUCIB3P5ShD++LVlxMtNQxh5hfoNykvqngl3vHXTOkW8hWXAiEAo6m+C+vlhzm5jcoSRXuRxhIXRSRRrgvysToiNx5bAd0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":968104},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.34-alpha.8_1690267827661_0.3398189531664184","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.34-alpha.9":{"name":"@gluestack-style/react","version":"0.1.34-alpha.9","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.34-alpha.9","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"3a8ca3d44e19489f7aa370b6ab3323fb92b95fc5","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.34-alpha.9.tgz","fileCount":409,"integrity":"sha512-peMSS5FlCDB4xN5Tc7zcJTnGZwsJNnwtA1ELyK9ml/pOqOHbC1RrAPvN17+4uPgD3zgGnO883cCij/B5SxJyKA==","signatures":[{"sig":"MEUCIQDjTsNheiBd4u0/3vMSnHndM5fSxX45hHGojyfpAe4H0gIgctoXwgX6ykHN9+tTxN8mk8zCp2bsz8D8Fm+1uytoqx0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":968107},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.34-alpha.9_1690268006714_0.4101454799601909","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.34-alpha.10":{"name":"@gluestack-style/react","version":"0.1.34-alpha.10","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.34-alpha.10","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"dc16c1a5940676a216802acd9e4bd735263f8a77","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.34-alpha.10.tgz","fileCount":409,"integrity":"sha512-G9wn0WVa92XnAS4sz1azTc9kWXIlq0YXiiqI16UKXYQKUnLZIUMVqAMJwQzBEWHaXFidG6fES5d499hf7AhCaw==","signatures":[{"sig":"MEUCIQCLV3F0/iB118/8wHc+mD5ZYKF9D28KRJerBSkmw1fyWgIgOA5vlxQmJM1/xQJtGsWui2UJYrq6+mY/MrQYCbrmVMM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":967655},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.34-alpha.10_1690268580915_0.4158041775692911","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.34-alpha.11":{"name":"@gluestack-style/react","version":"0.1.34-alpha.11","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.34-alpha.11","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"fbec8d4b6043f256203bacfb779b85a7080f8b11","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.34-alpha.11.tgz","fileCount":409,"integrity":"sha512-sPHSapf5BuO7WwirVRcukijFpUBolSGc2b/iXDGfR7MPhc4OB8eu99NanNXezjxdaPZhCLz445TnVKugPkVltQ==","signatures":[{"sig":"MEQCIGdSmzkGGH1ZjeraITKEr1GOKQ4Ye/+j1EmPGofAOOOHAiBLB1jim5fibzGY+amQB/VDSCYlsiv6k+ygJq/mxlb8Mw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":967198},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.34-alpha.11_1690269810672_0.4824205875123886","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.34-alpha.12":{"name":"@gluestack-style/react","version":"0.1.34-alpha.12","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.34-alpha.12","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"ac484a544d87e48ea6ef207e1a84f771a7bc534f","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.34-alpha.12.tgz","fileCount":409,"integrity":"sha512-drz0g1kxun3vSh+RgvSA66EPLzmhuRCAjn/X8bAFi8vVTQYDseABiC40NO1V9bZTEcQ6lIAC4Z7J68WnwgiUHg==","signatures":[{"sig":"MEUCIFe5Z842J0l6Gx1RlzqdgeR5tpRPHuk9YZB6w0BK4bkKAiEAkt+5zLxTBhmq//juxiZuW4o3CpPG1rc5s89pkJmMSAY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":966787},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.34-alpha.12_1690271159586_0.21039898624779574","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.34-alpha.13":{"name":"@gluestack-style/react","version":"0.1.34-alpha.13","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.34-alpha.13","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"e10b1ee3cc89d79440cf50c5cb9a989cac971ad9","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.34-alpha.13.tgz","fileCount":409,"integrity":"sha512-CE0TppIxLKgkYXSw9+iqAA+GDcblMR382KR0Jsrli433gjo8CTMGoEqY1iduCSPU23R2JYCxow100h/T27J1dg==","signatures":[{"sig":"MEUCIDTtFxhDrxH5bzlqt+WVKgpbbp5cRKLTryxHFd+HQCg4AiEAw7IP7TSCuj6sODNFno4KlfGgjE/70oIembsl0KshDS0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":966489},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.34-alpha.13_1690271344197_0.5342552123175108","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.34-alpha.14":{"name":"@gluestack-style/react","version":"0.1.34-alpha.14","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.34-alpha.14","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"da9a146ac61ef2971f746e812723a7d58460fb38","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.34-alpha.14.tgz","fileCount":366,"integrity":"sha512-0jS/yZIEBmfwnVL0N6kZ3XnRdkVswyiRXX1PqC0lIWg0vc4Eb1cr5jLGkolxgiKqGxcEi9+nqJOwSkyftJgJEA==","signatures":[{"sig":"MEYCIQCqkMu9cAM+aDM1Byu8PRjVZf3T9SbS6DveeQW32OtHjwIhAP8KRfqh8exfPeiYkf1ewErTE9kgqsZFPR+NxnCgRWyM","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":890553},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"meenumakkar","email":"makkarmini007@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.34-alpha.14_1690284699051_0.3068660572509361","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.34-alpha.15":{"name":"@gluestack-style/react","version":"0.1.34-alpha.15","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.34-alpha.15","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"a61061e42be1ddb2cb4b59d57550fbbddc886ba5","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.34-alpha.15.tgz","fileCount":409,"integrity":"sha512-B+InVtsQoxSp1pTXpsjAWhrW2qZ2W3NI50hIpISXSIs5QnVavpWk3x4m5eMt45wb5BKXqa7hIeiiw03sR6O3TQ==","signatures":[{"sig":"MEQCIGwzy7LcDsDmy7PU/g3+3+4VvmY6QUE9ILxVrq94fIhVAiBfB96ivQqnW1SkRGlwjkmuKDI1kuF8TwTDfWN0I2cdoA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":988984},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.34-alpha.15_1690308890668_0.17951235135022436","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.34-alpha.16":{"name":"@gluestack-style/react","version":"0.1.34-alpha.16","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.34-alpha.16","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"3e8430a037faf1b203b3c012e0f16a9f9a1fcbd7","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.34-alpha.16.tgz","fileCount":423,"integrity":"sha512-11RZtjdiGlbGpSITAG//xQhx16EGoo5LxQmKyMbBOx1BwKFarAKOhmrmyWV+I86ZD4NHscKbDHkV++zFV9eOBg==","signatures":[{"sig":"MEUCIHldYEOref998EFEhkaDNDuf6/RI5Do+H+I6ia2zTnFxAiEA1305lKrIWp5A8bdo2Y1G0wpYXt3MabQ3inWXBeO0hGw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":992841},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.34-alpha.16_1690309950283_0.8373564057143406","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.34-alpha.17":{"name":"@gluestack-style/react","version":"0.1.34-alpha.17","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.34-alpha.17","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"ff9150d569c744bc4fdaeb27e0614301280b9553","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.34-alpha.17.tgz","fileCount":423,"integrity":"sha512-nte176TSxDWgVWAcK4QptwiCSk2dlPVhHMFAMECuWWEi74077somZULCOCW1Bs7r7BspX7mtZVjJnavy+gBDZw==","signatures":[{"sig":"MEYCIQDZVmXEXU28y2ZU09JaqQcPKci47eh7h+JNMk9e5mahlAIhAOf8J2bkqHfjAsUg0cGSY/Lm0+7o1K1+7s/P96meL3gg","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":992446},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.34-alpha.17_1690310074375_0.5344338370461859","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.34-alpha.18":{"name":"@gluestack-style/react","version":"0.1.34-alpha.18","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.34-alpha.18","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"fa77cb98156c21fedeb06ef981e6eefb276b7377","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.34-alpha.18.tgz","fileCount":423,"integrity":"sha512-upspmpfqBbOPpp/j/IIGzS+tDPo84HTwaQaqbGpzXAITL66aCF20HPiuWsJlnnnan/RT4AmbWfTCGPRwEQGqqQ==","signatures":[{"sig":"MEYCIQD2wmH+oDWfQW7+n4sQB5vLx1/+PAK5dtaf1YgjVi4/jgIhAJHCGdn3KCkte4mxVMjpeLNnk+lCjYD3iRlS2YXdL0YP","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":994080},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.34-alpha.18_1690310673919_0.28016988259838915","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.34-alpha.19":{"name":"@gluestack-style/react","version":"0.1.34-alpha.19","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.34-alpha.19","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"8730a9de60ace46a4f0acadd46f6debb4260527d","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.34-alpha.19.tgz","fileCount":423,"integrity":"sha512-iyPYdog2izi9neZzzeX/9tOHPlIt0KwJHZCLaLwyWUfWD+PFqqKNNshofVkkJvxBS/3SoJkGfE7pO8h5vslK0g==","signatures":[{"sig":"MEUCIQCyNo4pSfQGe7RL9+viemQGeSpdGUFcLwhtri2MkRtkCQIgExsLEYHalkt+lF/uwS0HehS0U+3e25dm5byeY8Y18zM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":996871},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.34-alpha.19_1690357630332_0.23893762888081627","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.34-alpha.20":{"name":"@gluestack-style/react","version":"0.1.34-alpha.20","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.34-alpha.20","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"37744a6dbf82b96a0a071303ebfa236f90691b27","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.34-alpha.20.tgz","fileCount":423,"integrity":"sha512-SrqrRxP5t0PHj5uqHpMM8A+KAcze12zGG8wlKIX0idjV9Ot5UFTx8NoyYytgolwrUmYVF3vUmpF6UpIY9l0swQ==","signatures":[{"sig":"MEUCIQCuAnJAoEpm3kMTkawPyylFmz9WCy45grOeviI8TbwjKAIgW0pHwH2YbSt/ks4Pyzqj4mrnMKNpd7dMUPKdr1DJTaU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":999214},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.34-alpha.20_1690365069279_0.00806169078218888","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.34-alpha.21":{"name":"@gluestack-style/react","version":"0.1.34-alpha.21","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.34-alpha.21","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"d88cbb2ddbe6a5189a302993428e206d06c02621","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.34-alpha.21.tgz","fileCount":423,"integrity":"sha512-OMzw/DD1yv4zwRgPc5oGutrDSlmv4xKfRNxk/j7+74p7akWVoihD2DHww6SwO6s8e/76CVaBrhaxUdXlesIjvQ==","signatures":[{"sig":"MEUCIE02FBD4EzlHRqPLOyoogjovNGA9+Cml5ZzJlj04pOr9AiEA+3LeGBtVbUe+AcMeV657ry5WYmn+F3S6e3V1jO+4PJw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1000745},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.34-alpha.21_1690369307411_0.6241563577652811","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.34-alpha.22":{"name":"@gluestack-style/react","version":"0.1.34-alpha.22","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.34-alpha.22","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"80bfd186b407c0187de55073302fd991f3766b73","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.34-alpha.22.tgz","fileCount":423,"integrity":"sha512-icurtOa9Z4I6/wB53UQvKs2FjZg7E7t+EMMZzPJ1581RYeDbHfxcL35qL+xwoOQUlMrowauzzUFQNku5Ek1/Ig==","signatures":[{"sig":"MEUCIDwEuPTxvuxe47DmqwF41jkfOwsZI55SwJ95ilCWCeKxAiEA8xvVdCEdhVmt/LPWTgD6ppxmmLDhbcMIuwdv9VtpOoc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":986215},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.34-alpha.22_1690378813804_0.14564406501980232","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.35-alpha.0":{"name":"@gluestack-style/react","version":"0.1.35-alpha.0","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.35-alpha.0","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"954ba88e6fe5ed4034acc2cf83710cbe64d02c07","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.35-alpha.0.tgz","fileCount":430,"integrity":"sha512-QaJ7vsU4wkilZJT3h5jMT26tJgAmGNzxwChbUd3T1vn645HWtygA1Ewpsrk/uqRAEi71vnUl/CfE9wYblTDA1A==","signatures":[{"sig":"MEQCIH/fWv6tYWybyj72fhkZEuSoWwxzXkk0AFnmAywDMdU9AiB5nxK2sOrR9y5P+ieEm7q4LqXZjEn66UlWdiRurD3dJg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":998582},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.35-alpha.0_1690540025090_0.2402628499887609","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.35-alpha.1":{"name":"@gluestack-style/react","version":"0.1.35-alpha.1","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.35-alpha.1","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"436405c9a35f0fb9e42052013236325c9af5c5cb","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.35-alpha.1.tgz","fileCount":430,"integrity":"sha512-E5llS5nv3AcjsaMEvEFM55Itt0VABMHwCTmuPrnC+7EEKhmVW6THgpFWZucMJwAm+fUtcadwWj9lmTHdPV0rDg==","signatures":[{"sig":"MEUCIF1QNd7TiudGHnCg5rhiBJ9J8n8ASN/2Qkg1okJNfFrmAiEA4BonSdcCa6guTZOUvKfKadMsKDnzkwabkal4qPAqXx0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":998692},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.35-alpha.1_1690541557834_0.3185763125217653","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.35-alpha.2":{"name":"@gluestack-style/react","version":"0.1.35-alpha.2","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.35-alpha.2","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"6470368c6993da7d786d6073812322ff8810afaa","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.35-alpha.2.tgz","fileCount":430,"integrity":"sha512-tjRZ/F48gJlgFEMu+zRlFmQJc0euyZis+ToXxR5MGv5NZSujcm1rewwzKpkZdxyjwGmwYRnwSCLrsvFC+LO5yA==","signatures":[{"sig":"MEUCIEJwnP5FP7z4iuVRtNWrdyAtoQUkJiwUjRdq5gjHA23+AiEAmVxpHGSTX2mKE8GbLoLx42c9zV7+aXyaf4FoF4QNJBE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1001741},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.35-alpha.2_1690544844066_0.9200629845804211","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.35-alpha.3":{"name":"@gluestack-style/react","version":"0.1.35-alpha.3","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.35-alpha.3","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"bdc0f84c6a822f4391a9bf61bebba93e9b6f7ddb","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.35-alpha.3.tgz","fileCount":430,"integrity":"sha512-r+CP/aRG7mT406QoElrHNh2EcW5IOE2OTl5ODXYiFaQ+vC7oxS3P2Vcs5TWvAEp3fwFWFxNdHm5Vi7NeCVOLfg==","signatures":[{"sig":"MEUCIBwJWkRisKTIUVR2UArdA+ZQP2msSkar0HV27DVY9zcjAiEAkIaBCknmud5TAX6Kf3HB8q+VOUac22sDRoG+fbUeW44=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1002469},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.35-alpha.3_1690546918103_0.8750588320056176","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.15-alpha.4":{"name":"@gluestack-style/react","version":"0.1.15-alpha.4","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.15-alpha.4","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"826887356495e9504bc883c280dd8192ab9c545c","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.15-alpha.4.tgz","fileCount":430,"integrity":"sha512-OHwSITsmhsP9mLRRn2uRjLTYeGcmNuUrEJ4aj0i8/8EW3p29nY/6vMTElm4PQ//l9+ql6Ht3812eX+REb3lBCg==","signatures":[{"sig":"MEUCIE0XQMGXeWFUBMhveZNv4rNP6f31KtdelXEltiNiiW50AiEAqOot1B9IPj9SfxcFQsWNhmLNBiXHR00bxNIjgKF6dyg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1002342},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.15-alpha.4_1690549888973_0.8418555159788623","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.35-alpha.5":{"name":"@gluestack-style/react","version":"0.1.35-alpha.5","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.35-alpha.5","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"7a340a40854daacd85ab0f2583ed45ec2995f09d","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.35-alpha.5.tgz","fileCount":430,"integrity":"sha512-xC132Mpu3DTAqlVPbpwAnWnq3CBmMk0u80VLpAVUEJz+C/7xRL/riexNUZarupZqJprmbW+0964vrB3E6U70lQ==","signatures":[{"sig":"MEQCIF/2nvXLV8+zaD2HN/KAUf4jkNRBM3zIhvOyiw6uz3N9AiALpDqkHlPQTlFgWNV4OJfIDYafRw8c5Lqksy0cbOoTYQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1002953},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.35-alpha.5_1690785905502_0.4213302375344907","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.35-alpha.6":{"name":"@gluestack-style/react","version":"0.1.35-alpha.6","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.35-alpha.6","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"afe170503c0cfef7b2084d3e1de0bbbd9d35a64d","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.35-alpha.6.tgz","fileCount":430,"integrity":"sha512-MacLO+dgHRcHkKtQf3+vEAdNuVHRa+Tprx8QJRYcl1eIeBq8rTkhnCvJAsEB10hxMOVdZ6S4zqgVi2A5S8Dtsw==","signatures":[{"sig":"MEUCIQCHFLs1WVaM7iK1DPSLkXSUFQ1u6q0h/u/VJmB2aikxLgIgHi+w04BmIbmaSKRhqPvOOBYf7pp8xDHbIE90xsdGH2E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1002937},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.35-alpha.6_1690789978452_0.3852136834048052","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.35-alpha.7":{"name":"@gluestack-style/react","version":"0.1.35-alpha.7","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.35-alpha.7","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"3bf250b10728bec797913aecfb3adf382261a11e","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.35-alpha.7.tgz","fileCount":430,"integrity":"sha512-2Qshj6pmiD00nGVjfJF+1Abvv/7RBiNrjQ2sLdFtV1Oq41HcsxM6dHsnEdACp9ZGmO/N1FxIFEnQgKolkZfH0w==","signatures":[{"sig":"MEUCIFPmwz5QmXhxyjFS19z5al/DZOqBYW9eD+OOA6g3uRTOAiEAqrkwiMl1sB8+GR2CObjnkmFGqeLkIF6FyPcdyGWdzfY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1003004},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.35-alpha.7_1690797796599_0.20244714317561474","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.35-alpha.8":{"name":"@gluestack-style/react","version":"0.1.35-alpha.8","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.35-alpha.8","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"0bf17f3a60a13cc815232e3c942dbf72e4af093c","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.35-alpha.8.tgz","fileCount":430,"integrity":"sha512-4pC+oEWJq2QGFOr50GAFiNnMCAYEQSkz4U5nyT5sa1px6ym5xJ2QfhvVxrPbLsQgpzJK9T9mozNZ3mt2cpj1mQ==","signatures":[{"sig":"MEQCICxBDNsVUXOWDwcRwoTThm15S9bThThDyIPCe8Pu75TNAiA7EXxRU3DlVGTSqwOjBgHDxPmvCtvunnBv6YD+CnZmXg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1004065},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.35-alpha.8_1690800041902_0.79685448662508","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.35-alpha.9":{"name":"@gluestack-style/react","version":"0.1.35-alpha.9","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.35-alpha.9","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"3319e529c7e1b629ca94f7553deb37ac4bbc7928","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.35-alpha.9.tgz","fileCount":430,"integrity":"sha512-EIoy/E1T3PcOgjnnIejBvffG1zJxX9tsWAesplMcT9H9gg9aWzXdgubeBgdPIkuG4As+cfmA6lpJNW8TkQzo2w==","signatures":[{"sig":"MEUCIQDmpvsV4K3o9ptoEf9um9mk+0e+tFZiux6SBCYUMcYxgQIgJY/vwBvsm16WpuQG+QpZejqiMG+BmUJGo7YCarMtvcg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1005749},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.35-alpha.9_1690873201062_0.671884765640788","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.35-alpha.10":{"name":"@gluestack-style/react","version":"0.1.35-alpha.10","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.35-alpha.10","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"ebdb93cbc14e6fd9358227633cbf86ce2d151f3d","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.35-alpha.10.tgz","fileCount":423,"integrity":"sha512-8JLlLQwm8kus8rjLeQziVolSJrX6fjdT7b16GY2aqXkEVhsJHJcS0qP8puSA7g8zOfYrbH6gCYRgR0JLBu+g6A==","signatures":[{"sig":"MEUCIBratNM8qRmYTksxfB15/v/tXfSaAzCDgiJh9wTsHHeGAiEAxjG+8Jwstt1WBH/FdUrO1zdRqAI8NLgj89iAlyTjVi8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1002303},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.35-alpha.10_1690875439521_0.4549114070553928","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.35-alpha.11":{"name":"@gluestack-style/react","version":"0.1.35-alpha.11","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.35-alpha.11","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"3e4c237b96d0d5f6aba1dd5d0958e55706f52f16","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.35-alpha.11.tgz","fileCount":423,"integrity":"sha512-UrUoaQtSXhIXXcieqruv7Un/sbCttLl+H+u9piLKPsCiDOSs7o5M+XsDPBdjfG6LukgZ9N1HolS5bVZzLjdHgQ==","signatures":[{"sig":"MEYCIQC0gB2mpBm/bohF0AAUw4RLSY6cVgXwITTMgf0H956/owIhAO+KKsiDGB1iOGmIffGdD58JtK9aFxARbufohsGIjpv+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1002303},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.35-alpha.11_1690883602687_0.003001272700317914","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.35-alpha.12":{"name":"@gluestack-style/react","version":"0.1.35-alpha.12","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.35-alpha.12","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"9fa927369477760fc6ffb964ca28fb7d6b801fc8","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.35-alpha.12.tgz","fileCount":430,"integrity":"sha512-HDsZzqMnL3rGed7ZSanFru1PNCbHl68DrDQh9woB3rBub08LPVdkNuGZ5sCorSkKHbkQoHx4wv9G47mbVMDgDw==","signatures":[{"sig":"MEUCIQDEqqgpe2sW131vQTleQ56nPtyvhi8yxbfAAyPtpcG7rQIgejMY5dYbKieZDTUA5mOmNyOevhYx5DWuwBiCyK1FkpQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":974367},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.35-alpha.12_1691476420393_0.27628391795151996","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.35-alpha.13":{"name":"@gluestack-style/react","version":"0.1.35-alpha.13","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.35-alpha.13","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"38e8242d42bba8a9618e5cb6db42f733e18765cf","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.35-alpha.13.tgz","fileCount":430,"integrity":"sha512-/gtQnahEeqy4Vu0RQbfPB/grZK8Ce0VJTwdlrvS+/vGYsuLYZtnZKx3QQ/WzSRI0N4mKf2edpEwST6iFPIlycQ==","signatures":[{"sig":"MEYCIQCA9YqMgzclqjiPoz6MBH6UhwT3VkkD2TgwnPcz1ZzAzwIhAKjJrzTNtBAdyMEKaHMYSlcuD0U+9si5XaKQa3wPGKmW","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":974087},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.35-alpha.13_1691509717386_0.6445999954019812","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.35-alpha.14":{"name":"@gluestack-style/react","version":"0.1.35-alpha.14","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.35-alpha.14","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"6b9cb8c921866f0c095726ba5c8e9cdc87cda5e7","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.35-alpha.14.tgz","fileCount":430,"integrity":"sha512-7DrIY1b4dEnGlzQx4FQ7obt5gXEYoRkgNM8ssV1r3qpNqWDTExoB3rOV68EzUAwBX4Rbb0IOhb421iSCWaidkw==","signatures":[{"sig":"MEUCIGHccU1ptrDysQZqj/4CiyyJa2QqQU4QqbHz4n0HqcjmAiEA1xpbpfVN8RHsLothhMgIqm0CjdPTM8NV4LmkCoLmEzo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":974258},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.35-alpha.14_1691512306871_0.3438043807253939","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.35-alpha.15":{"name":"@gluestack-style/react","version":"0.1.35-alpha.15","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.35-alpha.15","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"0705b51e2ad82ecf854030fae828c09e9c1b5cf1","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.35-alpha.15.tgz","fileCount":430,"integrity":"sha512-LGfwbfFbegjN05TbgJrGPA8wqyN6e7F1qiVu6/+4hL9b7h0f/fpZH8pUYwiU6braK+aLLCrMLg6ql7RHDsro5A==","signatures":[{"sig":"MEUCIQD2OjVGIN0WpLrpPjJ07BWjLN55LTONc/6L0h+oZMEWNQIgLD7tA6j6QcdKZwDUVCpbektfBiDyPpr75j55jCIdYjg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1022191},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.35-alpha.15_1691653958941_0.1477577308230822","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.35-alpha.16":{"name":"@gluestack-style/react","version":"0.1.35-alpha.16","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.35-alpha.16","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"827d1082f1c4f32c24f622062f7053350cf1e9c8","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.35-alpha.16.tgz","fileCount":430,"integrity":"sha512-ZSjargN1f7bUNaxGlo2mYoW89KXuu8dIOfywaDMdgzuztV9zMmoLG4IazXqXz7LZoFb4GYTLdNOqlTYbkotbEQ==","signatures":[{"sig":"MEYCIQDmAUUKY/6t59+Q8QHZ/N/Ct01ietBOJP67YOaVllDGFwIhAIULYiMlL3OYt1a/iuroFxEHLhwu+LlgFDyTRPVFc6C2","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1017132},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.35-alpha.16_1691673135986_0.0862866723976623","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.35-alpha.17":{"name":"@gluestack-style/react","version":"0.1.35-alpha.17","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.35-alpha.17","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"fdc5278f45f8c5a8c7ddadc00c74a01df324b3f6","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.35-alpha.17.tgz","fileCount":430,"integrity":"sha512-EnMmvkS0QUE6tmjWW2lLXHpbGyfb8bu0vYJexiHK3+HMzghD0lpvKo9H5YcyGwzHx+S2HFUeRnXnUdkPeW7hPg==","signatures":[{"sig":"MEUCIGsliIPxmMZu+LFI2dj15MqN4Bve9oBhC1jTCGaJnz7PAiEAp1zBiBOvyPdCPaEgYRNdp2/BrxB9xdmLZOgHnVORxck=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1014505},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.35-alpha.17_1691740353158_0.49873792514789606","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.35-alpha.18":{"name":"@gluestack-style/react","version":"0.1.35-alpha.18","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.35-alpha.18","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"5156295a1532272fd95c7e294e613e09ed4b9122","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.35-alpha.18.tgz","fileCount":430,"integrity":"sha512-cNXnN4jzdU+Ue4yuxE86n2qn5AO+jDf7tqvOYxIKKI0hBWgvtnSTYwXq6B33IsH2WzPvNxPTny9yVXJBqZXaDg==","signatures":[{"sig":"MEUCIGpClX1v00sO0t/hPb4yLwY4ZQj3rbGughCy9gAgqVffAiEA+fWgPi3kdEZWDr5m3ey1W8bRCYa3yglYPGdF/Rnn1ms=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1012074},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.35-alpha.18_1692262468999_0.7832222742276911","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.1.35-alpha.19":{"name":"@gluestack-style/react","version":"0.1.35-alpha.19","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.1.35-alpha.19","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"0a94d5e7c0ebaaaddaf6cf24032231ffff7ca345","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.1.35-alpha.19.tgz","fileCount":430,"integrity":"sha512-rrqIlGISEAeH8Cccv4+3ml4sT4VBOUTqS5etYR9zD4rOntaqoChO0vsTwXwAGmdAXU25+ClC+HvBUisZt9Nf6g==","signatures":[{"sig":"MEUCIDedNhYElqp6ggujA99OSdSSGlx1SNEyGoa9BXcBpJG9AiEAsje8HRLtlvthIbCY/AwAsyJ+3gA3aPzoQn59FKtl0CE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1012557},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.1.35-alpha.19_1692273135689_0.640501895619682","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.0-alpha.0":{"name":"@gluestack-style/react","version":"0.2.0-alpha.0","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.0-alpha.0","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"858e8cfd23da4ebeb0d40c1bba70b74917cacfc7","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.0-alpha.0.tgz","fileCount":430,"integrity":"sha512-tpGxblhA8bxs29TF2kg2PZ0TCsHx2Iq4cGSV37EcY2VNcrWsSFXbPGUbueiXxnv+IO0hpQE8lVNRIYVZWqNpgQ==","signatures":[{"sig":"MEYCIQCJfdIYMuCUXMNBLCACjqasjCOGdaku1mh5mZYXQOHhKQIhAJg7ackekFwZ79DBr8VzRxAR40Uk7AzqgTv1PnHcNjDh","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1013310},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.0-alpha.0_1692283843955_0.7198331061145189","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.0":{"name":"@gluestack-style/react","version":"0.2.0","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.0","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"7c819bad1e1872a6d5680a84cfed82e0b7f8678e","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.0.tgz","fileCount":430,"integrity":"sha512-6XuBXkg/HSX4nQ3I3aL6AF19V/N3Ah0btu1r9Lb6PcKduTMUieuaSNDnclVRNAmkhqTK0ueTii3xQAGsWRkwrw==","signatures":[{"sig":"MEYCIQC2II390rSaMHnDIyag5Qe3+P3+6EexLdupdKpAKxH1EwIhAO8ccR0zDI4p/btNS1/CrTexrIeKnS6kjuu2cXm4YFF0","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1013302},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.0_1692286091673_0.8024814069563551","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.1":{"name":"@gluestack-style/react","version":"0.2.1","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.1","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"b4f9fdeb6ee51d8bcdb756461650c6bac0a54cff","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.1.tgz","fileCount":376,"integrity":"sha512-qH5X0D/zDXFN+gXOFPhX/Qi4Y8AJh5UJyE22UDVVLpAFnTCn49R7nuC4dRZQCSPBqgoXzhZr2Mv9ytjFXKEWsA==","signatures":[{"sig":"MEUCIQDxkiptNw7QOLNUyGQZHcAg5nKe/bRLZsEExdYoz7//hwIgcJcua/0kvzALan8i4uWsikaZPiFPmv0JZgfif18Xknk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1010714},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","gitHead":"b2aa6712f8b4f3b9f8eef0960703824477fb295f","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"madhavb230100","email":"madhavb230100@gmail.com"},"_npmVersion":"8.19.4","description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"_nodeVersion":"16.20.1","dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.1_1692287355511_0.08412629376078207","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.2-alpha.0":{"name":"@gluestack-style/react","version":"0.2.2-alpha.0","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.2-alpha.0","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"22a1034c503268c12f987cc9cc6313241a975c8e","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.2-alpha.0.tgz","fileCount":430,"integrity":"sha512-A78PZLJNyqjqnG3vNyY/PcTfFafGCZ+udUmH6YAhHqtbYLw8M8JA+zVH61IXA0mH3D7Nq7OUhQrzqpl7ko/hPg==","signatures":[{"sig":"MEUCIQCxcCXRjxMVOpbH6bO5S/l4cjePSevu0AVrwdIGI9RQFQIgBzDxWLWGkB6ZFo0Vqp5SlRAcex1yttfnlan97gPdqcg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1011216},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.2-alpha.0_1692350147093_0.5052937030366702","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.2":{"name":"@gluestack-style/react","version":"0.2.2","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.2","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"19f0dee818ddeab5cbbfbbec60cb347575cda082","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.2.tgz","fileCount":430,"integrity":"sha512-yjv8u+s971LidcQxys7pF5hrGgsb8SyRgc2De4gI7Z+wlYdBGYzshwzd1LCaeUDYX5dVi0kGDVRmSh0ZvQl5fA==","signatures":[{"sig":"MEUCIHMoMzVB7U8f+j/NynaKtjr10JONnrz06nmi8wQFvKAtAiEAyekonrCLwXdJYSM1dixr4CC0WrqYGi5jKpOcwZdNweQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1011208},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.2_1692350418312_0.4529564693883783","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.3-alpha.0":{"name":"@gluestack-style/react","version":"0.2.3-alpha.0","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.3-alpha.0","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"540e2d70854b914cfa67b88b18eea561056aa61d","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.3-alpha.0.tgz","fileCount":430,"integrity":"sha512-sF57B/Dv/Lk0oeTZMk98E2fonqhaVcdECw8g5bghD8Wqd0JlPexTSAfaqzXnyUr9UhVxrW8H5CipMoKei2zRGw==","signatures":[{"sig":"MEQCIFgmyqIgXin/7qEMKmSDUsgD+gl8SSKnVlRhWJFNhnBYAiBSCe8z7dPx8xv90XzRHLQmkeb1DefSUfbwDOy6pfqfDg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1027459},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.3-alpha.0_1692355930061_0.7604179674143092","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.3-alpha.1":{"name":"@gluestack-style/react","version":"0.2.3-alpha.1","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.3-alpha.1","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"ccf736fc975076750854197b67f23440fa598a38","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.3-alpha.1.tgz","fileCount":430,"integrity":"sha512-d7K1vqHlNHXeh2DvFZdvwy2ff5IqRBnOh1M6HIAIU7wHjOKU9ogk+PMtu8ZAWsSpy4+CwZdMJxrbRBLuB64EUA==","signatures":[{"sig":"MEYCIQChP7Yz1uZPaomtcFraYTerTXM6/mqtcRBzb+sl4IXxgAIhAI+KDGN4b+u8xhSvBktbIRLAHE46yXw8aA+SmiY0qeSL","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1029093},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.3-alpha.1_1692358992644_0.17180299557033019","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.3":{"name":"@gluestack-style/react","version":"0.2.3","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.3","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"cb48b2ceffda467849953872bd76433fd88ef664","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.3.tgz","fileCount":376,"integrity":"sha512-R1U3BFrDMvlWMdzbumf9RDAl9d39JtfPWlaAeZMXWChy5b9sKbcIx1YJbmXpAaPrd64yw1T7TpdGRTowW+N0QA==","signatures":[{"sig":"MEQCIASZ5RHh1VayMjIqluq9lUSixqH4HwbnN63I4u/aKAweAiBCs+WKz2JcAHl0JnbBom6gwdDt1y1bAgtf2Ti48i8/Kg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1024445},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","gitHead":"892d6449f0c197dc52b05ec839f7146c4ec59598","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"madhavb230100","email":"madhavb230100@gmail.com"},"_npmVersion":"8.19.4","description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"_nodeVersion":"16.20.1","dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.3_1692360270215_0.6905732061972596","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.4-alpha.0":{"name":"@gluestack-style/react","version":"0.2.4-alpha.0","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.4-alpha.0","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"e9843a5fe693aa5ad0b418718ea80c52e751e4b8","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.4-alpha.0.tgz","fileCount":430,"integrity":"sha512-E6n3l7qLNrgITDAiuCBSFRb8IymF6NAY8uwVJG+S+xjV3Ya2DC+WkNgWvXctY9AIiXSThhd+WTOkHl3+TAalmg==","signatures":[{"sig":"MEQCIFOn30YrpVpdPGj20KfmKZCSEZ7t/5ulk+BvVZhZXTg2AiAV86M0Waklztc3P5jkrPWsKqJdRFgRWaCylDCmB0d8mw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1015787},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.4-alpha.0_1692380325180_0.26264375501125414","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.4":{"name":"@gluestack-style/react","version":"0.2.4","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.4","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"9c5d346ecd03d145497eb80c05619d212b3f24ac","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.4.tgz","fileCount":479,"integrity":"sha512-nfaINgL3SCm07H3FHcixM6NF7NPlg27Kin7V0CjR4pZFRQBsmY58pW20zUW8DaKlzaGWlLNJ2nn0iuwVf5fldA==","signatures":[{"sig":"MEQCIAp7IjINoHLlKVWcI6TG1iS6oyOnKPYD6+ahxwX8U/1uAiAmLehrPcrCmkoafnMFKRwup+M7pENo0wVWmSZ6+V09Jw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1051504},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.4_1692789270733_0.17276591371216554","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.5":{"name":"@gluestack-style/react","version":"0.2.5","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.5","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"4aea9905e8dd529829c14c921622da9f81cea073","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.5.tgz","fileCount":479,"integrity":"sha512-8fYcas8WcbWlL97t2QkjXKwJuOYV+J5lDS5rZ/AKlLPFA4iD/nB+7K/bWhASdW9k0DdkqKJt1LH0RCAeIkm4uQ==","signatures":[{"sig":"MEUCIETjMAnpfJjPdN3lYuy7rirvHwpjgVVBnXHiPw422NxwAiEA/6Gj1Y2M5GbvPCWS+AGjQkFEhdoGwl1rQIHKnIrxllg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1057749},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.5_1692796678574_0.6406210095422173","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.6":{"name":"@gluestack-style/react","version":"0.2.6","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.6","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"c7fbe575b43ed3bb0f4b269f1020587a8f72a526","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.6.tgz","fileCount":479,"integrity":"sha512-3GPrkuv9YWz0T9JsG1rsRBPmXHS7zQI/lVMwHN4GQXuCqGHCAcNrtZnyoXVqcGnJUGT5MV0x+QtiXMbFRdaF8Q==","signatures":[{"sig":"MEUCIHXPWVySQl0eU0UYphpPw9JTCtLMuTc1gF3nL97+LAYGAiEAqWDMtA+dSg5ZeSD/qmZcqrqtTE30AJlziKxvVMBD/Nw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1057749},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.6_1692797831278_0.6152118663860313","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.7":{"name":"@gluestack-style/react","version":"0.2.7","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.7","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"f1d50a4ebdc8754d4466b196f1db0a0bcf9c62be","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.7.tgz","fileCount":479,"integrity":"sha512-KfA8yW47uk19chX+Ib/y0HTHaitEIBfVoDD1GFdvUfUbVBGUks9lFqvxbFAnYsWaRgkf65/z5FstVwsls7ks1A==","signatures":[{"sig":"MEUCIQCIi8kpYRgOMaJE1dqNWg2tz1+Ybuvv3BjDW29lDWTLJwIgXUuFZdP7/WSUfbmcUGBUXv6Ecotc6HpoRKTL870dzAU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1057366},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.7_1692798503466_0.07884267675777679","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.4-alpha.1":{"name":"@gluestack-style/react","version":"0.2.4-alpha.1","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.4-alpha.1","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"f3d69c9af2586606346013dbdc27c6d530005efc","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.4-alpha.1.tgz","fileCount":437,"integrity":"sha512-eTFnL+cDqqecVCYZ9UFk4JZF05eBOboYRLZEn58LoGfQXKu/VRwVlcbhPNjvn73+dbUeQffJu4O+cWa0zdQPtQ==","signatures":[{"sig":"MEUCIQDCCNV4vsM9Gv78x9gzUlhaBq0WWFwS6KoJWVHdmkpXngIgHCu1vIu8kYVDed2I8BqGAG8hZ9IBeeXxIK7txW8kw5E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1025733},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.4-alpha.1_1692800362025_0.44877234431421065","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.8":{"name":"@gluestack-style/react","version":"0.2.8","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.8","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"5ebe19d997b513e9ba11f44a012b1dfa1c1c4c24","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.8.tgz","fileCount":479,"integrity":"sha512-CEJ/49CFfPNm0qVYWjaKz4xHK4MqmjYZ/PbBfDOZkiEBxEpgPBx900my7brCkRzVqvJlSaa2MCqsrY2W+3nvIA==","signatures":[{"sig":"MEYCIQDuq9j5M7MazCArdpM6wpE2ScgSpT/kE8fByZ8lru9zDQIhAPUxV7uQq9cXHV3ekwfJzKc7QwGlfdqaab0lwvYLCBzt","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1057396},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.8_1692861071738_0.4160359383319212","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.9":{"name":"@gluestack-style/react","version":"0.2.9","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.9","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"ed486f3f4c1526aefc248702fecc7b83ef8a9cc6","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.9.tgz","fileCount":425,"integrity":"sha512-jWWc2Rksjjc4QQVJzo1hh9JvWJ2LLwvdTb9bbB3L5+tkKGKb4029W6m3xaxRmF05n6Yu3OOZGfIH7vigWMueHA==","signatures":[{"sig":"MEYCIQDmbWoCCIT3JgtcmtdmcELe+rWhH6w8BpQJGSsWKGClZAIhALp4OxZxHAZ4Kh6wDydn3mY1JwrhZd5glW5flVrTOyFU","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1075938},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","gitHead":"d65baa4e991e9852e32143aacf3c6dc6dedbf60d","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"madhavb230100","email":"madhavb230100@gmail.com"},"_npmVersion":"8.19.4","description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"_nodeVersion":"16.20.2","dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.9_1692956351461_0.49762085330310746","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.10-alpha.0":{"name":"@gluestack-style/react","version":"0.2.10-alpha.0","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.10-alpha.0","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"e4c53045ac2323793be7bc01413074be1c26313a","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.10-alpha.0.tgz","fileCount":479,"integrity":"sha512-FDhAm9fHZKDO2OOjW1PlGQFAiNurWz8YN0r+xtxmVBThR8jBKeXEHZH+YtLK/Xya7IhKsrDzz/jnUhCH54u7Rg==","signatures":[{"sig":"MEUCIDlvfImSynVkzIL+TonEWnQqE/rsb4W17WqnCzip7SqvAiEAg+P808lpb414jWdbk+8s/ksMg3yQ2PYoE21DNj+/coI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1075136},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.10-alpha.0_1692961682791_0.3894662862765119","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.11-alpha.0":{"name":"@gluestack-style/react","version":"0.2.11-alpha.0","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.11-alpha.0","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"890724f7def8e0d98108b1949c9989eaef4d689b","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.11-alpha.0.tgz","fileCount":479,"integrity":"sha512-rKGIegrfpjhp32Eop/ZjIHp6JUVYNO56ONUMVQU/1cXSFueEqhhDEmh2d1Kl6nQtmyLQEdotSlpflugyTxt2QQ==","signatures":[{"sig":"MEUCIQCPtT4xb3DCpgLJ1MrJgt2QSHMuFUmirTOn5tlg5j8IngIgKQv3iuXMRxI9TIiuQ2X+VoqGmjjar0HeobYy6YmeUqs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1096274},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.11-alpha.0_1693222122733_0.3960794689184952","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.11-alpha.1":{"name":"@gluestack-style/react","version":"0.2.11-alpha.1","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.11-alpha.1","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"a75b463f2f5fc8e95e312ba0018c55817aa36894","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.11-alpha.1.tgz","fileCount":479,"integrity":"sha512-mpdTC8TaYSvbTmRdYkAumjSEpKoTLr4aupKwVnI8+Luk58tN3u9Xyyjuu8TKA5WxfLQoswOXYUMKvIQt7r016Q==","signatures":[{"sig":"MEYCIQCNpmscUVTmAOfdvN50mSXK+ZxTLlQWrUxJQAJue/uyXwIhAMERf+1DWINXpf7bpqLp8lnG6gujKper3DLyL9LYQ8xH","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1104910},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.11-alpha.1_1693224526716_0.51840455002511","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.11":{"name":"@gluestack-style/react","version":"0.2.11","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.11","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"b02419c44129931320f0bf8e20077ee9caa42a6d","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.11.tgz","fileCount":479,"integrity":"sha512-pVzBkvN9Xwr5ik3Vh5jV6w4kzOfDe3Y+LHQZRVJFO+25PSvkArcT61Y14jOguCrh+6ka/jaX6LfQoS2Xn9TlcQ==","signatures":[{"sig":"MEYCIQDBVL7nbUIvClBwW8RnPEuYE7EBFgPq4+vePXL6kgSCbgIhAMv7gtyPeceZ9vJ3WWyGYSmactkKSSt6xbvPCV6/FOWf","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1104902},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.11_1693224715110_0.4202535885779932","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.12":{"name":"@gluestack-style/react","version":"0.2.12","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.12","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"433cba2cb5c586060212176f58b2a52a7ea5ac86","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.12.tgz","fileCount":486,"integrity":"sha512-jHajg97ktqlPAoAnZhKRq/x4vAEHty4zxcF0j30dG6gjVhXoRMp0AqB/7iMZaLSJr2+wfTAYnUDJuw54DiVFrQ==","signatures":[{"sig":"MEUCIByLVnj92jv+p4ljBQkLunWm4EPtDC1SE9Ta/XuhCqNKAiEAw1nCctujwGNN/l4K3TAOPVy6hQtbuCYs+JKIoxrP/R8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1139052},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"viraj-10","email":"virajjoshi132@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.12_1693474961032_0.058089331961829194","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.13-alpha.0":{"name":"@gluestack-style/react","version":"0.2.13-alpha.0","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.13-alpha.0","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"73ad3ad0be049b2f1361ca820b349b229a51e341","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.13-alpha.0.tgz","fileCount":486,"integrity":"sha512-SYH0ghAlK9ZmpC4sD5+RmwMhv0PkyS2zq+98mht8Svtuwm3IXsYM8xGsqYDrfqWgZdncdpIjeXy7kbT8+l+GLw==","signatures":[{"sig":"MEYCIQCWvId+MapbXektHeKC7GZBG/9545+Rn/4LYQ63itlJcAIhAIMrQF2NexwThiM6fQRvDhOZvbpaQjxvpFq9/CgNLBwx","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1139108},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"viraj-10","email":"virajjoshi132@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.13-alpha.0_1693475850157_0.5801712545092177","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.13":{"name":"@gluestack-style/react","version":"0.2.13","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.13","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"2b549a5f8d961f4ba3fa0c2d78aa7aaf612b8cfd","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.13.tgz","fileCount":486,"integrity":"sha512-3LulD7YsZ0OY5+NZAHlEBWf3KhjYVzyPJ+mLaEsMkYJ6rVpNMpenSvpBVruFCV0U+eMmZw/PVjrtTQ4ygWpDwg==","signatures":[{"sig":"MEYCIQDqlbwYdhbqPgH9+VsINo56EzJnXLlmARVdaz7rDMiU/QIhAKKKKOFQes5PSD+y36rC2bomAkMSraVOGjTDkbkUSttj","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1139100},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"viraj-10","email":"virajjoshi132@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.13_1693476777491_0.6498725317241223","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.14":{"name":"@gluestack-style/react","version":"0.2.14","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.14","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"2f6328d2eca6e70c8dd4cf8678f4d6040dad81c9","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.14.tgz","fileCount":486,"integrity":"sha512-siy4fOU4bYlNg/VzqUzVT4LDY13ZWHybEIHnZYrZuyDy/glr3aF9MIiHUcnfaQFsBaBZMn2vTzsE1COtnA1e+g==","signatures":[{"sig":"MEQCIGT8AP9AwzHtoCWv3IB+y8tBmwVHpZUQn4JpjTsWn/zeAiBn2vWzZjt7CzY7KMB62BiA1BvLF8+klVCTXfHUrnd7YQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1142384},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.14_1693482834736_0.6325809480521518","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.15":{"name":"@gluestack-style/react","version":"0.2.15","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.15","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"57b91cbde93f683ce768eaf88e677445a389e1af","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.15.tgz","fileCount":486,"integrity":"sha512-UzQx5OYUdClc6bVnutyUJHpA2T2BQLgLShMY0ymbEaOyGHwDzzUUij8+GJ1rnP+F40fnQRIt75G8ODpmzWBLHg==","signatures":[{"sig":"MEUCIGeNTqGOTkPPu0VEZ8lSEE0wnSEpG4BorSZO1oXcpzjyAiEA1T9cZXaEwzN8Yq0UI8Ekhxvq35wU21jICtK/0JdFDTA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1142536},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.15_1693482975596_0.6267489137241451","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.16":{"name":"@gluestack-style/react","version":"0.2.16","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.16","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"9963b04fdee85e90f6e552465b3c433ab87bcf9c","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.16.tgz","fileCount":486,"integrity":"sha512-SsDYSOMi6oBZqBNf974esxOo7Mf6SRoorWIifb+onsQgRc4aWUFSlj+CWbwn1e6yg0UJYkolHBpYJ3WEprdtow==","signatures":[{"sig":"MEUCIC70uCUB0cElhSwI/1rp1WEFTNbs1/+EYeN1VCdUW4gOAiEA1DzFzDR+IZRz38HERc2Y4vrbaQG7vOWkwkeMQ8szSTk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1142630},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"rohit_singh","email":"rohits@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.16_1693485443905_0.6802076719112082","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.17":{"name":"@gluestack-style/react","version":"0.2.17","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.17","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"8af4c3dedbbd9421e776dee687575702d7ceb692","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.17.tgz","fileCount":486,"integrity":"sha512-EDs8rOuuWrnHfIj2UdeCiSA5f8zyZRdJwkmIobfTxSdYbWlJd0Axy41pXckaZDEuyZeCQCUtBiL95hTjC8exzw==","signatures":[{"sig":"MEYCIQCL4xcMfhaT55+kGJhq5ZYfr/2HjVk6IIePv51iY0umyAIhAOlkr9seEI4KaA41kPcW4ZceO/GL8A/ZczZuX2OzxFiv","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1144447},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.17_1693489888318_0.2181186647633233","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.18":{"name":"@gluestack-style/react","version":"0.2.18","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.18","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"ad3eb87b7822f638c47f076d4311b604c5e9570a","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.18.tgz","fileCount":486,"integrity":"sha512-Mwnk+qRlbwgORgiH4bG9HP6wJtyjWbs0a18SaCsAE7ZOKRCziL6YJLoQfvhbbkry91Bb0MaKS4Ae20q4HIoncQ==","signatures":[{"sig":"MEYCIQDFmA6+Wd0zUrL4IAmWRKeubwq+0cLzo6YNMsvT8RG14wIhALhalip56a7tjp7iECCASJTtxBEKQbuNR1JvODVvvffJ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1144447},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.18_1693549043369_0.7338229584453531","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.19":{"name":"@gluestack-style/react","version":"0.2.19","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.19","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"5e948aa2bf8127fdde09a59156dc85575734d09f","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.19.tgz","fileCount":486,"integrity":"sha512-Y7PMRyUREqBUga1lRyyEjxQT1xs8Te7vJYhwPaUCNWt7WbT6CJj9NCQnxcBhGlSJzA1bXsylpjbwxZRz68m8YQ==","signatures":[{"sig":"MEUCIQDTWf8ugufF7Azj3YfHIssMNSKXUqzoEpTqPon9qdlgawIgW14rg7H2fs2unK6cylq/YETtjRrypLbZqie91uK5xFs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1145355},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.19_1693549932706_0.40580612150611484","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.20-alpha.0":{"name":"@gluestack-style/react","version":"0.2.20-alpha.0","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.20-alpha.0","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"adf99b4341a00991690e8a60078269cc379af843","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.20-alpha.0.tgz","fileCount":486,"integrity":"sha512-QD0TASP7qj/0cm5puYlCiKZCEkG1ousZ24cHiVg0qfMi7TsXzDg2dHJxKkzMRtNS2XJNXu80TYDcBDdLbttZEw==","signatures":[{"sig":"MEUCIFDdbN0E7W+r2SSIqwmJpap0jw1eIsY2sbkpacZFWV3AAiEAzgJAtbjATXyx8StANN5CO9PbHQckk6Uz5BjabmS48rM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1146994},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.20-alpha.0_1693563040077_0.9877747634766618","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.20":{"name":"@gluestack-style/react","version":"0.2.20","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.20","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"1ef12be3b0d3fa3db773c90d1ed5b0575661a232","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.20.tgz","fileCount":486,"integrity":"sha512-TiQI2FQ8jGVi7VGFAE+7nXb8kBYaBfCambvpdXw5nh+osKf2dt51hJKCdu4/WnAgAuhtUPp9my0pHCFJYpLPQg==","signatures":[{"sig":"MEYCIQCpdMqtHm3L0M9dwIJh1yA2/INjRyW1RRD8YqgpjTzW5gIhANr2SoriSSyiTZtg6oMV7OGvuwvKqprLj/JrD0fhDp4W","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1146986},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.20_1693563376465_0.5789783744568711","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.21-alpha.0":{"name":"@gluestack-style/react","version":"0.2.21-alpha.0","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.21-alpha.0","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"17139ab7ebcf7794013fd0159d8c3223ecd7b76f","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.21-alpha.0.tgz","fileCount":486,"integrity":"sha512-KwTI6mqn2DVLjOhZzo2okCb/URVWkD4wrQ6j6umcpD+qaH+03nC1QJr1Ravv3hCgHirl+THWj0w58eBrqnPAkA==","signatures":[{"sig":"MEYCIQD8Q0+Y9JZoViuY50bxa0FFMkW1YSSF8gmSLG9BGKFwLwIhAINqj297wyvt9fgtKaUj3xcWVyRbJEUTLs8GLjugkHOI","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1145381},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.21-alpha.0_1693577325235_0.37481229369161073","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.21":{"name":"@gluestack-style/react","version":"0.2.21","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.21","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"542161305f7ac1396545c28f94c034906c098378","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.21.tgz","fileCount":486,"integrity":"sha512-Y936+/qx4FUd7QPK1fdQwfGWheTOanhdXEXbFeIkkdHq1oHuabJJq+pwHalfdnJ/mR0gi7PdYTJ3uNmsE26y/g==","signatures":[{"sig":"MEUCIQCwTeZCLABpiOU9i3FYHCU0pPEupCQQ6nhKnthTgYgsYgIgVDk8xJ9/DB2XNMihvyMBZBSxF4HxAdIVB/+BGszv7gE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1147356},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.21_1693577626589_0.24973492655204144","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.22":{"name":"@gluestack-style/react","version":"0.2.22","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.22","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"2e6dff4f6022148fc5898ae8b6b80fa79d615232","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.22.tgz","fileCount":486,"integrity":"sha512-73MAprNmY/LEO9YFTGnaYregpLOrVGo7jiG4poiQJUqjce7mh63xqRaBtUh1fX69MkLiU7H5ZlqQV9+DZw3F3g==","signatures":[{"sig":"MEUCIDoOMULYyAypcpa5/n2AxqwuV17Z19DctZpcxV+lA24nAiEA8kVv0cE65kGtuCrZc5i6t/9mpoIuqBY7zdhf1JrfxqE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1148487},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.22_1693811696001_0.0390948250820522","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.23":{"name":"@gluestack-style/react","version":"0.2.23","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.23","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"7620dde6bb392104fab062e29441dd5ac8c14d6e","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.23.tgz","fileCount":486,"integrity":"sha512-Dm1QOR4/T8H6JckU/wKHmUDCqnZupI3QKb+8O7WtB3lJsnUnExNYJNz7qiWElNWBaQ+Cjo0YusoQ6itsjo8OPw==","signatures":[{"sig":"MEYCIQC21pvEMHvQotchlE/FjpLS9dSAU7z6FRI5SQJNsgVb5AIhAJUhhat8wvE1roBiD+OMyfPGvXOd9WLHpR2QFVSAecgB","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1148544},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"rohit_singh","email":"rohits@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.23_1693812974084_0.9140314225253552","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.23-alpha.0":{"name":"@gluestack-style/react","version":"0.2.23-alpha.0","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.23-alpha.0","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"cd4bc8f4f50498a691b2087cca68901ce27a8792","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.23-alpha.0.tgz","fileCount":486,"integrity":"sha512-H4nXnSIS29rhxGZR4yrtdSKnFhEUSQM3EF37u5DzqvJ/JP/azyg+LLSbJqlMOaXUOg/Ry4kVhGk3wclndReSbA==","signatures":[{"sig":"MEUCIGy+t2DsGyTupxHwayMebjm+lEzXvHW/PpNJzBP/LEAKAiEAwzrJjCE9ZyLYS0RSUDRxaf0xECLEoQXrt8ILq+QEKgU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1150899},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.23-alpha.0_1693828625550_0.9053537263673361","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.23-alpha.1":{"name":"@gluestack-style/react","version":"0.2.23-alpha.1","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.23-alpha.1","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"b6fcaf94f70879891882ee3721cede4293104169","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.23-alpha.1.tgz","fileCount":486,"integrity":"sha512-vsBVFj5SKQixvIKIjWSsUAXPQ3stabudBYzycjXsXBRZlUW13K4CaZ7E7k3Ax4NuSMC4fyqfKAuVam/vn3HVQw==","signatures":[{"sig":"MEUCIQCuSDf2vNl8ShRg7wgQHQYY+de+/vUImLXqDAjeKqJdmQIgHgYq2968jvfi2JJXuwr5J3uCEQmoETmRBteMZbZZYZw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1152134},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.23-alpha.1_1693830021277_0.32354467287581845","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.24":{"name":"@gluestack-style/react","version":"0.2.24","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.24","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"a424bdcf1f04827029d8de42fd89f8f571c5ed21","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.24.tgz","fileCount":486,"integrity":"sha512-03dPvnqXuZiAwFEcTPeLJcgy/vPQBqrvFx59ZLsB0sT09SpeRy5Vn9qlIwbiH6uORHR0ACK2frwMdZ529rZcIA==","signatures":[{"sig":"MEQCIA17yUpz/1TIOM+uwPlerUyJOO+1ELy/br/AmeQQnAjpAiASrCAfrIxXyS0XLsmaUDgYAujtaeYux7oTf5inoqIREQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1155905},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"rohit_singh","email":"rohits@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.24_1693831213664_0.062155949667550114","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.23-alpha.2":{"name":"@gluestack-style/react","version":"0.2.23-alpha.2","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.23-alpha.2","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"aefbe5fe6c1554f398f5a3b30e9b800ce1c8762f","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.23-alpha.2.tgz","fileCount":486,"integrity":"sha512-dRw2IKxHmMq1IGnVNg9XqXF1weNwS0KbwAb4qI3FugnIrMFW2eC6ARNN0jLw1d/yRm6gyxIqp2MpU+jtx+pmyw==","signatures":[{"sig":"MEQCIDloy2iN7GJKRRDSXRT9MteIC1rautP3kxGdoQwUhPfpAiBi9IFr6lJG8gTA/Lg4UPlEt99pVqCfxmM10Dq1ebVlBg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1152137},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.23-alpha.2_1693833336948_0.31551338084931446","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.23-alpha.3":{"name":"@gluestack-style/react","version":"0.2.23-alpha.3","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.23-alpha.3","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"aa88008538bb9c726adb4c19735325b27e4d7d51","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.23-alpha.3.tgz","fileCount":486,"integrity":"sha512-KpdRKVr41p9yvSixe4AD1Ot5ylyI31BXta4Z+SQXBorIV/C1YQZruraUnomwQjKkaYR20EnHTKOPmiMgl2Bicg==","signatures":[{"sig":"MEYCIQC8OeW8nHJybQVHMv7a5c4mEvQRmahHhTY7x2Th89nyKwIhALasmerCAkSzy+f+Tgef4TOyMfIMl9mKC95pxecjxEQd","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1152576},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.23-alpha.3_1693833586118_0.023560877811309222","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.25":{"name":"@gluestack-style/react","version":"0.2.25","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.25","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"fc469578c1383baf8f964c2cd79ba1cff940386a","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.25.tgz","fileCount":486,"integrity":"sha512-+4AyEkF4MMBDdSiyFZulbf7U7PAQ9XNk4ojuF6lIpoVl9nBiMj/8E2MzrrsDfCfzJ6n634sv7Oe/6yp1rV9KKQ==","signatures":[{"sig":"MEYCIQDaCzJ4NP21wGoRFQaQEyEcKZTPcCHMhvLv/6eNWHt7cAIhAPOdpmDRcOU4y508wcgcTnqzu2I/YOredD2+HGyiI5lZ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1158422},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"rohit_singh","email":"rohits@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.25_1693834541673_0.1028118547513377","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.23-alpha.4":{"name":"@gluestack-style/react","version":"0.2.23-alpha.4","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.23-alpha.4","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"dc201c18b4cad50ad842ca386222b8b9fa471a1a","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.23-alpha.4.tgz","fileCount":486,"integrity":"sha512-8bbpK+63uQcEDgDyrzlufZG/uPqFAK9vzJtgegJXjUqV/3jaSIEv/JWe2amyuGMntlCcTm2v1PPNPRbhhB00Lg==","signatures":[{"sig":"MEQCIBKZXOJmpbPeXzZBXHZ38Ba/YQ7TcTj7LHcNQMZFY8rdAiBDgypElWEWDBD/lVGjltGQObfkOBkeVxEZDmouioUBRg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1157748},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.23-alpha.4_1693896755689_0.2490527108434053","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.23-alpha.5":{"name":"@gluestack-style/react","version":"0.2.23-alpha.5","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.23-alpha.5","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"574147362b2d3f1b7e3763f751507529cff4d837","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.23-alpha.5.tgz","fileCount":486,"integrity":"sha512-0zwP+6YjxXxKKoMNrZozs25vfUBh+nvU7KOzOdxRUNzizDKDhaayosqy2L6JyIH1crYnygWdT0nSYVdFSmDP0A==","signatures":[{"sig":"MEUCIGpfQc6Q1BvKfsMskz9ogkqK7xvxOfv20oqFuofvbGfVAiEA7Ncx3KPbjEWSGviyzizmlGDaWmCWlfKXznROrNniXAg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1159902},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.23-alpha.5_1693900348088_0.2332342162736094","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.23-alpha.6":{"name":"@gluestack-style/react","version":"0.2.23-alpha.6","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.23-alpha.6","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"259c3bab28a1b2149bfd02329170303cbdf5e788","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.23-alpha.6.tgz","fileCount":486,"integrity":"sha512-SG1rZf4Osz6Au9msNyDmQIU/D+FnywwraPvBzMYvppv5yKL1pT5dyzK0Jgt7zC+S68tbUCdrd2VCcirdFTa/FQ==","signatures":[{"sig":"MEYCIQCAOYQf99dYr5nXUl2/K/BikEzEgHIuZcuHHB97e++O6AIhANzUDsJID+Gpj95J2idf6iH2yAzlELXNDWk9iJw9k8yE","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1159902},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.23-alpha.6_1693908360415_0.06629458016921275","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.26":{"name":"@gluestack-style/react","version":"0.2.26","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.26","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"6dea340a1e98c9613ba775826ee2a9b0de456ec6","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.26.tgz","fileCount":486,"integrity":"sha512-/TnlaNy+kItQWveo4OGr2RRwHwCH/aRFP8NZKJiUpnzqu7zCP2t4PrZJIY6zD429wzbA7QQYINuZVquaIUbz1g==","signatures":[{"sig":"MEQCIBbvUCjQxRNgbLbZbYIiTs1p49t4jZmNtGqn2F0I3iq/AiB+sa9LrTrJbzga8hW9qW4mtwMpJJ2/+yuqYCt6xABWbw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1170415},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.26_1693908677397_0.9323222740097459","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.23-alpha.7":{"name":"@gluestack-style/react","version":"0.2.23-alpha.7","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.23-alpha.7","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"547be4ed0e84093279d0c0381fad1361ac3ca802","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.23-alpha.7.tgz","fileCount":486,"integrity":"sha512-6ovGApJtuolcse6rELp2dY8TAv2k7DgEzEKSshN/uUAMrISPepHS5Bu2HYjD/c/5bUccZwcm28fqAqV6kuD+ww==","signatures":[{"sig":"MEYCIQD+Iel1J/3rDHX5iuMZsfBAV/Eyd3HPL3wV9iyVurFlAgIhAKZQwkKOA23lqJvWYFzMGaa2igO5llbgyuzNgaL3I6wx","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1162849},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.23-alpha.7_1693911954551_0.4458881871941771","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.27-alpha.0":{"name":"@gluestack-style/react","version":"0.2.27-alpha.0","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.27-alpha.0","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"04bff00a19f0b540da73b6275c987bb265c44da4","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.27-alpha.0.tgz","fileCount":486,"integrity":"sha512-HInuIqybugJgsY9AUfA6a4X2IinNesnsrf+wcsfbVEzwF2NQixaTm7Cfn/xnsY01k9uTV7ma7JeBwBiu4BLP8g==","signatures":[{"sig":"MEUCIQCczz7YVsQ4m5q6MEDpzkR0uz7Lux8xwdcu7jONDgoYewIgU2XvXt1d+Wq3Tgqs58gxabcGMKuFtlxxLzAhp4pJQ7Q=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1172722},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.27-alpha.0_1693986162222_0.27071016821558525","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.27":{"name":"@gluestack-style/react","version":"0.2.27","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.27","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"9973e14070d4a0ce12ae1c6ac6aa880d71b0c7d4","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.27.tgz","fileCount":486,"integrity":"sha512-GZUC64Pi/raIjji9cXxkqzBcAkPbxxnme//cBV77g/VzpI4eNU+15jFvJMN1fYXEEPu7vSqB2DawtMgzgGa9qQ==","signatures":[{"sig":"MEYCIQCYN6MykDo4hBmHZW/8jeNE8V+swAVCBb/b4iM/njj1rQIhANr+curHnPXjwoWPbNrFw0c+CCtsQZI17b47ir3AOgvc","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1174962},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.27_1693999120612_0.9534941467685099","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.28":{"name":"@gluestack-style/react","version":"0.2.28","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.28","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"a9ca92ec2920d8a66510b911b87ad1c0d8dbd9f0","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.28.tgz","fileCount":486,"integrity":"sha512-NnDrO911p1o7kUnOxOwar0+hbkgG5YxAwRnGryp+VmfLj/z6pDWrVVz73/AKK81UT1OWo72XJjkeGRU29d/3rA==","signatures":[{"sig":"MEUCIQDl7udCkKICM90AkiO+U5VIbbIns6bYE3lnYJhMY9k/RwIgVZd9tafiK4EZe2v8ybC0EI4siu9BTCbRZ2MYef2opxU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1175356},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.28_1694005845243_0.5754919354296857","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.29":{"name":"@gluestack-style/react","version":"0.2.29","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.29","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"258bd3e447d080ffd93793b3c324773d43ad9b5f","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.29.tgz","fileCount":486,"integrity":"sha512-oYasZNEJNdqsfy56mdVUP6HYUBPctE9D8LrMTq/9qMzW31NuYzvEIjSBm53Zw3+UEyERqF/Fb36YbwLiwTeALw==","signatures":[{"sig":"MEUCIQDlqQLt9xD/3r2YZ5nvMtogM+3C0H5fPU83mC/9f7ffvgIgYBg4RfbAm1an4tXwcCPxROcw7oU+FIr57TEgmU0Ceqk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1175375},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.29_1694006600051_0.7400629355528503","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.30":{"name":"@gluestack-style/react","version":"0.2.30","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.30","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"aeb5972cec4330465c081a750078d375664d4f0f","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.30.tgz","fileCount":486,"integrity":"sha512-VxYk+lteC5iV6mdjGEBNEiP3CTQo/w4O7KNgnwJP8HXk0wc9ShMTQzvts3Kakr2W3OOdGCngfn/BFDhmRV26yQ==","signatures":[{"sig":"MEUCIEXBPn0NRuyZiFvlQfOEuabXUFIrDq8EUzuG7fiZUOeyAiEA9/kjo5XSyhQDBjzQx4yX+aIFJtPoHn+DSm9Ra3e6Wbk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1177078},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.30_1694009187135_0.4804449043862409","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.31":{"name":"@gluestack-style/react","version":"0.2.31","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.31","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"2e15dcae3ae7952bf32f798f982994182828e2d7","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.31.tgz","fileCount":486,"integrity":"sha512-u98uNlwT/GYqMO/Zt+hVUXgyW1LnKaQRFjcvqVots2xGXXAKtFTpiZ6PF81b2dXKd78GpNOVQ1MqYYeJzHu28Q==","signatures":[{"sig":"MEUCIBOESb6+Z7lA/CnedFpCqywzsu415A77XJOP6MtItBibAiEA11Gt+xSA8VYay19ozwV69UqjkFkypJWd043jzKCTT7w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1176934},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.31_1694009819108_0.17574455932876654","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.32-alpha.0":{"name":"@gluestack-style/react","version":"0.2.32-alpha.0","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.32-alpha.0","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"44fc228f49e64a9c5e2ddd1207c2abf9d092aae6","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.32-alpha.0.tgz","fileCount":486,"integrity":"sha512-MvKh5P9M0r26h7ZnBht+hG7j1wsGBmgXUlK2NW6x3K4bE78Ji0BafZvu5ba4vn/+9BBAYQatKOD0Gvt6q2hDfQ==","signatures":[{"sig":"MEYCIQDJVp1hBBIWK6OBk+LfkihRViziUacjKghViSlCKYiiygIhAIV0pVxOcbST5Nh/YsiDVMWhUUhLWb5eXfqg5bZvo7Ns","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1180037},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.32-alpha.0_1694067738553_0.1845506758990152","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.32":{"name":"@gluestack-style/react","version":"0.2.32","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.32","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"66c41b14aa84b6e241c2b329c6321334d5db8a2b","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.32.tgz","fileCount":486,"integrity":"sha512-KhkRPdMUgt/IMYE1JPo0Oqh8bido9qg0S61PFxXAqx8NeKw5CxNtrXMJfsBEy57D+xy5FaJHOGDTCUn7fZy5Tw==","signatures":[{"sig":"MEUCIQDH/sQhOyheVlex1oiTSwME4tafZw1vPeY3IfuJTxhadwIgMYJeLrFLHKO0dpDFpraMaHs5PxefTtDkHeFQtNiAUg8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1180029},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.32_1694070464260_0.6880898822889239","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.33-alpha.0":{"name":"@gluestack-style/react","version":"0.2.33-alpha.0","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.33-alpha.0","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"305bdf98c933f06b70727875a244ade0999e7eba","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.33-alpha.0.tgz","fileCount":486,"integrity":"sha512-xF3HFdv1IakVYbtbitNwlEaBNY0dxl890GJm2e+ZK7vexzxxhhUbCa9An4263eZ2K8o/SUA1pYNeC9YCHbjDTw==","signatures":[{"sig":"MEUCIBt5TXnsGBHaeyuw5Al2aBIsv8HUlXzyjT2amtlVBkvuAiEA/ldv4l+IQfqvgok6piJ9wHTz8HEPjk79wyNn4PFJjiY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1181137},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.33-alpha.0_1694094429232_0.4480226561257137","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.33":{"name":"@gluestack-style/react","version":"0.2.33","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.33","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"44b25fa19f73873cae9caa37b509420f83a584e3","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.33.tgz","fileCount":486,"integrity":"sha512-Yc0fYNsQtnMWtqeInsh7YegrhMB9OJwXHkrv3LN9jVJdH1uSeMl3uVwN0h8nFgY6YneaSNPqc31n+tcafoGEQQ==","signatures":[{"sig":"MEUCICeeqk8U00H2LrzY+bAjNJ1OqtMpCtX+2/g3jHkP3AjKAiEA89323T/zCwG78gUdGkDGa3p84HDwYSGcoalbQPQRlX4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1181099},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.33_1694096792048_0.7367810918334516","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.34":{"name":"@gluestack-style/react","version":"0.2.34","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.34","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"ceb832cad8a216bd408834ad8138398a20ca1ed7","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.34.tgz","fileCount":486,"integrity":"sha512-mrq3NKp5gSGpdj7OhTJ3GgF8wxtxdKJA4+T8iynUe7cumTCa/WpH/MvKSAynFW5y7k4y5xCy04xr/FTOI1R/KA==","signatures":[{"sig":"MEQCICdY1GArORGhNtTGNClw6sxHkHan2/oT5Btl2tNSVuYsAiBuD19D+AzURn3Xk2oW3dOZ6o/SGNDXztsw0C1aZovydA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1182327},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.34_1694151204887_0.933231789412978","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.35":{"name":"@gluestack-style/react","version":"0.2.35","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.35","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"58822809599252616f2faad84f7763318772a28a","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.35.tgz","fileCount":486,"integrity":"sha512-IDQjosUQYqfqlgnDNmmDsYKQLEsSJL2ZWvptcnsMlcONrkDE/hk+yLgp4CbGFEMcxiQYORCCI+O+65S0lpZz2Q==","signatures":[{"sig":"MEUCIGkGzPl0Gd6cUwwOsYoFUTKCZVj4vayoLWAtyeQuKpFBAiEAnNMerXp9Zq1QUiLOEjGm0OyOmYWIo2awedjbA6eqpH0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1182033},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.35_1694160548195_0.6328917298779644","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.36":{"name":"@gluestack-style/react","version":"0.2.36","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.36","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"1f322a17bed6c2a674d5eec7d99750dc7dfece0d","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.36.tgz","fileCount":486,"integrity":"sha512-YXqzHPVsiGeq6EJhh2EaBOeD3KaeBYIWpUpn7vTY6lZ9W+THNTRptch2VZ5lMcT9MACSl3VRlBrTHHXbEbR0tg==","signatures":[{"sig":"MEYCIQC/LZPQ1qicFxlB9hTJptISZldOTIR6Gh7yMqirg4nDmQIhANGrOXsDzdSYIeUiFi7j0gzAe05bVL+CKm7dqYSdHtAi","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1182041},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.36_1694166729771_0.3030700298237998","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.37":{"name":"@gluestack-style/react","version":"0.2.37","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.37","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"3de09a7e0dc392934b20b6271b9784a52fddbbdf","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.37.tgz","fileCount":486,"integrity":"sha512-v9g4I+WE1rbXwE2zMbN5Sf2C0peZZ2IR9CYKSPMdRZoCBLUbKxflynkIHOiigOnTLVQzgNlHvLp6AR+Fiv5MWQ==","signatures":[{"sig":"MEQCIHAX6F609bw289rnwUUZvipz9RGv8mGdViSqLZTAqNHGAiBjsBXhI5IpK0+OAJwXq0CA+dyDbLmdqkOQwU4p7+G1/w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1181072},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.37_1694172350299_0.8888227519042506","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.38":{"name":"@gluestack-style/react","version":"0.2.38","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.38","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"71dd361cacad31213bd28fcf1afa3b447ab1232f","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.38.tgz","fileCount":486,"integrity":"sha512-j3H47R68RUZP4ocKEsLPEBxrserW5nJNp5TBIS+jWFdECFT/XAhU+xmoc7AGYrRKW6ETw3iIYumfalmPmNkvRA==","signatures":[{"sig":"MEUCIQDrY9tSR89yAszolawtZXUvG1x3NjxsylFpd5jFffo+XAIgUoQ/JfEtLkRsZ0NM/JvWUpJwkToGPGrxOiD6KAeViIs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1180775},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.38_1694176820910_0.5614797266384957","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.39-alpha.0":{"name":"@gluestack-style/react","version":"0.2.39-alpha.0","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.39-alpha.0","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"3dae5665e91b12d2a8abc5857b767f65f268382b","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.39-alpha.0.tgz","fileCount":486,"integrity":"sha512-M6myi5VG25jVx2YXipMzmn06yZ1nQRSoAo7eTU5re8AEG2GxcpoCy+o4hdb7uuy6X5rNKJfUNyQQLW1ojOueGg==","signatures":[{"sig":"MEYCIQDyNGxm11yVGqF44n/hjTyWiDRJwIU6abJy0EPPKITTYAIhAKAVPB4QKqpOonKuTYIz9zK+Q6vFWTGv705fwhZzKzTT","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1180533},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.39-alpha.0_1694184755390_0.85475948514089","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.39-alpha.1":{"name":"@gluestack-style/react","version":"0.2.39-alpha.1","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.39-alpha.1","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"2052ceab0c31aa4f3ba5677cb19eb423b3b9cb84","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.39-alpha.1.tgz","fileCount":486,"integrity":"sha512-GfaHpFKtXvFkETCFMxTnsGPSDDGaB86dn7ZGNa0tkR+w0IW8hdBy4sM98Alg0FGo3tADteDwYNfDfzupbdiscw==","signatures":[{"sig":"MEQCIBRc9lfV91FZHB8KyVnuOpIQqq7ISt7KfMqnzm/ywNi2AiA49D7ZrNtQvCMRqG92Vkm9VqM1DcL82UyXtFrbBjKcCQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1181159},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.39-alpha.1_1694423678750_0.3363564456379964","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.39-alpha.2":{"name":"@gluestack-style/react","version":"0.2.39-alpha.2","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.39-alpha.2","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"960322d8e9c0036cb445095addaedb9aac186be5","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.39-alpha.2.tgz","fileCount":486,"integrity":"sha512-2U6SbDztyDN+fxB7V6w/lHwJn06V8WAmaOvZf557k6F6DRt0NLQWQ4c3M8UL6tjadIJ8QhNjtN6zEK5XCdZnAA==","signatures":[{"sig":"MEUCIQDRK0fMZ3wTERh4rJ4FqV2OA2IKa88FtvzkW6wyFJAILQIgYJHJG4kdYALMVAMPeiC1frhQZYbk24ACRco5zLhX324=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1179970},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.39-alpha.2_1694426480487_0.8362376281334507","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.39-alpha.3":{"name":"@gluestack-style/react","version":"0.2.39-alpha.3","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.39-alpha.3","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"3596ae23fe795e4dd794d096b5028d80f4c0e6ac","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.39-alpha.3.tgz","fileCount":486,"integrity":"sha512-Kjs1syi9V61iK76U9GRkkdi5kZG5Mxx81W/Eg4GWXseAiojBIew5GaHLEpN7pJcW9cqudrlQ7nCb/+d3G8JNjw==","signatures":[{"sig":"MEUCICTXkLMovUS7hum4QvG1jdE1W+Y73t1Sw/vJMlHXAznEAiEAkO9KMrsshI5+mGAvXUaeyF1LAXPz54sFiMXw21PqFIc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1181001},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"rohit_singh","email":"rohits@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.39-alpha.3_1694428194460_0.22354696711261957","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.40":{"name":"@gluestack-style/react","version":"0.2.40","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.40","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"b44f92913724892dad780e6f6456f87d41098e35","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.40.tgz","fileCount":486,"integrity":"sha512-dUmB0+fZLnXvKtC2EV4KmUoHlXLqVutJrWiHC+Z1Mm6OIewDqgzPk4DK4k0QOjBTWK36HkFl9btbFyEaYKXSXg==","signatures":[{"sig":"MEUCIDpBXUfdGHQwxZJrYs0BlIPocHgL5Buc3Rg4jSeu+MJRAiEA6YfyV1rM0lW9LTt+uV/KABlvyeHYE08fDwaXyO347fE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1186348},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.40_1694431659581_0.36284394102617923","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.41-alpha.0":{"name":"@gluestack-style/react","version":"0.2.41-alpha.0","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.41-alpha.0","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"c33b7d7dfd55a8a5bba8b00ebd00c3b5cba2f2b4","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.41-alpha.0.tgz","fileCount":486,"integrity":"sha512-NiPfwdD/RW18MFpJlPsTVUZH+JhdrY0ZG8rudFciisvkDJ0qDMz1DUbmOI+KlLSM8GO4qGG894pz3LJmd1GeqA==","signatures":[{"sig":"MEYCIQC4q3eJnES1prv+ParII0Ygwe6eTEf39sk9stLkVTJDlAIhAPck6cDfQMO28jcBasRRWCjpHlX/q66hF0POc0lhWw5V","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1186396},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.41-alpha.0_1694451008786_0.7203981902903314","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.41":{"name":"@gluestack-style/react","version":"0.2.41","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.41","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"8cb3071274cab6f830635869eb7f9b3c2129cdd3","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.41.tgz","fileCount":486,"integrity":"sha512-CwI7TlG3DlKOCvOSCH6DuKkccRZTEp0HrUJgJhbfWwYJz4IRCPiyBUojajoLbS52K2N82F5y/LN0UO4VyIsaTg==","signatures":[{"sig":"MEQCIBZYmLDjcWq/Lvxn/L7CnZyTjkLIMxKESyyvNKudtuZpAiBTyZq+ZZTmol03jUar/FnNrampaaBCft9jVwGG+6SDMg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1186388},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.41_1694451327671_0.859643720958077","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.42":{"name":"@gluestack-style/react","version":"0.2.42","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.42","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"101449687420d7e68c2cb33a80747d0c77eb881a","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.42.tgz","fileCount":486,"integrity":"sha512-33sjI8zhVqFkyTlWnLoFUP9LBm65LQXCb+iRgCZcBbC8G1BXwywF5QI0fXTIPs2i5FsrMluuflj222DxLrPnAA==","signatures":[{"sig":"MEYCIQDuC7xA0H7Iy0BZPEnCx+139PGAaFRBREAqNEL1SmFgqgIhAN4WM1WZR1A3APNfBHGqT3qUxZB3t81zuZJJCVnWUNMF","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1188868},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.42_1694595828890_0.3155883534110133","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.43":{"name":"@gluestack-style/react","version":"0.2.43","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.43","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"1e1cf0fd9b3ab6d2396453a19feb14ba35575768","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.43.tgz","fileCount":486,"integrity":"sha512-yZLuvZ9HQhqHkFN/e01oKvPNKFAT4DXAVqj/5qZeSO4PkRVSZ/DxnxnKjKU0zRVbc+LSDLxjzEZzSWrFFSyyUw==","signatures":[{"sig":"MEYCIQDJ3A32L1rWOEZbxCjDb4+X+iz9u+q738m/xIeAXr2lGgIhAIYXKS+7wEW4gWBA9bQp2EPttnTKa4FLHS1Z/e/bBwaU","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1200207},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.43_1694606325312_0.8763440791637265","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.44-alpha.0":{"name":"@gluestack-style/react","version":"0.2.44-alpha.0","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.44-alpha.0","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"1ba823c908dac5dc2d72cb9c6e45bc7482d3a1a2","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.44-alpha.0.tgz","fileCount":486,"integrity":"sha512-Ybh2mU5d8I5/0B2P4rAiFb3Y7LhQY+WVR6JcSFoS3778ysaJtoekGf7V6RGG0kawG2LKCXmO522si6xkSV5MbQ==","signatures":[{"sig":"MEQCIBULpbU2oQVbcGueVpfr63wbiWwYxhJmDHPHALO/SgRXAiBh9aILChLaC1i16+nKc/ydOaaCDm0EwMa27FvvZQdjrw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1200741},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.44-alpha.0_1694609188262_0.20020771522866143","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.44":{"name":"@gluestack-style/react","version":"0.2.44","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.44","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"246082972a8b565dafe69a8aaf3bd53c2e9d1477","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.44.tgz","fileCount":486,"integrity":"sha512-atujUDFUpNaiIjMvmgSNL6MCJ5s3+eVWW39aUr9c4RJxw4PSrWGuLl5G1jK9oMStrmlDimuNYdfa0xEfM3NPbw==","signatures":[{"sig":"MEYCIQCfWAsVKlKbs2eh5CucmPxJeLajyC7lCccGp/e59Y4ZBQIhAI+0Ut8a/llUwLy2GR0H4OVxxxYX8cy+U1JDgHcX8SJ0","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1200502},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.44_1694610043315_0.1071210259892541","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.45":{"name":"@gluestack-style/react","version":"0.2.45","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.45","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"86b8abb86b9ca099636d6293ef6cc43164dd6938","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.45.tgz","fileCount":486,"integrity":"sha512-zA/I1w35NuJjw8FW9mNJlai14nynIeBhOXSMHEbWxw63bShwl89Gw12jm+hTwgn7yrLoZQV62qy+bjdfsUgrrA==","signatures":[{"sig":"MEQCIBdAEJLcGFquLVlsbHbvYw5XCiFN83F9ra7dcOjxlwnvAiA7CzykVv1H2IC7O3LzpHYmeQRVlalSz9NcJBH0CfiR7Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1198168},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.45_1694614921114_0.8649576314332201","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.46":{"name":"@gluestack-style/react","version":"0.2.46","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.46","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"c408f4c05a7374690c8ebd952aa95b0a1d390c4e","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.46.tgz","fileCount":486,"integrity":"sha512-ujpOIrt/b08svtUSLn4wSCn548H7lIe3oHlBCTHwDvmjheuVsXyIrECtNBA+mrL5mtkCaBmkB9iUJTWD601V+A==","signatures":[{"sig":"MEUCIQD8c/NH8CVfKEzs275IrjolErsW9G3/efChe8NiUOXoLQIgPNJjukAt/2EH1LE3TrLilX4T89L+vEG2cqCJtCvL8jA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1202152},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.46_1694696583717_0.8881100879840833","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.46-alpha.0":{"name":"@gluestack-style/react","version":"0.2.46-alpha.0","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.46-alpha.0","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"7c2d7f13537d780dc904ff8acfed149d93779b6f","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.46-alpha.0.tgz","fileCount":486,"integrity":"sha512-1i5pJKhJ41pipg08WPcM+715R/krWbHCgxLBBZO56yILHdjuhDl0I6FTsKEkiUFcrzpSnt40EHhuRcZQMf9PKA==","signatures":[{"sig":"MEUCIQCCiwyVh9Aqij8wPz0E6iC2t49WfunGzfyOWx/sKTlsjQIgGIfJOddYgtb1TqtME98tSm10nnc+KoUgMMJQ07AgIjM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1198218},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.46-alpha.0_1694774546079_0.1771665326344556","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.47":{"name":"@gluestack-style/react","version":"0.2.47","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.47","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"af219ad64a651cd5008ac3bfb90b0b1baacf23de","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.47.tgz","fileCount":525,"integrity":"sha512-XewdaACOpEPSiyWGwil/qWQIbiKdIhWWs/icf1NSg3psouY43FpEpHq9ARGajtxueEACsnYM9nlhfo5Vy1ZfvQ==","signatures":[{"sig":"MEUCIQC/wyxKnHhgMO/Oov+VRSH38gWVhcYaagsjKghlIExacgIgCXe21UezY8XN3r/tGDSRCNfd6vMJNLE9+lUcljo5UPk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1229887},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.47_1694781886280_0.7338890289720328","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.48":{"name":"@gluestack-style/react","version":"0.2.48","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.48","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"6325b28a61c8b3555e947a403ab8de5caa524296","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.48.tgz","fileCount":525,"integrity":"sha512-oTBIlumqNlPbE0zOq6F6jDamtn63N1YZkts2vXDmCxsdDzlfRcEQHPebZDskSFBDzRWFzIKJsrHlyJgl32HJbA==","signatures":[{"sig":"MEYCIQC0HvG+lfTfnVb9WPDjjiYzKAgx94L3x13GSmbv6syJjAIhAMoe6vpFN8aoDvDZwFNE0ZqPUu7SWSaqawlZqTgwvvim","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1234594},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.48_1695035073732_0.4300849913482736","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.49":{"name":"@gluestack-style/react","version":"0.2.49","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.49","maintainers":[{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"24374279eadd769874c454b6f9114a289abd913c","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.49.tgz","fileCount":525,"integrity":"sha512-1j7q/zN+AIO3nnyMieS6EDmMr1prk9uU9cThYlSxs6HpaULdQbAptX1mPVE3YfSIZ4cTEqkPU4PPb6oyEIxMlQ==","signatures":[{"sig":"MEQCICMf/XsZ4NQi3vTFuotK8nWQmMipaJ0hhQNUurVPoDcCAiA57EbioZS8E+7eQYC4uhEKImv7fbQN8WfH1NN8UCxYSg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1234835},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.49_1695046104355_0.9195797965334818","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.50":{"name":"@gluestack-style/react","version":"0.2.50","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.50","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"13273ea738f93f5f12b56763f5020a02df7d2674","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.50.tgz","fileCount":525,"integrity":"sha512-UzCPnmjFBI6gBgrmtpC+rwBvLm3zA1t8XmFZ5SY4R+VJXbaou2emWnhd2XWplCCpHMhaGTB2YUx3rDQTjTcfCQ==","signatures":[{"sig":"MEQCICLqINZcdwaONuLtDPRSz2siOxsTwoQXyeo4rD+9zI0TAiBQrhfsO7pVzyEUDc3d4yn1+76a1JAb4n4ftzJR9fureg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1239475},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.50_1695283159597_0.2127019921194595","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.51":{"name":"@gluestack-style/react","version":"0.2.51","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.51","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"0cfcca4f97f908ed3a352bd7e2336d436cc22415","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.51.tgz","fileCount":525,"integrity":"sha512-21TLr+e7KneP8N1d1iMKG6npMdYb/oPN/t5KZ/2kns2mg9NVCrfVmVuuMYKo+Xcej95BFOHuGuomskzLwdK1HQ==","signatures":[{"sig":"MEYCIQDTqbkFJU36NMmuyu+v5FIUIt3u5VDC+EzukdlC4dpPUAIhAJnFALGkKc/wgLF7Uail4vNtuH0kK5Oi0Ws4Yy+AqkVa","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1239471},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.51_1695298152285_0.31485117253323835","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.52-alpha.0":{"name":"@gluestack-style/react","version":"0.2.52-alpha.0","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.52-alpha.0","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"2ed97bed4b31abbb97acab53073075c547e696f2","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.52-alpha.0.tgz","fileCount":539,"integrity":"sha512-4WIe9uqCQiqAfK6QxyTKiVgywmAOzdWgR4oR1P6dPbtnVcvCj9Fm8jQEZ0V9+9J9NTQWORiUgzknPJc5lbdv5Q==","signatures":[{"sig":"MEQCIHGPlT8Vzr2K2OeVCGnRcPYYwtqeJigeFPgV6+q60HYRAiB4f3UXiIno74ugEuWbgE/i57gnWBYl+/DwmI/7atSBBA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1250109},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.52-alpha.0_1695383636805_0.6115411148578114","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.52-alpha.1":{"name":"@gluestack-style/react","version":"0.2.52-alpha.1","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.52-alpha.1","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"8ec2c4dc721290dc420785e58b3f79a5b47c5b2d","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.52-alpha.1.tgz","fileCount":539,"integrity":"sha512-r6xPIDJGZM1AlIFy7x0mrFCOQBeUhuhe5YPBb3LCbhoED0xsL/kugYxc0hm+Ud9/ViYc9FIVdXeV6XG0xHz1mg==","signatures":[{"sig":"MEQCIFLeJs83e/AdB5mraQaHEP0Wxu7nTkwA5YoC+t2nizDyAiAzrqePuyUV9xdFo7StMJgC7jFHP8eIsZBCkEl0YrnisA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1250719},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.52-alpha.1_1695453790581_0.2490570546372337","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.52-alpha.2":{"name":"@gluestack-style/react","version":"0.2.52-alpha.2","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.52-alpha.2","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"9afd5b486f85662b2a3aeb89a4eb6c91030be642","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.52-alpha.2.tgz","fileCount":539,"integrity":"sha512-clXTk9ktMFO6kZvCf6QNsqn896XQCzryyWopwW71/1TinyFm2rkyeQM7yuYMjRh4vY1DFhxDQmLLrLcdyAn6Fw==","signatures":[{"sig":"MEUCIAkFDX/q+sOVeGYuoeZRnyUMXvVud1TLZLoVOdaKJ0srAiEA9JwDQ3SFPstPyr2ZpsYCBq5pWeD7lx+G4jPoDGDCWgs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1251148},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.52-alpha.2_1695636672999_0.07726201762876905","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.52-alpha.3":{"name":"@gluestack-style/react","version":"0.2.52-alpha.3","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.52-alpha.3","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"000a7a9efd70a31db9bcb55fecc735995a06beda","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.52-alpha.3.tgz","fileCount":539,"integrity":"sha512-8EmjmAH6uQ4LDpb8ZJ3vGCQR1dRRAUOk3bTFKFaeKnto9WTxohVNzRFZQU14f1OBIQentsV3dKhbdFyHpNrqOw==","signatures":[{"sig":"MEQCIFdVRtTzTHNs/9QGNHfZjWXzacRAjVgFtsNgFnB8jELiAiA+nTNI5wz6ZFL6JITIfcN4Q7Mqfa0Cj0P66AXsbVzJUA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1250922},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.52-alpha.3_1695646461437_0.48342919486999936","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.52-alpha.4":{"name":"@gluestack-style/react","version":"0.2.52-alpha.4","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.52-alpha.4","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"f82c76846a0cb863b3995b4e6a37ebb36ddf8f5c","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.52-alpha.4.tgz","fileCount":539,"integrity":"sha512-7/p7GOrG6K5J5EsyodQdFnr64pB5iCWQ6KVzuOgI6L2KyvbR+8v7SwV7cBDfspmHwFKTWzKGG7UXmOO/fDTMew==","signatures":[{"sig":"MEUCIQCdypB3mkde1Zr+tYTQ+PvJqWKk3TTxTMFo4u5FjR1BoAIgZnufDXCuKWcyhVVZL9/PsYpDQo3Y5qtOOsPymQeTIeU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1251060},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.52-alpha.4_1695648295747_0.868057775512111","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.52-alpha.5":{"name":"@gluestack-style/react","version":"0.2.52-alpha.5","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.52-alpha.5","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"74eed13e495d7f08a2e271d5dd72b0dc3cf55170","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.52-alpha.5.tgz","fileCount":539,"integrity":"sha512-zmshhE6jYYOW+iGmArB9+RtDiPEgumXcDnTfZX1AyH+fYT1yPGLj11aK9z/7q6z6Th5xLFiD9kOyXTuJNSWXRg==","signatures":[{"sig":"MEYCIQDAKGW7Sz5Q+DRiz3txnFw7SQWXPTrlQD0IcJIzpYXzoQIhANZ90q48DGEvOQ3J1HWBiXfsxm+D5PtOQ9DD2fsD6+jl","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1260193},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.52-alpha.5_1695727696251_0.3884428621706759","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.53-alpha.0":{"name":"@gluestack-style/react","version":"0.2.53-alpha.0","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.53-alpha.0","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"be2683eb33659fb3c2504bdbac3dd1782f2e61b2","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.53-alpha.0.tgz","fileCount":539,"integrity":"sha512-diM5qhUAb9c43BoJLCK23RqEiv2OrRsCJfVjF8/jMXFu7u2iCS/EWCBdvCY8xbpQiActtIhzl8wdUT0G7Xv1Yw==","signatures":[{"sig":"MEUCIFHd6mnzQ3tls2IxFKu4d97VNUq23y154LoKxRmc4FHlAiEA4gfvadu0kY82wko6Sz4Nq2REIaYD1W9VNZSx4+rKmNE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1260537},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.53-alpha.0_1695798498778_0.9372707236586455","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.53-alpha.5":{"name":"@gluestack-style/react","version":"0.2.53-alpha.5","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.53-alpha.5","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"5315d4ffd76a0150039386f7032cda44b401b3c0","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.53-alpha.5.tgz","fileCount":539,"integrity":"sha512-+W1cjoVyz8Ut2EveQazl5dlLqni0nRuy7jfwMcWYx+Esx3qaLduGZ6x3Rzkcrgue5vKcBrI2uWKE/qfGxzPSrw==","signatures":[{"sig":"MEUCIGM9cqGNZNQxfR1k6wxwKO8EYxoYwNtSaaqqb348YvOXAiEA7r4gyvS2OiAMouQw1zh+/fRV4Axm2SjxzhAzCuaMYKU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1261852},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.53-alpha.5_1695880400450_0.12502048943999022","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.53-alpha.6":{"name":"@gluestack-style/react","version":"0.2.53-alpha.6","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.53-alpha.6","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"5f874070933dfaaf1cce0e0833f541ae4c719684","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.53-alpha.6.tgz","fileCount":532,"integrity":"sha512-ogHw3YBl6ZjcJHVwM2nznmI/MEWrtlIeDOkNbnzHZrKlJendBxsciDIu9cEaLGhd9bM+q8ZPmfgsnnKy/YPiAQ==","signatures":[{"sig":"MEYCIQCyn3AFMsngxYcXzGm0L/30Cxn16wUcbMHYQJGRfRKxNQIhANkYw0tpk8b7FHUQ5TtXnRwWjmRX6Ak/YLZ6m0E30++L","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1261295},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.53-alpha.6_1695888271621_0.7689668626600126","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.53-alpha.7":{"name":"@gluestack-style/react","version":"0.2.53-alpha.7","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.53-alpha.7","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"d76d5f7f69090476d4c44c72aab33fdf242d9de5","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.53-alpha.7.tgz","fileCount":532,"integrity":"sha512-f9cZn53zzoNY45+C+phFG6uFRL+kp8qI0eoTZocS/gtOP8//okK83wEPD1H9cXhJdoKshwFB9SZPNDeD5cedAQ==","signatures":[{"sig":"MEUCICJXg72idTobhSCnN0vFZ+GM9nSvf6ZQtuJP8anRuQY3AiEA/EBtDrWxxOvh/x0F7MT4twb7okh9jmR2Lz+5nkLCJJU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1261244},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.53-alpha.7_1695971101360_0.9625716867121648","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.53-alpha.8":{"name":"@gluestack-style/react","version":"0.2.53-alpha.8","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.53-alpha.8","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"43eb3ba2b0d90567bb2a94bd058b370a40cd57bf","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.53-alpha.8.tgz","fileCount":532,"integrity":"sha512-Zet3RGDPTOXlg9wiovPbJKbX/GU++4U5cwbk9BfMruEQ48DZR6SqxDh7UXo7x0gql6Z3gw+z+kMp71KQyhy0MQ==","signatures":[{"sig":"MEQCICD9LLS4EG7qAOihGQg7T7JZscV+7b8ddSQpqGKntSQvAiAQbuNtfiSHmLEQdjxpRTAFhie9jezjMiDYk4ZI6dkpDA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1258884},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.53-alpha.8_1696326985931_0.676523239618301","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.53-alpha.9":{"name":"@gluestack-style/react","version":"0.2.53-alpha.9","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.53-alpha.9","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"6ab2ca096264707741e571a1ede104a0fdd1847f","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.53-alpha.9.tgz","fileCount":532,"integrity":"sha512-A4CQXjobJHWHBniACkfBGJJAPiaWGtMC6ezOe5DyYuysBNv3AwXb48KZ4gBPwKWxhSXM+bQjQ71SDP+S7QYFDg==","signatures":[{"sig":"MEUCIH/BJ/eZA9419lJVvv/pUIpFgcnxSzSpVpO/9KOKLFI5AiEA963XQUiMqe3OSopBnzjH4O/amoPwjZ6HIBSDvPN4O+4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1258884},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.53-alpha.9_1696348727519_0.9691192042200321","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.52-alpha.11":{"name":"@gluestack-style/react","version":"0.2.52-alpha.11","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.52-alpha.11","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"dc630a6bc104614ac8690d87b1fdb53fe19cfabd","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.52-alpha.11.tgz","fileCount":539,"integrity":"sha512-DIQC5NFDrwtTU7oI2Z0c9FYuiN1PRBitBNGuqy1oCq8oZ2ar0JGJCQwotdQy/YI2+enIAzKdLd0prM3HN0iTxA==","signatures":[{"sig":"MEUCIQCLxRgdH+lRN/RsAJLy3QZo+OFNltopROpDrKFKMgEB8wIgRyLNHPJBxen2q2Ze9YQDRutKtm/gb6VFuZ40L6JeXaQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1260743},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.52-alpha.11_1696397947454_0.6479634418789446","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.53-alpha.10":{"name":"@gluestack-style/react","version":"0.2.53-alpha.10","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.53-alpha.10","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"1d695053a45ea1c4a95463e889662b8d27de2d53","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.53-alpha.10.tgz","fileCount":539,"integrity":"sha512-RumNnyNXK3cN/JwALh/KJClB2G0bNMBRwfFbsi2JlM9PENX10UnZt3iH6YrYVef9+Nqfpd73DZmfIs9f63IecA==","signatures":[{"sig":"MEQCID3nKYiUSvCqx/d8FP52f4FFxfvHLs6oLB2g61lnPraNAiBsptmuyCjvkJtXe3NQOMKHSnDhGmCo8DQKFgu2gpygww==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1260743},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.53-alpha.10_1696397992816_0.5602452149178971","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.54-alpha.0":{"name":"@gluestack-style/react","version":"0.2.54-alpha.0","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.54-alpha.0","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"b6b432b82b2a6f867bfed4b661435eef60820213","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.54-alpha.0.tgz","fileCount":532,"integrity":"sha512-sehRi+3DToKFSDFiibQAu5tMl2+36a1BNz0VE4HyOr4U27WaQO64bkOElsNMeWZsLvuLMqzHpELCbk5La2joIg==","signatures":[{"sig":"MEUCIQCRui8EPGpqx54rrwrbdjFwlKMK22Mzz3qOCqTn4mCx/wIgTqfUVE7UCUo487frWK9xeZxw8Hnt0O1FsBDecz8S2JM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1266899},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.54-alpha.0_1696416759889_0.5011618139692913","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.54-alpha.1":{"name":"@gluestack-style/react","version":"0.2.54-alpha.1","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.54-alpha.1","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"9cc232205fc496514fb4ee2e11d3c5dd24351ecb","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.54-alpha.1.tgz","fileCount":532,"integrity":"sha512-U9m/5ourAYaXKRkHBmGl84Tat38U+0Y+AH7MgiTn1nfNJRtKWeRlTzNYAHYYQdMaZASyDhj4a3J4lQ7UhxCkqA==","signatures":[{"sig":"MEUCIF6xzSZYRgxawyqnHomCmI+Po4p1ymdlJisQulhcEjoJAiEAoOz/aah9jCMNXGVgqSXw6fxGRc7TihD8xfIc4QaPujk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1267105},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.54-alpha.1_1696417562348_0.3901642771553604","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.54-alpha.2":{"name":"@gluestack-style/react","version":"0.2.54-alpha.2","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.54-alpha.2","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"38c3dea64e515496598172eadd0ee984bdfa1b6c","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.54-alpha.2.tgz","fileCount":532,"integrity":"sha512-qnKqmddh3v1Nr1Tz2cTg5kdM/Z9txJA5i9ctzirTLWUBjFEQ9TBGrSv9L92hNjTPCPve8xiPmHxAlEtfgIm05w==","signatures":[{"sig":"MEYCIQCDg8yukTfXZaFxXUhiGICLbk9z9PBdZjN40J/pMN7BmAIhALuLXmPppxT0HIF56NLvUOiSyXGD0mY3I6H4Yd6GhoUw","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1266617},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.54-alpha.2_1696422264177_0.02269647897291205","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.54-alpha.3":{"name":"@gluestack-style/react","version":"0.2.54-alpha.3","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.54-alpha.3","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"e4bee33bb7d9812107b799caca9af070bf0cdcbe","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.54-alpha.3.tgz","fileCount":532,"integrity":"sha512-rq8PqGxd6HgjN9H/+4s45D5ga7rpHUOf5gjqpJNjtObPpjhWDuJKEn1bNlgI6LlG5V9qzDkpJcow5K3BBciFuA==","signatures":[{"sig":"MEUCIB+8Hc0mCXpgLeCjerT1MGWI+VIcw2IQyKLchdPZmjAVAiEAvhUTAbjrJIn3aJMp05Yo6kU5CNvqXtY/rcZIiO4ijj4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1268000},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.54-alpha.3_1696424920221_0.04299098403635604","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.3.0-alpha.0":{"name":"@gluestack-style/react","version":"0.3.0-alpha.0","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.3.0-alpha.0","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"7d3b8ec26bdb3b31ddc375812616311c09b42cd8","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.3.0-alpha.0.tgz","fileCount":532,"integrity":"sha512-Ok6vhNckgyW4aSnxfam1Q2a3t+my0gm0r5QuTt92ffApJFbfyDWhs2qVPWGL9Cup94F/xqLliDp31O6X11fyjg==","signatures":[{"sig":"MEQCIFazRhtWEoy2so/iT7qLo9BMqRdCk9YfHSpbzUxFGab2AiB5wVusA+fxNYMeTXUiUgp0a033D/fNhP+skqjNtGPLMA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1267999},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.3.0-alpha.0_1696432555498_0.5796483338546718","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.54-alpha.4":{"name":"@gluestack-style/react","version":"0.2.54-alpha.4","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.54-alpha.4","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"a96fc2071c7d73d0d48948db03788861f35e127a","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.54-alpha.4.tgz","fileCount":532,"integrity":"sha512-UM/G7JQ9eexhcTUkJhASkHMVhWKT24a185Ox4YCrDS4YyqdH4GTteF6rEcTB9sr+r5QwEArdHs/HjIFZoXRMUw==","signatures":[{"sig":"MEUCIBzcm8RVfYxffFOkg+eeRU98jfiNBLt8aj4vo9tiI9kQAiEAozT/ynqHpwS9qs6sKcQG/qdWHnXuFpQFufMwmlanuhw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1271866},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.54-alpha.4_1696491089814_0.10809561608711515","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"0.2.54-alpha.5":{"name":"@gluestack-style/react","version":"0.2.54-alpha.5","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@0.2.54-alpha.5","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"75ef100236ad81a631f247d43a366981ad4fd976","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-0.2.54-alpha.5.tgz","fileCount":532,"integrity":"sha512-mFnEym5cXH9ZXqKQ/BVQ5OyCZpIASFxMbjn1nwxidta6azi04lyV8i2rX3NWyoHizgT/Z3cV6R5ORCf5SRDqpw==","signatures":[{"sig":"MEUCIH5ZjvNmDD8v/XelRER3qXOOhwhWHS3t1jRUyENXtpe0AiEA328FhZt6nMYFMyzCVnOP5yuIPslz6pr8ABEbgulCeZ0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1269348},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_0.2.54-alpha.5_1696500084694_0.7476940105257055","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.0-alpha.0":{"name":"@gluestack-style/react","version":"1.0.0-alpha.0","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.0-alpha.0","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"48eed2ed273f8c4a15c4efae9089d81260f92245","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.0-alpha.0.tgz","fileCount":532,"integrity":"sha512-90fQvodsYtDmcqjH/jFY2PLIx/tEbtImIynTO+0SIJZY4njVkf/jrHObbkPRprgMLS1JsZLV/Oh2T9zqAv6ygQ==","signatures":[{"sig":"MEYCIQDpJi1C6DSyAc6hEKKv+75+MOCEYx0YBwmUWCGCKrWYAAIhAKV+yqK6orW5sKu3mrIk0icfwq1cn2cgnO6/OqBozSBd","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1269347},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.0-alpha.0_1696503672168_0.38617747402323155","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.0-alpha.1":{"name":"@gluestack-style/react","version":"1.0.0-alpha.1","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.0-alpha.1","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"3b022e7c4aaa20be2b21190496cbd0a36118dfce","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.0-alpha.1.tgz","fileCount":532,"integrity":"sha512-cBgURhB5o8RfV4SOcZqdKRtUfmiBQRIUWpF7gyqnNi5b3Ev2Om52n+jAOqaenIs+Rxk6YeYpSu1jYJeThaskkg==","signatures":[{"sig":"MEUCIB8ZUvQItbWpcHj39xn7N47OOJ3Nq+5u8Bp7PH0/uAl/AiEAjqNpnH6cmW28CfXcGTCTfQdF4yTVhx7OTnoqV2oSby4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1269875},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.0-alpha.1_1696584912158_0.19970958272349315","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.0-alpha.2":{"name":"@gluestack-style/react","version":"1.0.0-alpha.2","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.0-alpha.2","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"6dd7008b025de9737c34a17ab285941badd9f2e7","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.0-alpha.2.tgz","fileCount":532,"integrity":"sha512-hr3hfimtvYX/TiyJDbk/AKRVFWEbevXaQzsAXccFlslUhMIuM6mdjhimVFK17gDF1Fo3LcVL5B+8Ia2cpVIxYg==","signatures":[{"sig":"MEUCIQDDRTYwvAgm5Z3CgIQDoorfCGsythC+AgYdHWmcvNcBTAIgXOZjlyNF8cRLR3BK0hFZi4/7nm7xYzkB1d6d1O3YG58=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1270334},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://style.gluestack.io/).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.0-alpha.2_1696590958740_0.21793991465426843","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.0":{"name":"@gluestack-style/react","version":"1.0.0","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.0","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"26ae4716e26b9bcacdcab211830a02de3cb09366","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.0.tgz","fileCount":532,"integrity":"sha512-80tc0JL9xpDXKOqlZ8QZwnaO4lm/Z28c6Qxc1BE8Mtu4TGN+yvP8AcQtTZeI0ov2ZlmYWpVI4UWZstMurN5X8w==","signatures":[{"sig":"MEYCIQDn/Shfb4sH/NfzPhxUp9jILTbzO8Be1T46rBINXblBcgIhAMESd8IlBmhOaxr5FrS6oJSkLm+yAyxGdoSy0CaAZNHi","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1270867},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.0_1696597769763_0.5783318182956947","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.1":{"name":"@gluestack-style/react","version":"1.0.1","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.1","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"98c71d048e9cc8280fa28f76bc84604a45ea3cf8","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.1.tgz","fileCount":532,"integrity":"sha512-D4DjZ55GOpM3frhA4IlNwuwksSEf6p4jZUCyL06zYuR5XdecLBgrSANSfCLhpdLsRtlap/Ubr7f3bRTiJIj5bA==","signatures":[{"sig":"MEYCIQCBa4ZZff9dAdZseksZNxhFkDcr4viHSMUiHRRXuyyZ1QIhAO8DAEgm32UWqEdAvK3A64WLtxiG4VdvaHZrQG23MQ3G","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1270923},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.1_1696599834742_0.9906382278978014","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.2-alpha.0":{"name":"@gluestack-style/react","version":"1.0.2-alpha.0","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.2-alpha.0","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"b50718dc7a79d44c63983da640acac04fcc9c985","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.2-alpha.0.tgz","fileCount":532,"integrity":"sha512-XfgUChIKV+jBCOvCjOASZBrvlqcO3l80+eZG6H3crNlvF6ierQdEm/RUNepF/IzHTIKLMH8MEi1zo5DuvuzHaA==","signatures":[{"sig":"MEUCIQCI0RvChMUmQauteMPILEcCohgI6T60yZkVtjnhmfjh1AIgUd4VosOG+HGt6lnxmW4GhI186RFQiBXCIlTXcY9p/eY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1276154},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.2-alpha.0_1696930458579_0.1037662467570335","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.2-alpha.1":{"name":"@gluestack-style/react","version":"1.0.2-alpha.1","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.2-alpha.1","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"9559d027871a1ce25db1b83cac4b44f41815d2f9","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.2-alpha.1.tgz","fileCount":532,"integrity":"sha512-6tyW83lyJkX03LYXYTN5PQ2tgBrcRM+YTKIKn/Alkurjy5LATVtXqE4NqQPjHkpIaFWPdWVzSSklGR05VU55dA==","signatures":[{"sig":"MEQCIDKKg/zeyxHVi215peidQ9gz/zdzF4+isYD9EyZrDrFAAiA9YeHjEtl21ELg9HNWjzpFvlXZSjDOzG6GldxauZXg3A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1281231},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.2-alpha.1_1697005595796_0.9877291671982122","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.2-alpha.2":{"name":"@gluestack-style/react","version":"1.0.2-alpha.2","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.2-alpha.2","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"7f25503e60bbf197572f444fbbf5b5d84f99e0e9","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.2-alpha.2.tgz","fileCount":532,"integrity":"sha512-9KN9K5nxCVC1xTwxm6x8b6J5mljQMAVar89I69mLSSDI/z7BpZeYYramWe6GvqBDj9syNt+15mnde8y3tg0qUg==","signatures":[{"sig":"MEYCIQDuOPpR8dLgGsekiQcpw734AKqWpfFvnl7FyShLbI1+OQIhAJU2FCPJAOE/NKq+E1lZwKrCaIdqolbqx0Q6wgkMaGI5","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1283259},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.2-alpha.2_1697007303517_0.3488497313481771","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.2-alpha.3":{"name":"@gluestack-style/react","version":"1.0.2-alpha.3","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.2-alpha.3","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"f206f46b8db70e531de6d3bdeb06c9b5d82c7828","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.2-alpha.3.tgz","fileCount":532,"integrity":"sha512-RWhrfT6PdXoVefmDtoAE3rDy75OSwBw6AeaMBzQAbbz9yqdCiH6weCCqJNopmLfKH2wjCXVhL/zQghSjaT9vuQ==","signatures":[{"sig":"MEUCIDKjZWN1Vdnvw0kyiEwl19xwj+kiZ77n+5pPe91i6+LeAiEAks+4QIdE1ewm7sZ67abSElH2ZdhUa6l2DzjMv+QgeM4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1286843},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.2-alpha.3_1697016815770_0.9327953085417078","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.2-alpha.4":{"name":"@gluestack-style/react","version":"1.0.2-alpha.4","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.2-alpha.4","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"36d647c56926d9a20f2dd7dd466601b14bb577f9","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.2-alpha.4.tgz","fileCount":532,"integrity":"sha512-x8qC8+owv95ETbuBVvDWFax0N3PsM47qcrmV3DGBuZaVboObj8MO7x3L0a28G74BGEiWOSrqT60+r/IG5sbuDQ==","signatures":[{"sig":"MEUCIQCb+1UJp3aNVuzAMhe0+ljaSNmcwHj1cCiyE9UH1M5SZgIgENFasKzX81gIUoWn3jycTc0YxkRTQJexlwT2yJB1E/E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1286869},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.2-alpha.4_1697017045874_0.36893472063667043","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.2-alpha.5":{"name":"@gluestack-style/react","version":"1.0.2-alpha.5","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.2-alpha.5","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"fac0c41d2d27f687fcdc2b48c8f96048605fa4d4","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.2-alpha.5.tgz","fileCount":532,"integrity":"sha512-inZeu/DTsclgmqSob0SoJv+xR3udSHgGRH0FFOiGRSYXnUoRAco1xfGPOzPDIL5RAsZojY3crP+kUJmI6jJqHA==","signatures":[{"sig":"MEUCIQDsunqe6orlZUz/F0Utl5UT4itpEH5/kxNJpY+0DDuA7wIgE8C7FkrReSpsDQFlNwoueIuQdD/JOlL7yPEcnv5spRg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1286904},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.2-alpha.5_1697017447529_0.10268406449096701","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.2-alpha.6":{"name":"@gluestack-style/react","version":"1.0.2-alpha.6","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.2-alpha.6","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"8dbe333b4c03dd059b46cf827d103a46be203543","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.2-alpha.6.tgz","fileCount":532,"integrity":"sha512-DqDniz1fH5oBry4lcKuxJ6HgkkDkiE7dfTWX7MaccULsArbQVM+k/2UbiKVD8yVK9QqzCR6kn+b855kFO5vYKQ==","signatures":[{"sig":"MEUCIQCd3n9Sz+Gi1F6r2XpULRw10Kz8YSlUqdZEatB/YA3DyAIgCYsP7waiu6o3lA+AZT6n8RHAxTgp7bOkG9tMDw0y3ug=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1287999},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.2-alpha.6_1697019692075_0.8497635540538433","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.2-alpha.7":{"name":"@gluestack-style/react","version":"1.0.2-alpha.7","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.2-alpha.7","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"cc7fbed44a37554735b7bc5ad1754657fbfbbe3a","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.2-alpha.7.tgz","fileCount":532,"integrity":"sha512-s0DO5dy0irxpHbQTUFRpO7Aujhtprh7F10Aj1C5R9zLH1CKfy+Yu/4ZiGy772UkEfx6hFjT4YVe8fgs8+RGUwg==","signatures":[{"sig":"MEYCIQDWgHzf347omhSuHEkky2SopnFbmV+Q/Wc0P/Y6AJuFawIhAO1zCsrXkIQSiEgszxtJrYg50/lEyrxWnCz1N5iVU70X","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1288252},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.2-alpha.7_1697020347192_0.6900583638109488","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.2-alpha.8":{"name":"@gluestack-style/react","version":"1.0.2-alpha.8","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.2-alpha.8","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"a3b94e7544c1d9d571e24fb3200be51cdb93f214","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.2-alpha.8.tgz","fileCount":532,"integrity":"sha512-u3tq1dD0lgoXvADSc6L+KQ2Rs221wkP8KBYFNDUzeNmZIb0Ss8RHt78U5aq6UUbD+l6jx0mKPglW/gFVQZbqwg==","signatures":[{"sig":"MEUCIQD3BlGL/8aeT2jU+rl9B01iDToY7HNAINfsn6k3yyEw7AIgTk+Qo3ieAx0zZSYJdK34N2kHUOaTWdl7rNWUZ8rP9ZE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1288421},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.2-alpha.8_1697021296511_0.6741946861590209","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.2":{"name":"@gluestack-style/react","version":"1.0.2","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.2","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"20f7a9fb52996556ab6af9c2173ddb22b5eaf6ed","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.2.tgz","fileCount":532,"integrity":"sha512-iKliiSoGtH0yxXsl0mxJ8hkdtOKsYw/1UXH3dj0IfrIj0vrnvPgcvGk8uL4hcXaUnyl3P6rIJi57GYSFGs85Dg==","signatures":[{"sig":"MEQCIBSnNTZS+Xc8EbPOk+RAWigoA139GjVY2Rg5QwNhSxk7AiBgqV40m6HykdmfE8z8rT778GBgWUi5+mmQtD++mXLSXg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1288558},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.2_1697022926326_0.47366747456028","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.3":{"name":"@gluestack-style/react","version":"1.0.3","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.3","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"3db524809967ea4a304059f1b6b4ee2806a25542","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.3.tgz","fileCount":532,"integrity":"sha512-scYp13G61/XEgnOGmObX2pTfsRSUpwrvoHXWGPCiuI08LLq/0pYgqk4oJHhDt+zteq9j8q9Wxo8KTKDXeQvBDg==","signatures":[{"sig":"MEUCIQDBkBeedLPby/Wh/5Nobo+pJcb2T8l+WprNGkq19RU4+wIgM6yMf2khTRZrO79+OdSZwaN6QZK4xR+4gnL68FqJYLo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1296424},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.3_1697030194388_0.9328916368388416","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.4":{"name":"@gluestack-style/react","version":"1.0.4","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.4","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"05d7c8f2cee7d1fd5e74f04882ba41c167215c41","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.4.tgz","fileCount":532,"integrity":"sha512-RG6HwFmqEkKc/yGLZHBSAWpwkN3sHdXJ6ZuR+GChvBRLPDUueKoeeyId5z8/N+ZeEdu/8VvfuBKvDEcfv1AIFQ==","signatures":[{"sig":"MEQCIFpmaDMwouHn7i9T5OzY9hS46GJV34bvhvymZsJEFxd+AiByUm0WHZGmTxVWWlqqvCnvtNooRwC3rueTVo9930v18g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1297353},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.4_1697091711583_0.37074859859080855","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.5":{"name":"@gluestack-style/react","version":"1.0.5","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.5","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"80c3255d935cf619eaff3423f182560765bf058e","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.5.tgz","fileCount":532,"integrity":"sha512-zVyt74Tn/uqzo/F9ctYIaYoyggG+oWDw2XfOBDcuCGTwkclvAcprYdXWPDkCvy4aBOfIRUkwlz1qaEgaD40G0w==","signatures":[{"sig":"MEQCIEaoKeSjYR/jRJueKf7Ab1JtOcx0uFkBKOjkjOxDIaFaAiBQXOwtX/vJdGYuk8eJYf4E63dEwo0Brr+lluYPnNqe8w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1297507},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.5_1697105036802_0.1618734323843849","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.6":{"name":"@gluestack-style/react","version":"1.0.6","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.6","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"8452e681341b20426b01435c5c9b75455f33aab7","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.6.tgz","fileCount":532,"integrity":"sha512-NUQrfXoPEUNxOIOVIP2U1ZAY4V7lVHyJ0klLecpjQQlO2BEP8youK/jRH2VOTtYASGiNWLFAUXQ+xnmw1dsVCA==","signatures":[{"sig":"MEYCIQDk2m9L6fseBax1ONAzGmMgDcr9ATPtLYZu8IGYu9OUtQIhAPfIP0TXODCvbH2ToTEXbAY5RV27NvbC9VLAGyWcGkZ1","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1338311},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.6_1697462889646_0.9740259956534296","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.7-alpha.0":{"name":"@gluestack-style/react","version":"1.0.7-alpha.0","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.7-alpha.0","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"ea0ddc98206ebe96b53f1705e6162f3050e28e38","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.7-alpha.0.tgz","fileCount":532,"integrity":"sha512-KSfVxiYadV9y6AiK8F8UtmkTQGUYx9yPGAX/Fy6MFLOP7Icpfcq6c+HTEKtBKLcb931HGqhNmEz+ttTP6ZiMuQ==","signatures":[{"sig":"MEQCIBHWIG9AkzpC/zh+7B1paRQg/bLWYImKEON6A4akckX9AiBULO9P7sDXb8h8t6CCQcoRW+abAfyWarRZGIFRO0J5mQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1301224},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.7-alpha.0_1697624507956_0.8356061707806672","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.7-alpha.1":{"name":"@gluestack-style/react","version":"1.0.7-alpha.1","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.7-alpha.1","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"d8f59103dcd135723958634f95d18faebb566baa","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.7-alpha.1.tgz","fileCount":532,"integrity":"sha512-cCEDvbYAxBxUWPKYU/L3Pz7YL5P/VSBrg8FAIl903Uoq4KwHDmn7FcTRNPHaSojIK53E8PKrsUfd8Fqxprmw1w==","signatures":[{"sig":"MEUCIGlqxlYI1j6mutCFoX8jBtBR+/keBvE1u/gjSmKTk0LRAiEAhpJOrvU8HFxqQaHklULMM5S7j5LxsxNvFnrel/lTcTY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1301170},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.7-alpha.1_1697625568119_0.055569090823036404","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.7-alpha.2":{"name":"@gluestack-style/react","version":"1.0.7-alpha.2","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.7-alpha.2","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"bb0cd3311bd900fa81c3af857805281ff9e9c1f2","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.7-alpha.2.tgz","fileCount":532,"integrity":"sha512-tFYFE1WJBryellSckyChJjNvWrbwCiUlvBztRWSSGnqOjf46Av8TzAYFTNSxq4j18JnvGZFwHnnkXnCQyFYsFQ==","signatures":[{"sig":"MEQCIAQd0x009G91ZPFGAFjgsEh8hefiAPu1itkrszhxJm5VAiB3D978kOjux4jOnQbj2zbrscb6RBufLBNTHDxF671LGQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1301230},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.7-alpha.2_1697626131760_0.7025674952670278","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.7":{"name":"@gluestack-style/react","version":"1.0.7","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.7","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"583fec8b1d15dba3882dccdc0f691de725e47ab7","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.7.tgz","fileCount":474,"integrity":"sha512-a5B/QXmrwmW90nv8Z2kAyb9ARJrrKKLEf8wHge3bsjZVgyY2mW34/9vCOGWS6+5aipMhBQrwYwXXgC3EDA8TRg==","signatures":[{"sig":"MEYCIQC2bXxO+4Dnyj3p4yvlczEaC87OorjeJkCDUCfsC9vbHAIhANsLR70njkiwyKcKexbMe174ifHIw59U+Du/Q8Q9OU2B","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1298304},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","gitHead":"47da14eb5c9a86390347c3fd9e5b7e2ffa6ae7e6","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"madhavb230100","email":"madhavb230100@gmail.com"},"_npmVersion":"8.19.4","description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"_nodeVersion":"16.20.2","dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.7_1697627114246_0.993582658938363","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.8-alpha.0":{"name":"@gluestack-style/react","version":"1.0.8-alpha.0","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.8-alpha.0","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"5da1f890fc4eebe1e3ddd6749bfe457b9829099d","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.8-alpha.0.tgz","fileCount":532,"integrity":"sha512-TG6FywidNu0QBPhVuF80wU0k9k5ZLHeJnYJRQXECk60GpLeJF29BPiUZNPbJjr3OT6xuyHS4q+V4Opfpth3YpA==","signatures":[{"sig":"MEUCICk7YuWMT2lGzHXI44qbs52L2SdfTolZ0L5pWhv5lE73AiEA7Hf+RoLA3SrcoWwCuPM19hunLz0v+i/0aT6L5ohbBio=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1301789},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.8-alpha.0_1697631981037_0.603025525430334","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.8":{"name":"@gluestack-style/react","version":"1.0.8","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.8","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"9f8b1d287e7403d7e1d5b6ffb6c51bd7254177b2","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.8.tgz","fileCount":474,"integrity":"sha512-dmOOBnk+0UtIrYPOcLShF1QNk01VZGBXtQvgBMnDYBKJikf93tOfcAmObZxy2xSxN5BXDl9xvZgtRGbwkkfquQ==","signatures":[{"sig":"MEUCIHCWHGRl+uUOvopYeVbK2/ASqnf8Mnz7ji33YXA7jxF7AiEAzdISZQp8tBNbvqy0bLPeqcO1bsC12EDz1LaBxlD3GAw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1299242},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","gitHead":"7481d44a7b1458cdf2ad86d96cfb494124b9dcdb","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"madhavb230100","email":"madhavb230100@gmail.com"},"_npmVersion":"8.19.4","description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"_nodeVersion":"16.20.2","dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.8_1697786191387_0.3155426005845836","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.9-alpha.0":{"name":"@gluestack-style/react","version":"1.0.9-alpha.0","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.9-alpha.0","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"d9f970511cb8a35eaa131323e636fb11b35b0b31","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.9-alpha.0.tgz","fileCount":532,"integrity":"sha512-gzk7sYDGd8zoMBipNwb41vqBUyBv43NYjdr6+ZMhB0iaNTR9P50AMnTwAMaSGRiMrVtGoSdi4mUkcuVoHJlkkw==","signatures":[{"sig":"MEUCIQDmgyvx9faMVkXm17jm3z7CSS7b2J5EzsBr4jpz4UwR9wIgA1RbnN0DPSryYCg8UMevcxey2EWLaZviH1ClpSxs+i0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1304667},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.9-alpha.0_1698237725717_0.8065237497788154","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.9-alpha.1":{"name":"@gluestack-style/react","version":"1.0.9-alpha.1","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.9-alpha.1","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"4e59f4a6bccf00487b1fc03d64817074e1552d05","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.9-alpha.1.tgz","fileCount":532,"integrity":"sha512-u1ayfyOrelVSsfMuZR82nP3pGsW6QBqz68FvFNdC5PPht+3+1y6icV3wFq3WS9krHD17ZNum4V2HQW7A4yNx1A==","signatures":[{"sig":"MEYCIQD2k63xI740Dy8o41mX7OyCqeaBbrF7XWq+j3NoYTxBTQIhAIpbX2hdKL6Lpa2WafhHMEHZxtyK4UxABtgADW9nZULm","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1304511},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.9-alpha.1_1698239411089_0.31358410137801274","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.9-alpha.2":{"name":"@gluestack-style/react","version":"1.0.9-alpha.2","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.9-alpha.2","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"a4610b313aaca78222a7ff69dfdc4e70d53fc4f2","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.9-alpha.2.tgz","fileCount":532,"integrity":"sha512-AWJa+a3CRW4cFpRawMmc02gHj+bYJj9dv4FH/1iCIIC0oFGbxHAKD6Sjm1ao2PAiy+5aJtZ0Qe1xS8ZOKvpO2Q==","signatures":[{"sig":"MEYCIQDTIlFb5wEpFEgjh0QUPktjdFYHXlqmuz+2gcbV1lMkFgIhAPUTC4747hmYEgW8BiBc3/n/yLAlzz36RSENSvJQdi2r","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1308042},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.9-alpha.2_1698303046383_0.193626130800155","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.9-alpha.3":{"name":"@gluestack-style/react","version":"1.0.9-alpha.3","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.9-alpha.3","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"bbbd3e8080ac0c54f2812d8ffaa469502f3937a3","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.9-alpha.3.tgz","fileCount":532,"integrity":"sha512-LgAt2HpvrUPt3wq+1egbAixYUyPtqUUbjHSHWWmZ0ttvPQqxrCoMUf+qfxSaPHbea4lBtyXwFugH1SwufTDejw==","signatures":[{"sig":"MEQCICZ+BBdo/kiYE+mmK85BNoFFFTd4BQOqdOpyenHbQr5wAiBLIJcO6TSiKr/EBlHwG1BRHiLRdqZPeONvuX6uf9u1/g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1308530},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.9-alpha.3_1698304581935_0.1414007124095471","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.9-alpha.4":{"name":"@gluestack-style/react","version":"1.0.9-alpha.4","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.9-alpha.4","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"f990349a1e99cb49df91420b111578be6fbd2fe1","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.9-alpha.4.tgz","fileCount":532,"integrity":"sha512-/7DKXrD1+uOpfVyeCTZai1yjNlGBD2rtst/rHHQD5W7kXP685fvjE7agUNjuXOB5Uv3rHutimTI0HiZKQV+IGQ==","signatures":[{"sig":"MEYCIQChR5HsW2l+dDCxPnVWlAWtTC4JIVQr7NJWZtWCPByKnAIhALl2m/3/QPm94Ka1ZpUZXcgDGEr46Y+P1Uow/w0eGWPL","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1308789},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.9-alpha.4_1698305534146_0.1933521837208323","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.9-alpha.5":{"name":"@gluestack-style/react","version":"1.0.9-alpha.5","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.9-alpha.5","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"cfe71c684783aa81682c910551095fc44e2ee011","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.9-alpha.5.tgz","fileCount":532,"integrity":"sha512-bLsCZFgiuqFkLy0sGu47gpeMSOIPopf35EFqCojwYbJlR387FlDP45lDuunu/g/avTZDek+E6vhLpuyDeKzp4Q==","signatures":[{"sig":"MEUCICcUK9qAG6VK0SbxK2LDTl9yZDsUAaHYlic8pQYR7KxjAiEA/RNdwWQPqbbpIASxeoG4PVqcp9CkNWk/L+nCQxGcb7o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1308171},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.9-alpha.5_1698314548355_0.004261547647301356","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.9-alpha.6":{"name":"@gluestack-style/react","version":"1.0.9-alpha.6","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.9-alpha.6","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"e33efebe9e21284a741e60801ec6eb3704339c51","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.9-alpha.6.tgz","fileCount":532,"integrity":"sha512-IYt6zTpRRh3YIcoeabTJcIptjhjgV4j5kMGD+d6QQUezVh7JzCH4fDCfVr/mPE1Z2h8MK8TpITaqlZV6IatTeQ==","signatures":[{"sig":"MEUCIEU4JLgD2zJE3GAPzKr0l82c08zNxrMN9hIxnUdjOw+/AiEAxOhRAnca8tzbTLzlo9TDH19OmdLmr7keNmj7bXIDMps=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1304765},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.9-alpha.6_1698328714776_0.1946769209304584","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.9-alpha.8":{"name":"@gluestack-style/react","version":"1.0.9-alpha.8","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.9-alpha.8","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"568db512df4801bd9c136810cc25ef137f895fea","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.9-alpha.8.tgz","fileCount":532,"integrity":"sha512-6ZMdEF4rEVA2QlTXAWvlq9PZIYZLtNVo0jt3SJA30Mk9dKP25tgwVL+627ciOXAtVjkhI62viwqRa5BDaaFHDA==","signatures":[{"sig":"MEYCIQDPSZ4Odn9e2GFQ9SbN7yq+8U5vzMNJdDGs4z2hCuMMHAIhALWgGkJUgUzQ0vRRwdWIzeyWIH+5AvCGLdEag/EgvXLL","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1309973},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.9-alpha.8_1698657906808_0.6758714313555949","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.9":{"name":"@gluestack-style/react","version":"1.0.9","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.9","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"695229a709662e596dbc7a5915d3f7d4e843baea","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.9.tgz","fileCount":474,"integrity":"sha512-xNsCJcj7nqhmBk3YNM3WkbK9PikTiDLdSGwBQuvd8qAqGmBYutGdGNpiXLdxbSxxWtaLF9amEYQDaTqcl9dByg==","signatures":[{"sig":"MEYCIQCg2/wZSYWuGzAE7MWIG4myajc6FmeTUKPrakvxM2a6WgIhAKmmEITHHD4yv9Qa0XEfKYxscf57alDz1esy2sOC84Gh","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1311184},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","gitHead":"acb10104976f3af9f3d88cbed5bc3e4e0ed4f288","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"madhavb230100","email":"madhavb230100@gmail.com"},"_npmVersion":"8.19.4","description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"_nodeVersion":"16.20.2","dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.9_1698660611754_0.3188168362456505","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.10-alpha.0":{"name":"@gluestack-style/react","version":"1.0.10-alpha.0","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.10-alpha.0","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"d436c7c55f5bf20743d2ae7959e7bb5329269e00","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.10-alpha.0.tgz","fileCount":532,"integrity":"sha512-354HQ8UleOTqk7h9wKK0Valh/nVrpOC8BNXAWTe58oB9oFz1Dpcj8gTOOI6wXP4pZJNJKV2EOOJ52oHTXgi99g==","signatures":[{"sig":"MEQCIDM2vy4zO9b7bTVvxRMTGTfvfs5X7PzAY8+/T39GWJ29AiAFifIdBVQjn/IoHeJUrFC2PSODq8nOsr06DQOZY3eA/g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1313709},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.10-alpha.0_1698662412584_0.061992203588683514","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.10":{"name":"@gluestack-style/react","version":"1.0.10","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.10","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"eeea8a0117b9450555d043588862353cc75c2e9f","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.10.tgz","fileCount":474,"integrity":"sha512-eh+PEHKdqwfvO/Q2dmu9RcxW3bkDsB53s2xLIM4PzFbilElK8THoMjtdGuWAQM5kRKlW+kCAcFqfrObNaO9g7w==","signatures":[{"sig":"MEUCIEc+uXTMAG4vEzeg11iXDo8oOx8Lnqd1HNB4Mrzdkt8cAiEAkATrlqmLV7/Uw7EFbKMRczZj47kt/QGI5CY+uCS3ZHs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1309972},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","gitHead":"15a286918e280484f4f9c6f699e745bb22f7da15","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"madhavb230100","email":"madhavb230100@gmail.com"},"_npmVersion":"8.19.4","description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"_nodeVersion":"16.20.2","dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.10_1698662956594_0.6055579962790947","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.11":{"name":"@gluestack-style/react","version":"1.0.11","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.11","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"9cc8ce9956bad1cfdabbb37626e36c916f260f26","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.11.tgz","fileCount":481,"integrity":"sha512-EP/pciHm9IaYzXYQVkcwAE4PDuXXvivvk4Lfjsr/ox0QGPtxc+MTBXJlhJoUf+hvosTBv42ElzD+wzW9G2DD0g==","signatures":[{"sig":"MEUCIQDk+91zaR2VXv4ZPq5uK175lBga2/JY+/cR44VaSStFHQIgHg6dzKgg3/y9reFSZdnuSX9NKj4y10adhCYLDC6QFzU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1315640},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","gitHead":"85c3355ac5ea2aa3178b4696561295d8b8565993","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"madhavb230100","email":"madhavb230100@gmail.com"},"_npmVersion":"8.19.4","description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"_nodeVersion":"16.20.2","dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.11_1698738965357_0.4683562802731127","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.12-alpha.0":{"name":"@gluestack-style/react","version":"1.0.12-alpha.0","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.12-alpha.0","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"4c871a7ad5681be5a4f184fbf0cd01dfa0ba970c","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.12-alpha.0.tgz","fileCount":539,"integrity":"sha512-gRBpq5RRCVCy8qiuDwkFDeheUAPOcCj+i02cE0R5UBnpbHhCVZfotZBFkgcTpotxfiQdFSKOqVhJ9jbFj4Pl+w==","signatures":[{"sig":"MEQCIDjzug04A9JgF1uOK8MKKfHHUpQoUke5ubu6nH6nDRHPAiBi+MVyz4eKr1K48DfSwrnmYr27DE6KWNDDKDZBiUMRJw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1321706},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.12-alpha.0_1698743680351_0.1652234847101932","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.12-alpha.1":{"name":"@gluestack-style/react","version":"1.0.12-alpha.1","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.12-alpha.1","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"8d090d881551e4797ee5c83020a56611858aa745","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.12-alpha.1.tgz","fileCount":539,"integrity":"sha512-v2lWNbm9vlsdWyZHZW2cxZQwsSIXR1VZza8PW6txz2bx55/m3xVxdKN6mfI0uB9DIv54jtrVo4Dwisz/mJ2zSw==","signatures":[{"sig":"MEQCID9wM5XS/HFK8jDLDjHkBUhGQ5tk5d9mIOhBOJPxpYLbAiAfQIBiDNbuATlbb7q10s8Fpuvfgq9CZQBGgj5I/Xvcaw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1320436},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.12-alpha.1_1698743878061_0.8733390238040357","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.11-alpha.0":{"name":"@gluestack-style/react","version":"1.0.11-alpha.0","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.11-alpha.0","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"566bff009e893f735c44c6ed5766366f7e041bbd","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.11-alpha.0.tgz","fileCount":539,"integrity":"sha512-FZf8aP2HxfXVc9rsTw011512hhZ7C1Cm+/IgyKH0OBhGwzOREiUDgwvEyEKw71+fVo74Inm/+77WKp/3KwArKA==","signatures":[{"sig":"MEUCIQCuUzMvnaocx0TDPWP5V5sxjnALXzyF1xEV2JSIdkq9PgIgP39KzyZq8GAC0lKDoKm2xUrOwjP2mJHErMTuULO/1Dc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1320666},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.11-alpha.0_1698997878594_0.6182951736998821","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.12":{"name":"@gluestack-style/react","version":"1.0.12","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.12","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"00aff3fb03c20bd488f687076bf445cac97efb13","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.12.tgz","fileCount":481,"integrity":"sha512-hI6y1P4k0ukg7vdJscnVilg6AdQJTdPrtnrRRSG4gdusrjuSP+PUycAnkgTgotCX6L8VS8JS0Ju/ii3JMt0Gtg==","signatures":[{"sig":"MEUCIHI2+4Ru7hPWJFAG1k9yvMJ/Mlu33JFR+MP+DZffkDyMAiEAlvvmpWLDjNw75cKLKquJvFfZE/7DkvjC/JRIZXXRKeg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1316672},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","gitHead":"ad73835e1731e1918dca52beef28e669f93093c4","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"madhavb230100","email":"madhavb230100@gmail.com"},"_npmVersion":"8.19.4","description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"_nodeVersion":"16.20.2","dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.12_1699003029548_0.9354228306455232","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.13-alpha.0":{"name":"@gluestack-style/react","version":"1.0.13-alpha.0","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.13-alpha.0","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"71265dc5e20f9ea7e44cf8e70aea7540f82ad9f6","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.13-alpha.0.tgz","fileCount":532,"integrity":"sha512-C5lupONLCZ983BMOpSR9sibXqI0OE+Yv+1iAzCEefo2RSUDX7mo9yVjCr5rnH2Z8dw5UN97PAl0XfTJTFVjeUA==","signatures":[{"sig":"MEUCIDnoK9xqdzZmcTNSuiGXEswKgcAIaT5mWDNia6SBa9srAiEAlP3waa8QbiELXXSzQIvMl16DIoz0Vxq4S0RCps+Pjoo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1334076},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.13-alpha.0_1699247667737_0.9052675650639956","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.13-alpha.1":{"name":"@gluestack-style/react","version":"1.0.13-alpha.1","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.13-alpha.1","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"dc668ec56043964a9498794612c0a1b3ab60c9bb","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.13-alpha.1.tgz","fileCount":532,"integrity":"sha512-1p6LeFZRUm2EH/yl6IB8A2J6rrYavr9mQUV+oFluFnZysnG8NqirrjAmJBTtEr8+kBiSTFIOsAd7+HH55cpB0g==","signatures":[{"sig":"MEUCIHtflt6XuDDNJAlP4fhSRxlg6LfIICHFXy0Kqr2nuMvMAiEAlT7NSEHL5aixWGak0CZ3ErnUhH/wOuzGmQXPi8HhQzk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1335925},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.13-alpha.1_1699331930112_0.9050496429674535","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.13":{"name":"@gluestack-style/react","version":"1.0.13","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.13","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"313bc1689649a54b58861ed00d9f05888e6b7e64","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.13.tgz","fileCount":481,"integrity":"sha512-YXcVGIwBpitjZXtl/WBTBGfizgEcZdYdvUL5QEGvP8Znkm2ACW/YGXstHiLltE7l9l3PxAIjnYt1KjKp+7fetw==","signatures":[{"sig":"MEUCIQC8XBaYcm3wok3lth0qtqzvyt2w1FH4JNXDqwEhC8c7VgIgV+r10txxSyyawz/zbSnKbQpEBG6jwzOIEXMMPuNSu5w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1338590},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","gitHead":"0f8c04a1b23ec271957282043cddce28ec0aa93d","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"madhavb230100","email":"madhavb230100@gmail.com"},"_npmVersion":"8.19.4","description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"_nodeVersion":"16.20.2","dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.13_1699338236908_0.23535086129309057","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.14-alpha.0":{"name":"@gluestack-style/react","version":"1.0.14-alpha.0","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.14-alpha.0","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"4bedbbe4fe7625e3da1325f7e148e0a9dd6dea20","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.14-alpha.0.tgz","fileCount":539,"integrity":"sha512-hhWEQPl3wE1eqc6SlGkRG0LjqPGbQCUNSYASXGI8jLXFPX9kAF4wuK15hpAUMzS4v5K19B+4+ZO1Jpu6WH2wYg==","signatures":[{"sig":"MEUCIQDib4d2+g4oxtW/R3F7pG3f26jcPPlZy/hxezOXD3DstAIgfNor3sC3MI4bIYROuTcqLQlTx3GKoTbNNlXNq5zOUNg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1342948},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.14-alpha.0_1699366427364_0.37498938457729314","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.14":{"name":"@gluestack-style/react","version":"1.0.14","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.14","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"f3991cfedb718283f6d253176edb604550f7c232","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.14.tgz","fileCount":481,"integrity":"sha512-fZ2Q5V4hbF1IakvkjcMF7sOS3ndQwbV7oPZ3Ubl3h22hAUFABUgiXH7NA9quJjlciHOtiQ6Nx9ZJVRvbi/bJIA==","signatures":[{"sig":"MEUCIQC/Ncwtxskhg6MJeRmXbMmk9FUZefo3TA+w+zcaDKkplQIgY4udTnta3HmNM07zQDxP7dtAcsqQ+2GXNbITvRQ7ETk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1338591},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","gitHead":"2d1d4d3757b7e502fba8ccfad589d39050addc2d","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"madhavb230100","email":"madhavb230100@gmail.com"},"_npmVersion":"8.19.4","description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"_nodeVersion":"16.20.2","dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.14_1699367088599_0.15727602488890113","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.15":{"name":"@gluestack-style/react","version":"1.0.15","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.15","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"fa0a450bda000172dbcdb8b3f567e2085ec6bc25","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.15.tgz","fileCount":481,"integrity":"sha512-/gpHcQNAG88ZvMcPtE2ZHUxC9u4W6ToGkAgbrOe01IL1I2YBBlo7y1HLooJIofOGLQY2AjtoU/A5w3LrwFFjHA==","signatures":[{"sig":"MEUCIQCZaVlvsiOpDxYt6cbfVQ2Y1CF/xFWzD0u/JG81nfvVaQIgVKoZw0/+PwlP6ZTEMe7DkkGNGrTk+4LxYLMFJ6qi8d4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1338693},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","gitHead":"92075764114ccf389bc832d6b30d0bc3cc3d7e8e","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"madhavb230100","email":"madhavb230100@gmail.com"},"_npmVersion":"8.19.4","description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"_nodeVersion":"16.20.2","dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.15_1699432320094_0.7219146322643961","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.16-alpha.0":{"name":"@gluestack-style/react","version":"1.0.16-alpha.0","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.16-alpha.0","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"66e75761e776f2e5f1afbdf2389fb4e1fe3f63cb","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.16-alpha.0.tgz","fileCount":539,"integrity":"sha512-J2kqitf+zUHYPDoxVd0LdSAQ+1IFzmnlE7VlSi99S6VTO2EId83qPSwPBSYuGr6B9vJhYKq6kLyQXtYQycYymw==","signatures":[{"sig":"MEQCIHkzmW5rWWUGlH1Hhr5C5h+JKrpR8BwuJkG3TeQlQgsjAiBEc8Moi0a6hARtWk8LuX43KKuqBoGpaRlpIllZb96gKQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1343963},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.16-alpha.0_1700123048001_0.6976951183853295","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.16":{"name":"@gluestack-style/react","version":"1.0.16","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.16","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"6b4f80d52a2326beb6ec3ae3980683fcf080f194","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.16.tgz","fileCount":481,"integrity":"sha512-Bfbb4/v0CHm+xqkdTQ4+PwArBfL4tTM90/Zpyl28EO/1mRBm0MXJqvGm5++wmabca+aaK8TUQ6vXdvlKWTuzIw==","signatures":[{"sig":"MEYCIQCMHJLLjEB0RhWOrHM1YDq8o6qRlZFZ+qnjGGo2ABh9XwIhAKYPmLkDJsXAEyeV3oL97y05Oi/HmVnjFM2AZePEj+V8","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1340087},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","gitHead":"58a2219e9ecac87fdd63c9638c613489216cf5dd","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"madhavb230100","email":"madhavb230100@gmail.com"},"_npmVersion":"8.19.4","description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"_nodeVersion":"16.20.2","dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.16_1700135566543_0.8264914169090809","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.17-alpha.0":{"name":"@gluestack-style/react","version":"1.0.17-alpha.0","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.17-alpha.0","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"11b922c093053bb9a3741eb7779f95f49c18f10b","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.17-alpha.0.tgz","fileCount":539,"integrity":"sha512-NvXCBfx1tkBPUpgXM75F9eJ+VFST68+U8ERxFPs7Ts0/YFELMRcCGExl/ffZxltMBOixKDRoHhtX+23ivV3ClA==","signatures":[{"sig":"MEUCIQDEraHXJ+iJuIDkpY9mj6bR7Z9tugRQQh9v0ZVDEBir/gIgAtPR5sCZCL3U/fykJYL1GjMum8LAXdErHMBl6YQcq0A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1344292},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.17-alpha.0_1700475053845_0.5792115691922382","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.17":{"name":"@gluestack-style/react","version":"1.0.17","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.17","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"b43c128da39004932b38419b07611c414bff0a1d","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.17.tgz","fileCount":481,"integrity":"sha512-mC3o6YA5QctZ8T5wCa3sA7e8Ma0kPldNE5+2uuaAO5UQpF34Odo9LCPO3Yc6mKMHPFHMqPqYmqDcTELkOf643w==","signatures":[{"sig":"MEQCIAUkS2HSSCz/tVEC9Cv2XOOPeYNGF02ZHrjrMXGIolb/AiAwirGoOt3Mzjli6+0PIxZthAbJhgmNYQpAVfpdO9b1qg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1339611},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","gitHead":"21ef108d931a44d3de467721e3725d5a4e9e1e34","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"madhavb230100","email":"madhavb230100@gmail.com"},"_npmVersion":"8.19.4","description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"_nodeVersion":"16.20.2","dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.17_1700741244701_0.9352249854680925","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.18-alpha.0":{"name":"@gluestack-style/react","version":"1.0.18-alpha.0","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.18-alpha.0","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"3dc2a0c1aa46a18e4f375cd2c3ffb57d4500e72e","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.18-alpha.0.tgz","fileCount":539,"integrity":"sha512-gE9jirJ3pMa6BXJONfCodCMuCf30XcNypb/Mg9CbKoCnyw/XvIxkbdcOPCEsgWm2Kbe0exflxCQRjWM2oRFiXg==","signatures":[{"sig":"MEQCIEE3kH30Mdw7DWEOVUex4uRN6gyFI5jlo0N5zp3CyW1NAiB7o3ZPmAtTeQI/9RqcSKKLPEwMX/UpfHEzNURF6Dg4nw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1357525},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.18-alpha.0_1700826503639_0.3970397544300781","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.18-alpha.1":{"name":"@gluestack-style/react","version":"1.0.18-alpha.1","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.18-alpha.1","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"9eb8e60457cd28dea54aeae73c84f697d3697fec","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.18-alpha.1.tgz","fileCount":539,"integrity":"sha512-DqJLrkeHa5xpyHYsjFbWGOJ4/ng+FEAaJ4T1R5Fo8zArxy/zPzsLeiqX1dNhc82UBq1cX2v/6zemBePxR8b2NQ==","signatures":[{"sig":"MEQCIFebWTwzfGbxdfW/rljyHiS+8j72kysVDsp9J2Dfl1bFAiBYzlkht3ULneqMoJ0w+m2O1RiF/BeOhJ6qRoIdDRaoPw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1358562},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.18-alpha.1_1700829220071_0.6839400813961338","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.18-alpha.2":{"name":"@gluestack-style/react","version":"1.0.18-alpha.2","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.18-alpha.2","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"8bf5f4ebab99b673e33a234c4fb78a75e5bbfc16","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.18-alpha.2.tgz","fileCount":539,"integrity":"sha512-DQrIlO4I3M7MmX7u352OcP80qca57ltrdaNoTCxehrAU8Ax7RjUEvfK+7Yb3/r7E1CGq3a59+sIwbBpsSFHsXw==","signatures":[{"sig":"MEUCIA5CEkoo61/6Is1z9s7T0ZVCIvPiFbNtiV8o1iaA4Cq7AiEAgSH6+o8ywzR2g8qSfjVJ+JYlWFVgkr/yArVCpNq3URk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1359704},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.18-alpha.2_1700830786173_0.24719728643288397","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.18-alpha.3":{"name":"@gluestack-style/react","version":"1.0.18-alpha.3","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.18-alpha.3","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"9d1b8ded73d87f2854da70ba5284ac5790a37230","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.18-alpha.3.tgz","fileCount":539,"integrity":"sha512-NEc5tOIdMh0PqX2BsUiF38uZc1wNZNJAthd0IrNHPOGmqQ/H8EgvNoAhFl3P9wJkT9Cn0EHMAmhp1McpKNdLMw==","signatures":[{"sig":"MEUCIFcxID2jbB1RlqhTTjbPcTAJTZi78UQdMYQkWp0yP5ttAiEA6BOal6b1F5yolBR+nv9abvK6/1NJPf0e5AuSZJFCNr4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1360104},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.18-alpha.3_1701088492943_0.8177757931773042","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.18-alpha.4":{"name":"@gluestack-style/react","version":"1.0.18-alpha.4","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.18-alpha.4","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"6bae00fa743d3cdfe06b2fdb6888f7e40a1c4541","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.18-alpha.4.tgz","fileCount":539,"integrity":"sha512-fzPBg86+AnOYX0rN8apJb9Vk5uwh7mIKdLs/ZRtiAbyF7+p/9b3IIhLaFUzGgqbtv76ptdfHSUXhHaG7ipq/Lw==","signatures":[{"sig":"MEUCIQCtmSs3hgV2WG4u2bnG/Wj/DQSJLTf978P++6kYmF7+qwIgFo+Bk8mywN0rKMyBJ2MuV6RdxPqu+8KBsw5DY/RZYWU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1358706},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.18-alpha.4_1701159110852_0.08351722554589669","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.18-alpha.5":{"name":"@gluestack-style/react","version":"1.0.18-alpha.5","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.18-alpha.5","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"f87707294d87e1fc0c8a2d44618bcae8e1f64a14","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.18-alpha.5.tgz","fileCount":539,"integrity":"sha512-mTcP43HACP3a+xwo1Mq0CZmt+90yhClgLP7jLQanOM2EHVUuD56F2yvGDrODUOEjZtnVy2WccRq9VSoPtHdzsQ==","signatures":[{"sig":"MEUCIDNCyb22wIeptutZHSHONZUic42p/KDvuzvTjLWq/GJ6AiEAwxCv+A4DnRMde2gdXOo/LoWL0IR3XWVgVaGBHo173ZI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1360898},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.18-alpha.5_1701168816091_0.4740120281260074","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.18-alpha.6":{"name":"@gluestack-style/react","version":"1.0.18-alpha.6","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.18-alpha.6","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"f8e01703282052d18fadc42dd03c66422baeb714","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.18-alpha.6.tgz","fileCount":539,"integrity":"sha512-Y232mRf61U1CWHXCk9+u8y5cadasQ7sJHKmU2jqOEO+TSGAsEtom72ZCZKZsjPy1OSrrn6dgRcEkURFd6wQKhQ==","signatures":[{"sig":"MEYCIQC3sGn6og8op5ilIm78tWCraddGc/THSVw01ntZB6hWqgIhAOH/JTPS2ZH+jvRO9ObL5ZliYufceyg84fNvNwWHUb2y","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1368889},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.18-alpha.6_1701172665992_0.40657083850750464","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.18-alpha.7":{"name":"@gluestack-style/react","version":"1.0.18-alpha.7","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.18-alpha.7","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"c7e59ebf47571d6f1cd59db5ff4c60ed72ce0f71","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.18-alpha.7.tgz","fileCount":539,"integrity":"sha512-+rWy1QBpmh2/GVrcjbVEgXmhf6ZJRZ5hyIDMlXFvsZ9xxn6v8poehWaTk2QGsjBj5MIOCM71V1L5igszTXGtag==","signatures":[{"sig":"MEUCIFuACqieguuyHCCuIccN3rW3JLPqx10P7eDFixI0k/NQAiEA8VzyHrWDvGw120zk5r0B3rHCj7GjRRt+Tnju+dxCBLs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1363608},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.18-alpha.7_1701173169886_0.9643298709722643","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.18-alpha.8":{"name":"@gluestack-style/react","version":"1.0.18-alpha.8","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.18-alpha.8","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"40a070884bc98798bc8e9f2707a6a3da7d44f05b","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.18-alpha.8.tgz","fileCount":539,"integrity":"sha512-66vih7dV9PVC2DsafjdnU+ct6PQcZ5Oe6uwJhVThQJnxsxbm2zfb+0aEoep0jYoegOh3yXTpNRj4Z5uj5eFh3Q==","signatures":[{"sig":"MEUCIEKHYZlnnPGpO24HOPrSoJMUb0GxEiAbeOXwCoDlAkPfAiEAk3wiCgQ14GjLzx4AnNxqJLzZNuoAku/Dnv0PdLb6Zz0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1365953},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.18-alpha.8_1701175243622_0.3485472390900095","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.18-alpha.9":{"name":"@gluestack-style/react","version":"1.0.18-alpha.9","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.18-alpha.9","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"a19237eb0b68858a0866dcd23c324ce7ee9ed0c8","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.18-alpha.9.tgz","fileCount":539,"integrity":"sha512-ziKaat2gOBtOXaN3KgQAGct2IWDVMhXVTosUCnBqFt1SYrryCPPoFj527HxdYbbyS3M62CO8Hla+th1A6/ffUA==","signatures":[{"sig":"MEQCIG1BcQ0sjWpkbHRcmiLP7KVzBGCn1tDiHCWcyY566Mu9AiA/wAg21wQGiOX+Sfj6hvrb5TsRCl9wf53Nb85KsGIYJw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1365682},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.18-alpha.9_1701175402826_0.9662661301968336","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.18-alpha.10":{"name":"@gluestack-style/react","version":"1.0.18-alpha.10","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.18-alpha.10","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"1cb82b2a6fdf462e957d516e100a37191680f4a3","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.18-alpha.10.tgz","fileCount":539,"integrity":"sha512-eTu6c7EHGWFEWXmER1CShs2nmBdeigGEfjkba14tpUiyaDcLS3sbcoQByXSJS5PKP0fn4z9rJV8lHGMUVGOWGg==","signatures":[{"sig":"MEUCIF4uTL3ZH6Phzd35c3hoyiT22XYU4uU5kugAlALhHJjVAiEAxW76xuFBYEe/EHmhmFnQp2IrPeOfb/iAdfktAHFImAo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1365273},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.18-alpha.10_1701175860981_0.09805084543816811","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.18-alpha.11":{"name":"@gluestack-style/react","version":"1.0.18-alpha.11","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.18-alpha.11","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"f748a10f519474f8425e3524c06ee016500c4694","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.18-alpha.11.tgz","fileCount":539,"integrity":"sha512-ISIK8ByqNs2N67mkkFF6jrzvHbJdP1cEK57QJ4Kc0DEdGFIolBL2zgShVzbqJFm8OJBZaTwoDI5hkfCEtT+rLA==","signatures":[{"sig":"MEUCIA8Ma9pMGQFjSEidzKCLN2VJNde6LXoY1qYQkVUXxa85AiEA/JdZbLypmHLV3assFUNSq3r7frnD1nCc6cxJ9NVahOM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1366969},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.18-alpha.11_1701177238091_0.14703177434846038","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.18-alpha.12":{"name":"@gluestack-style/react","version":"1.0.18-alpha.12","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.18-alpha.12","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"f8789762bb72232c6b7996a660fd2b56224517b9","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.18-alpha.12.tgz","fileCount":539,"integrity":"sha512-dXespHFj6vx8TK0KA6D4nIw/llju97q5gLhe7yKrzChCAA9/pOQKFfABOA/IqdtcGm1y47VOLp4CJPolEnSNeg==","signatures":[{"sig":"MEUCIQCjd16S+UCysQObhvpp/DzvnoiWxlZPObhFAZVFqbhu1AIgOyjwva9BkYW6M2NiW6R8+x6oiPZSdpuNDufp8YdW0Ho=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1366726},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.18-alpha.12_1701177578810_0.1197859379971804","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.18-alpha.13":{"name":"@gluestack-style/react","version":"1.0.18-alpha.13","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.18-alpha.13","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"1bc5cabe8aee4db2d2fe03661136bbacab9cda75","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.18-alpha.13.tgz","fileCount":539,"integrity":"sha512-qwA623EjrO6iuyQXWBkiUSb5yuCDjWxA5nkTuYbWx14ISrVvgCnkSbgpvZ+9GnZnoi2kDSwWnjt1ic54yhJTRg==","signatures":[{"sig":"MEUCIQCtRxGqiJI9WWKy3w0G2ahMM3fEy87l+yIioJrlvOJe9QIgWXswxcIdv527Wt9/IVI5de5vYiPr3q/tjIgBZ0m42i4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1369266},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.18-alpha.13_1701193845594_0.10008168603483347","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.18-alpha.14":{"name":"@gluestack-style/react","version":"1.0.18-alpha.14","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.18-alpha.14","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"f3380aa82465e8cc57440e942758874d30ffb356","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.18-alpha.14.tgz","fileCount":539,"integrity":"sha512-r9sG5TH7cpw95wk8C3txkMBgZSsfms6VJ7rU+Yrciqsh0T7kLzpJAWgWkfzvzXS9lkgKqi9sl1P7IMSjqucegA==","signatures":[{"sig":"MEUCIQCSTdbC3rPNci0G2+cJkVbCO9bgqSnPXuuKWoHOt82TgAIgfgp0GsL3zYWDhvYPJ+k3ZQlZHmAK9KgVFN/dS6zhFfA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1369752},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.18-alpha.14_1701240957201_0.7789499718947825","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.18-alpha.15":{"name":"@gluestack-style/react","version":"1.0.18-alpha.15","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.18-alpha.15","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"13c545f068aa4876315b82fd6f9151a32dde12f2","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.18-alpha.15.tgz","fileCount":539,"integrity":"sha512-Hb4/LeEhusyjhieGM3kDr3vLPzDMVHsAFi1DgEet4AyltOIWDYSVy5z03mNccgA7WD9E+LfVtpa0EhEVQ8HzuQ==","signatures":[{"sig":"MEUCIC28Ncs7QlM1J/it/rV/1bfJLotRXoGGQPD5pmAv2Er6AiEA+oMPPdku8ZoOMSreonA4d8cV79BA3tmdvBlupUksD8k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1371196},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.18-alpha.15_1701241240760_0.13031141782739653","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.18-alpha.16":{"name":"@gluestack-style/react","version":"1.0.18-alpha.16","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.18-alpha.16","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"68e2a88c551268d097289300eda8a90928ce17ec","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.18-alpha.16.tgz","fileCount":539,"integrity":"sha512-JmuoQ7QVfCyX09VaEw4E8IlePhy+BoGXl8QJhNjmrbQ4RRd2O0QhJ0y8aMRM1Kyqw6wgcW7WaH0nMjApz6ENVg==","signatures":[{"sig":"MEQCIHCcUN9VPnShNoEJ0Ru+KePmd53mAb4DWbRgMUXIg1fgAiBDMlTV3Ej29wHmig5eeIMM3bffVh1PCe+alS/wMhzM2Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1371065},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.18-alpha.16_1701241354720_0.3387447301430839","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.18-alpha.17":{"name":"@gluestack-style/react","version":"1.0.18-alpha.17","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.18-alpha.17","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"e27ddaa823ea9546944ad6eccff77d670b9236e3","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.18-alpha.17.tgz","fileCount":539,"integrity":"sha512-Yz2SwOc/uxhKd8gsfMgt5gews9WXGs11c6zvOk9AsKBeGlcOCPToY14zVn/lDJnJwuG4Il4iB5CKc0PkPZdG+A==","signatures":[{"sig":"MEUCIQCTHwooHefpAaJGeZfEKp7XBwueAj5KnTbIguv5ZLEPDgIgbaC2+Fs0HdwAwiPrQju/KuVQLxtN2d5l93BHUiITHYw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1370561},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.18-alpha.17_1701242716464_0.6498381317811557","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.18-alpha.18":{"name":"@gluestack-style/react","version":"1.0.18-alpha.18","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.18-alpha.18","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"833bb8a6941e705d381b65c204bf2dccbc38a499","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.18-alpha.18.tgz","fileCount":539,"integrity":"sha512-akfvpzyAkiVM2j7wovpQbUsVtIgfleyQpt2b/XUIq70BKwnyNP3V+PvtZFMAqhjFCnqTwVdBLByivPOXZp0dsg==","signatures":[{"sig":"MEQCIDlBWDHjOL6Ed0DuLhfgYBohAx+v1OnF/ST2TrnlnrYwAiBhizRxZd0lnCo8nYsT6Psc9m6Xho9u1smdhGv7oHrRkA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1351822},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.18-alpha.18_1701243300602_0.52692820132031","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.18":{"name":"@gluestack-style/react","version":"1.0.18","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.18","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"ea3cec5fcdb2d9474030734ec1ef82318c2f89c7","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.18.tgz","fileCount":481,"integrity":"sha512-/Ym77vpHTwW4N4T3ImUm79Lewtq4CLjVaySYv4FyFjVp2lr+A7kgRlIRRH1AmQKPv5OptUJLN0jHFhBKCZ7yXg==","signatures":[{"sig":"MEUCIE8XWcapHY7NUoh0v2mz0YJZtLYqLyqnfQ6w5hHF6eKiAiEAhJwe31/fUHtIvWgyoyVSDsrzkm/gNqCo+p86Nqy3ubs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1346783},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","gitHead":"e7de1f756daaec509f3d893171da8764d1162117","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"madhavb230100","email":"madhavb230100@gmail.com"},"_npmVersion":"8.19.4","description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"_nodeVersion":"16.20.2","dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.18_1701244443537_0.06913516077969328","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.19":{"name":"@gluestack-style/react","version":"1.0.19","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.19","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"556f5b660ad3b67e32a69b2706f7fc633103aeb9","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.19.tgz","fileCount":481,"integrity":"sha512-d9BbmwDbYl0yzYZqgurnwmD0PU4Ya9etXMGzzjHlEDKVx6fv6wdOwqTTMQMumwP4mxFw++8f3xNEVadwquYJnw==","signatures":[{"sig":"MEUCIBakxoEDzDsT95JpUxLDnRxFcNAZpADXwIuukKPZPp7aAiEAsJjAx+xs5eXWVaUBdIu0gyz3ez8Aemz8gq/kPhZ1dQE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1346990},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","gitHead":"ca106340d2b3b1a2b709f3f458ab20c7b6b14138","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"madhavb230100","email":"madhavb230100@gmail.com"},"_npmVersion":"8.19.4","description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"_nodeVersion":"16.20.2","dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.19_1701341826738_0.3655873871725015","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.20":{"name":"@gluestack-style/react","version":"1.0.20","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.20","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"0632f731d991d75e8050525d908c8efbf4a02eca","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.20.tgz","fileCount":481,"integrity":"sha512-0nlH4gUPBJipPwNChytrksJ8DKsTWwAABKQzCgS2kQhVdpOcEnejdhW7aGVqqO1hqP4LRb8bKTStXKYhs+1baA==","signatures":[{"sig":"MEYCIQCCBiwIhsgHcXe8bvfAMDFJGarYSWxFJWBiuG2t2EXrCAIhAJOhwcTY9fgzthzPzRCT9epALL9kjtelBodUJhaMeh6B","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1347148},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","gitHead":"6776c343cadec483f6515ce9a2a447683b6562f7","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"madhavb230100","email":"madhavb230100@gmail.com"},"_npmVersion":"9.8.1","description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"_nodeVersion":"18.18.2","dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.20_1701422776359_0.9460830374065423","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.20-alpha.0":{"name":"@gluestack-style/react","version":"1.0.20-alpha.0","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.20-alpha.0","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"579b8a7da7f6287534b34f55a76655d10621d16f","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.20-alpha.0.tgz","fileCount":539,"integrity":"sha512-g6aGuIzvz953NmM4ew/uP2CTc5zpjElFUN2WOBolNo3SrHibo5l5LhaqnYTb7kTVB6oYKqYJJpKj4XZHjRl5Aw==","signatures":[{"sig":"MEUCIQCnP7FKknQ5wgxS0EN4w3hIYXWD0+7nDN1PmpwpisZLQgIgfWC2SsxKwXNsYiV52Kp0hdgWKw46URzNyeofQB5ayOs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1352453},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"viraj-10","email":"virajjoshi132@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.20-alpha.0_1701429019644_0.47839141186736533","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.21-alpha.0":{"name":"@gluestack-style/react","version":"1.0.21-alpha.0","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.21-alpha.0","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"6ef0dea1d1fc8d134c2864f7e9b37ab590b86d37","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.21-alpha.0.tgz","fileCount":539,"integrity":"sha512-EbzLP+W7WXib47yGes9/1zWapro6f1SG8451uqQ85G0RM8So/FQC8QAklYcXpkcAOB6vGdd+neKwEjiMDe1GZQ==","signatures":[{"sig":"MEUCIQCmf5cnehFK+IhaHuw+NDbhlfBV2gjDlkR/fJNje8k5yAIgDq9Qvc08gD5waefluqwKKiH9UkLhGMWo8an6z1xg6jU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1352678},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"viraj-10","email":"virajjoshi132@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.21-alpha.0_1701682193879_0.27139422942473934","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.21":{"name":"@gluestack-style/react","version":"1.0.21","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.21","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"cbe07ade34a626e075a7b16a90b67f86e2ce1c2c","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.21.tgz","fileCount":481,"integrity":"sha512-KXlQ0GIW08gAMdmUH77rMBHFhuK9KpPRLo4SWbFMWWT/fEGY0KQxAKpyhhwjD5pp4vnx7At285V63dtucKJRpg==","signatures":[{"sig":"MEYCIQC9rCurPo9ULGkzBDVg3HSLS52iwc5jS0K7vGWRI5rhGAIhAMWoJWQYdn9hGxuo6CWk51870NNUFD9PDejTHgIQPOC4","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1347377},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","gitHead":"c8fa704787bd38ddde9369a53345e461893080f6","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"madhavb230100","email":"madhavb230100@gmail.com"},"_npmVersion":"9.8.1","description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"_nodeVersion":"18.18.2","dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.21_1701683840503_0.36324865507239723","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.22":{"name":"@gluestack-style/react","version":"1.0.22","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.22","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"466cabaac6ee0d37de476cf4be0e05c33a73eb2b","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.22.tgz","fileCount":481,"integrity":"sha512-TfLXpkZ997zyQKTFwD7HEUhazn7slaD+X4IBbXJBrxGoYuYDAi/rXXmTrLeaVIKR7hCndSOfgAYyqbR7SR88+g==","signatures":[{"sig":"MEUCIQCbeCziF6v7TkO18IGwnPZcnxBB2k0H8OHiG5ZFnZlahgIga+j7kHuLg9AXF342h3wUN0pFBMYSz1BoJVaxpZW5g9Q=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1347171},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","gitHead":"9ac7d3a0029af05abfc2ea27bae47c97528329b7","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"madhavb230100","email":"madhavb230100@gmail.com"},"_npmVersion":"9.8.1","description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"_nodeVersion":"18.18.2","dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.22_1701688398638_0.6303147543667504","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.22-alpha.0":{"name":"@gluestack-style/react","version":"1.0.22-alpha.0","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.22-alpha.0","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"a49f82b10f60031f147b46a54bd606e7d872c65b","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.22-alpha.0.tgz","fileCount":539,"integrity":"sha512-JymojwGba1Xl/C6ng1HFDe2WZS9Nil5/55sQK3Ggur79uRXIiuqMXvR49WqQoqdN+mNcvSIzgwWeJwzq0rucDA==","signatures":[{"sig":"MEQCIDP+zo80V2NoXLQOztCO+J4OKXIdts+GKt/Vr+Og1IZBAiAbRGCYd5ru2k0yYQlquOQXg6pdhluQCu3hz1dD3PJWVA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1353028},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.22-alpha.0_1701689838110_0.7984648550932907","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.22-alpha.1":{"name":"@gluestack-style/react","version":"1.0.22-alpha.1","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.22-alpha.1","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"b326035086d75ded6fc2f273a34f229d0e1f261a","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.22-alpha.1.tgz","fileCount":539,"integrity":"sha512-eFcoBL1+IiYKxtTOuhNgoppGN+Yhfj/AgOI4Vr8isoFKaFutLNSlmwa96hs1052a2umDf/Z238frg9ARzlkx9w==","signatures":[{"sig":"MEQCICjObVQBK0bnt2t1SdQocfc5eEcKGsqjLyk8T+IGGqCXAiAYHwXl5L0E/bxJmArvM34Z3swYN3wR5DzN6v+q1jI1vg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1352516},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.22-alpha.1_1701695443671_0.4713961249370786","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.23-alpha.0":{"name":"@gluestack-style/react","version":"1.0.23-alpha.0","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.23-alpha.0","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"575a8d6131362ac2f2821edf009e211730b47693","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.23-alpha.0.tgz","fileCount":539,"integrity":"sha512-9+7gvDuw0/TcD0PkW5HnlBE1hpjpq3a7kOwuDa3HAguFsDf0KdjpNzbB/N/P/20L4OaoCS2PgWWm2CokcfhIPA==","signatures":[{"sig":"MEQCIEy9P2YcTCWuCdq+B4vZsP1GMf3lKWh9HKa91W4h5hORAiAefVYLa5YNrVT6JDmInQUwQ+Doag0xXy7MdcaPP6zJ+A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1350156},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"react-native-svg":"^14.1.0","normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.23-alpha.0_1701847505309_0.773187678729875","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.23":{"name":"@gluestack-style/react","version":"1.0.23","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.23","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"063971ef62f7d00d5336841bda935012b71695f1","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.23.tgz","fileCount":539,"integrity":"sha512-Up0i1mEsfsowMgqnRegCvXke8t7XSUcXlFI0+zv81806ykD2v8PeruXJWr+LZSW+t39zhOVcIjborWGrUZ0rYg==","signatures":[{"sig":"MEUCIQDynQ2ZpZVUGqU5exDkWtUF/57Hbs1HPGO49hpyc/4BMAIgeRk1lN2L17WmQeQfElsgXrT3SAZRo7kWbMFEgW810L4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1350148},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"react-native-svg":"^14.1.0","normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.23_1701850489965_0.6517589968149651","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.24":{"name":"@gluestack-style/react","version":"1.0.24","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.24","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"80bd2e8d3953d0f952e0be468133e815b19713ab","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.24.tgz","fileCount":539,"integrity":"sha512-DqCIoHjF9ISONa7fnlZ0g5lDbwqAE5bos/eO7JMttIIAQ7Cc4gEiDSRoAa1HCb9pqzeyYd8qVQUfRoIwY3fbMg==","signatures":[{"sig":"MEUCIQCsyMd/0QmIlN9tRakZKxm19a7ZxouTqoGBjBtz8ABlxAIgDqwWP+QDwEmVI7Vg1sGVZYdSybeiaOmiwNyBO11Zcmo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1350113},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.24_1701850592822_0.43202282233326783","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.25-alpha.0":{"name":"@gluestack-style/react","version":"1.0.25-alpha.0","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.25-alpha.0","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"c9b090ed9eed1c9477235f913ce3d3ca58417508","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.25-alpha.0.tgz","fileCount":539,"integrity":"sha512-mpKKPU6eQ5n/gAuq6S2D395OyyEANfEsAvqb3HAEyOESUcGLT7L8cnnWrHXnJ5YXqTR19LNpBpM8k5H4EJuEwA==","signatures":[{"sig":"MEYCIQDgLrvYXdLRjsJ0ZTCoHPvd3kpBr974Sui3knyPHpVcnwIhAKxDIBUUvHOmX5YnYbljw1RiYdDmMSKfzZqOQqTM9zGA","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1350104},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.25-alpha.0_1701865523542_0.4526006631580919","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.25":{"name":"@gluestack-style/react","version":"1.0.25","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.25","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"b164957aed1d2cd64ba7b160d4b8b9d5ddfa55e0","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.25.tgz","fileCount":539,"integrity":"sha512-WUEmc3EyeX3yfMM7ZBJzQgc1GDcpuYNdP65qCAewv2ca0h0TjlorkP77VC/oDaclIe4iTFynMlMpRVZpzV6YIg==","signatures":[{"sig":"MEYCIQC/FOildjHKQWrRXNRrt9XNKGYMC5JHWHKDWq3Pa1qWmAIhALsaMtnL+aoazSQmyLu8jqNNhiTcaUsvVvr3o4t3O/Nm","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1350096},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.25_1701869130302_0.268458813029846","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.26":{"name":"@gluestack-style/react","version":"1.0.26","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.26","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"97437088060505a0c80c4d636cddcb94a31bd1ef","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.26.tgz","fileCount":539,"integrity":"sha512-mw7R6edM1HGQewUxFGUzZOtUvv4worzdiAaNLv1IRFjoirFRcZ+SIumPWG3exEb+WBkHFwH7ZjpQWqY9oHsOcQ==","signatures":[{"sig":"MEQCICladkD4WkaT+w8K0+hqW6UVzl/9c7xnCHDSCMgPQ1g5AiA1CEaxx18iJTRikTa3VJhe2z7JYduziafuE49YYS0DXg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1348816},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.26_1701931975710_0.5479274632636137","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.27-alpha.0":{"name":"@gluestack-style/react","version":"1.0.27-alpha.0","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.27-alpha.0","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"e96e7653e8af83645889a6bfe1a6a109858c852c","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.27-alpha.0.tgz","fileCount":539,"integrity":"sha512-cw0E69wzPg6jjnt3DFks/8kUhVouNZyOueFlqCe9Z3RwvZxoddSxoqEsNBb4JE0VI07PBWcqToHX3i0vgV8hLA==","signatures":[{"sig":"MEUCIQCTu3gtIN4kuFn92UUl5i+tK1F12+dyoyWL9vZnYwHiAwIgdy4LAs3/WRTx24fnBP7zd3FuSpm6dRFttBCBLnLS5ZI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1371441},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.27-alpha.0_1702298232890_0.7038449917209517","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.27-alpha.1":{"name":"@gluestack-style/react","version":"1.0.27-alpha.1","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.27-alpha.1","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"85d7e28e4ac1aed4537e7cc8583721d96403c73b","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.27-alpha.1.tgz","fileCount":539,"integrity":"sha512-FT0kF9Q/DbnOoawV70pQ23j0W2NzygeEvJLvgyZN3zcWshgkIkUxfDFSMtmNX5xrUf7Blwz2AYlu95gsV5tg0Q==","signatures":[{"sig":"MEUCIQCdJgVsKcZlIIuwa+mzKXGfgB2fgqcFIHLNfW6Wq7VBowIgdVJveKUyHo3jB4ESygNksR1qxGwLC+LvSk08pWkvRGo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1371786},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.27-alpha.1_1702299208766_0.526201030195246","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.27-alpha.2":{"name":"@gluestack-style/react","version":"1.0.27-alpha.2","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.27-alpha.2","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"5723d5abe8eeb0850efab64c9a394fa3734def68","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.27-alpha.2.tgz","fileCount":539,"integrity":"sha512-LyJGsxi5olc4lhGOsp99i6MPFp0iLR6iiVlHEUwMpAUKwdeD04MyPMUg8LLuMGqH5/MDm0UJvEPUb5AYQcB8Mw==","signatures":[{"sig":"MEYCIQCTx3nwcrp42fapv5x1tgSaRUPt2urq8AfcCdMPUxDW9wIhAOBw9Bkds3+oPldtcPaVrLo6gt88+3kBztuytYJwrqyz","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1371769},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.27-alpha.2_1702300474058_0.6270089341683456","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.27-alpha.3":{"name":"@gluestack-style/react","version":"1.0.27-alpha.3","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.27-alpha.3","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"a6d4e2047622d1c2caa73b5b38feb54f2f572ad9","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.27-alpha.3.tgz","fileCount":539,"integrity":"sha512-Ey/kYiSere4OIWlcrOgRGX+yOz6+azV8xqbssmS/K0YCH5/0FsgrzgFH+TG3lKS0aaKzX2o0G7PiO1f9WnkzBQ==","signatures":[{"sig":"MEQCIAWsuSOSMoH+v1BIQDsmeEovjYPU2TrLPhLkRhhBV5WHAiAfDqDAMgf5Vpcxz6/QfzXhSfH1EVmrZavzBeQExMCiqw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1371985},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.27-alpha.3_1702408974591_0.8171593801969728","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.27-alpha.4":{"name":"@gluestack-style/react","version":"1.0.27-alpha.4","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.27-alpha.4","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"00ccbcf6678d3960efb6033e36dfb5538b0e77c6","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.27-alpha.4.tgz","fileCount":539,"integrity":"sha512-NGanZ15OLi8LE+MLGIo1bKVBhpUTDmScGiQMVgJu3vrZJVuJ1tai9GUpCSzLx0UEe0/o/JeH9Dbi/XiJhamONg==","signatures":[{"sig":"MEYCIQC0Q4IC2j6sETdR6tL7sxGJpJ9U5iS0u9Kca2iGrgn+PwIhAJQz9/oiJeQ7hly91nPIPNdyND9W03W1Hf1RwUXtnDQm","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1351058},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"meenumakkar","email":"makkarmini007@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.27-alpha.4_1702455216757_0.35377320006751023","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.27-alpha.5":{"name":"@gluestack-style/react","version":"1.0.27-alpha.5","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.27-alpha.5","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"498977e590e30cf12bf233194993f22ce02a2681","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.27-alpha.5.tgz","fileCount":539,"integrity":"sha512-YnPfVJ8dhJ/UC5sZWlp+FDPbqyTwSR2DOxLi84kefWwC+iWOqRksOpGYt2mifedwW1UY+OODA0v4yRXJArnv2w==","signatures":[{"sig":"MEUCICBHGrr7ZkpKvCIdLsFZ4Xb8ygirugq5TQIKsPWtc17rAiEA27Rxx0UevoLT0ubZN9+pWfecQkLzo7xCEP5vQ0ixL48=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1371933},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.27-alpha.5_1702468146471_0.9504195154939732","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.27":{"name":"@gluestack-style/react","version":"1.0.27","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.27","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"0b9a9a64ebf1dd3bee9bf34e88122ba24d13071a","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.27.tgz","fileCount":481,"integrity":"sha512-bhOY0iYGiRgqv1woVqNMTI1jvz3fBJ/SReXdDo1l6ZlIyDvpkZRcVdoz03YPf7jtABU5IyR9XZuE3Cat8cqX5Q==","signatures":[{"sig":"MEQCIGwwPYoym9FeY21A5NtRUq9XgpBJTBeeeKtOmuSblHUEAiAXSk3CeY9Zr4HfPzvT0qNqNKY+h0FWISeABB0rk87C3w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1368528},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","gitHead":"39ec4f38e93a87f690de01bccb3f68e9963a534c","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"madhavb230100","email":"madhavb230100@gmail.com"},"_npmVersion":"10.2.3","description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"_nodeVersion":"18.19.0","dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.27_1702473084556_0.6048212482965181","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.28":{"name":"@gluestack-style/react","version":"1.0.28","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.28","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"4233ca571bd5140b8638dac28097a96ffb2792c1","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.28.tgz","fileCount":481,"integrity":"sha512-byoI68xinLGJj+IDDSmETc8syaczAgkjFKjsobY18ZnD2Nw5JxxUxv+90K1h7/RVXZSAwGXEzJf+extlcxpJVQ==","signatures":[{"sig":"MEQCIDn2NsMIdpReViK/woKQ1kWEZqNqt9CojWa6x+kHpAGGAiBUgLKR2SvPaqSAWT8FiRDqtA4op4OMGlvvs96HI3UsNA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1368824},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","gitHead":"8bd3630233bc0da58a0c331841945734fc8fbfbf","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"madhavb230100","email":"madhavb230100@gmail.com"},"_npmVersion":"10.2.3","description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"_nodeVersion":"18.19.0","dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.28_1702474855061_0.9820236904894144","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.29-alpha.0":{"name":"@gluestack-style/react","version":"1.0.29-alpha.0","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.29-alpha.0","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"4ec01626bea5d659a91102bd4a03e5a082b8a16d","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.29-alpha.0.tgz","fileCount":539,"integrity":"sha512-6FUrYnAyDVoDKwDq24lS6avl3Yi9gp84LNW7uhDR027Wx9dT9rik+pZLNlG7XSPnUSR3OIa/M6gsMdqcnZMYnQ==","signatures":[{"sig":"MEUCIQDoJohKGY7ymwHRUD2YqhUGYvBsWg4Th3Xfr2wBlprK5wIgPKoDK43FOzp4taJinb+qwu1M/4tbIe2l1BMLTmysZRI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1374968},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.29-alpha.0_1702475272548_0.9146303849278448","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.29-alpha.1":{"name":"@gluestack-style/react","version":"1.0.29-alpha.1","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.29-alpha.1","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"ca398ec20543156f35510965c917dbe4476c4207","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.29-alpha.1.tgz","fileCount":539,"integrity":"sha512-43SGhZdJkv3AprQu8QF9zitq6jyOu6xF4OSx+i3Cgwm6QdYRVAI6w/i0bekgk7u/pfla2z1x/j6jP2PQzJCs/w==","signatures":[{"sig":"MEYCIQDjHHGkS+frg5eVjYxL9CFYl2fn9ocRzRn7HajlZze6xgIhAMs+2xqjblohoqigwrMT5G+E4ydmosmJGK6SUtr2Jy5w","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1373089},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.29-alpha.1_1702536714866_0.7123792107000135","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.29-alpha.2":{"name":"@gluestack-style/react","version":"1.0.29-alpha.2","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.29-alpha.2","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"4277c8fb0b91f26f186e63dcb2cfc3db986eb921","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.29-alpha.2.tgz","fileCount":539,"integrity":"sha512-4LXjNlGrdOdGOYMlMENbNuFuwKMi/Jn9vyg3DF5NMh1kAKo9A6Y0mcfMOHSQVYMqNX4MeRMo7sg3ABuXs5/E4A==","signatures":[{"sig":"MEUCIQCHuUTnOFWifgks3dA+AqOem3L6LKeIyV+cnN28yTtGLwIgX4hd2M9/oXRI5uPIqHX+6yiJ/amBpxr2bofxbRQ9f4M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1373900},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.29-alpha.2_1702537126096_0.2809423002060931","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.29-alpha.3":{"name":"@gluestack-style/react","version":"1.0.29-alpha.3","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.29-alpha.3","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"c034d2e3657bc7aeef622afbbd0a6e6e8e3f780c","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.29-alpha.3.tgz","fileCount":539,"integrity":"sha512-YR850VUeNqBI8G66AVEqTnT8tEAlsDceLRNMH0QvYfKdX7R0LRrT8ZjmTtCfav4MJXOrRDVux9SrID4ATxESPw==","signatures":[{"sig":"MEUCIQD9I3VweKp9lPpxInQhiXBvXmhLaNwsSEzJg2+NfZzUYgIgIg6jrYPPJ/SV6YnzdjOKqXohaA/tWZc/aew1iIqKJsw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1373841},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.29-alpha.3_1702537535910_0.6556634229128053","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.29":{"name":"@gluestack-style/react","version":"1.0.29","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.29","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"253f92dbb78d4a49ef9c53b8c9c02872ff11dd31","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.29.tgz","fileCount":481,"integrity":"sha512-NoI5kcVQsrhYYDld410YhuP7DVuB+k99b5ycOcarM1T55ZhZrmgwPBfG83/lVWT1w0wHcumHn6+pUSNBYQyr9g==","signatures":[{"sig":"MEUCIFdriOMtaDHoI9LVlV2uOGVK2ObvYyBY5Sj8XHE4Kd0OAiEA2TvYG5PBJ1t1O5tbEQI7Npl0WjzcMHNI7+ojI0kNdzw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1367992},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","gitHead":"a170962510cd686d0a180f446bf3628c828dd82f","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"madhavb230100","email":"madhavb230100@gmail.com"},"_npmVersion":"10.2.3","description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"_nodeVersion":"18.19.0","dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.29_1702538624540_0.9454917896331834","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.29-alpha.5":{"name":"@gluestack-style/react","version":"1.0.29-alpha.5","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.29-alpha.5","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"6a541080d66e3894a296c478b92c190546dfaba3","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.29-alpha.5.tgz","fileCount":539,"integrity":"sha512-0Hixyg6Ty530Fcbf2ot27uqsVVWNyQr4/K8ueD64hVV0RQjZD5MArf2a4d22HsKqgIljQJheOQYHunpZmTpFVg==","signatures":[{"sig":"MEYCIQCtMG4mgXtbBhK1auBID391j9Hdo/nyni++KEbw1iSGNQIhALbSNUVm37sibY1xdJnx5n9ZgoFdzvHvNdqNzGklar7H","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1374150},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.29-alpha.5_1702623049281_0.8320707289461589","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.30-alpha.0":{"name":"@gluestack-style/react","version":"1.0.30-alpha.0","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.30-alpha.0","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"c2980e8b07eb6d0907820ace56dd873cbbc2605d","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.30-alpha.0.tgz","fileCount":539,"integrity":"sha512-PzhrMfsLcT/2GTqzdD/O7UQ3yh2zHSZD48VbeMPomtey2t9UeVWfKUsTz7xE729jy7hG0B85yDBc1PHy3bPgfA==","signatures":[{"sig":"MEQCIFHSFj18tH4/BAu+CNWb4SDAnyfgkwI/Us9OutiapZaJAiAcZ/dPNdrav6KZ72Q2Tv7r0O6vb75UIgaZN6gLsihB0g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1383208},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.30-alpha.0_1703056532216_0.3885261898586052","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.30-alpha.1":{"name":"@gluestack-style/react","version":"1.0.30-alpha.1","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.30-alpha.1","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"c14f6d5afa71030f9477642c29a08aed48d125b8","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.30-alpha.1.tgz","fileCount":539,"integrity":"sha512-DMIVCo1YatxRP0VFLn2iq0yGv4iWk0E+bIXHxrX9OgXnw2/Qut477BIQEihhCzAK2eIEyf3/SyYCzAAARoKTsQ==","signatures":[{"sig":"MEYCIQCkzaXjkQGsjzUUq6KWaUNy8JFTxUmI9kS/WzhsKEc/NAIhAMtATdqbLWn1gmGKKJ5nmUW9L31diDA3EvAabXpwEhW0","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1381346},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.30-alpha.1_1703056922833_0.7926344127876779","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.30-alpha.2":{"name":"@gluestack-style/react","version":"1.0.30-alpha.2","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.30-alpha.2","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"b098107d70405fc461bcf24a85547fb9e82ab106","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.30-alpha.2.tgz","fileCount":539,"integrity":"sha512-RRiBBS1JiItRBZ/Ze0hfRZNbxEvE+0fi06ScAoOIAIzOeSiWcpLXiKuqbzZDrf9AEeipyK2ow8MlrdMtLu2BJQ==","signatures":[{"sig":"MEYCIQDbY7RRhkKNHpW48kBArDEnKCfmDQcJ/QlEqg0S/423uQIhAPnmC8h33w6xg0fVaBQTmz55v0mYIi7m1T+X0CYNtSBc","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1381446},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.30-alpha.2_1703057156155_0.4560087939106954","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.30-alpha.3":{"name":"@gluestack-style/react","version":"1.0.30-alpha.3","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.30-alpha.3","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"88285a85e3b3fea2dbe170a998de5d4e9fd24ff6","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.30-alpha.3.tgz","fileCount":539,"integrity":"sha512-hvh455v18kZrHb9iyp1vTm71SL9iPl09ULILxnokxgUUntRKCvErrVkrEs8pZMJLEaNJko5WhyuumjLRr7ClgQ==","signatures":[{"sig":"MEQCIFSW3x/u+RQbcmSxt+VKYyeNByMkLHRd62YUdN0sdWi+AiB0jqQeRuNTRieeG5dgwz3WIXaC3P29gAgYFe8ijr906Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1381527},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.30-alpha.3_1703058270249_0.8230221408996157","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.30-alpha.4":{"name":"@gluestack-style/react","version":"1.0.30-alpha.4","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.30-alpha.4","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"71e617fc498f74c3a6d4e946ad9c16ccd064fc29","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.30-alpha.4.tgz","fileCount":539,"integrity":"sha512-gT3CV93N6Yo/JRQicF0Wl+LJEDq7KNg/nH3dcYCTAnycstVDIMowaoKOetmZlLTOSRASN5+UsDMLq5XYCQe+8w==","signatures":[{"sig":"MEUCIQDtfEZEcXg6jxieylTGzea8iPAtr7sEOY7FwN5MPF8UGwIgF/twKcSKLyONDFlQVi201nDIeshlScuevyO5ByGY7fw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1382186},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.30-alpha.4_1703058840604_0.28964426665641474","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.30-alpha.5":{"name":"@gluestack-style/react","version":"1.0.30-alpha.5","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.30-alpha.5","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"418dbdac654877d08301ea0b282c1dfd3e948430","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.30-alpha.5.tgz","fileCount":539,"integrity":"sha512-5ZxQeDG2hExZqQy8jL0rNFlJwx/wPuoFZyjrWE1cT+AyzXLJC6sqMeZLZqPHO8LI3f7nUb9zCE9/T/m+sLnUIw==","signatures":[{"sig":"MEYCIQCNfPlgifCLuWIxIrq/4Xi3NwMgLofIiJfLFN+uOVu7RAIhAJ14qmJTrdsLzGvEyMqa1+2FMo+wp7cr3gmisbNs1IsU","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1381654},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.30-alpha.5_1703059004174_0.7152499177486711","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.30-alpha.6":{"name":"@gluestack-style/react","version":"1.0.30-alpha.6","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.30-alpha.6","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"f89b08e4597acf56f5b95312c497ad87f7f3cf13","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.30-alpha.6.tgz","fileCount":539,"integrity":"sha512-OvTOZq18li7oPeVR2jFMel6p3lBSe9dCZopHaqYKZibfoHg5aUf8St8XfCYWOmmxtQTgDxtAuSWLTer5vrKI+w==","signatures":[{"sig":"MEQCIBA0gdx6TaiQCU6b2jGK6nqzeo5t58phrGU4fDhceMehAiAqsXcgp3vkECy9Nk9Ro9mRZIU0GKseJNTToNz/a2JeZQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1389191},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.30-alpha.6_1703090958076_0.6848620076027552","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.30-alpha.10":{"name":"@gluestack-style/react","version":"1.0.30-alpha.10","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.30-alpha.10","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"20757525fbf0f1a48556925c29967e3f46404af0","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.30-alpha.10.tgz","fileCount":539,"integrity":"sha512-zRfnG9oSflwTqjV9yQzu5PpQTmF1R7JOsQDiMyRZaONwwVk43tXyIu/ZoWrxN3pKujG7w5MZDF5PPdRLF7j3iA==","signatures":[{"sig":"MEUCIQChO1Qg5nn+s2ayCeM1zEtVAJe/zXG30sMIy5/XyaPJIwIgUzRcAB9EwEsIgHzq1hEBSPbhWDQQvhWgioPgxh6dGkI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1343349},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"viraj-10","email":"virajjoshi132@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.30-alpha.10_1703145398135_0.6685417235463531","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.30-alpha.11":{"name":"@gluestack-style/react","version":"1.0.30-alpha.11","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.30-alpha.11","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"d60e1ff3dcc3e5999434e2f73bb45034a7be528d","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.30-alpha.11.tgz","fileCount":539,"integrity":"sha512-+9wUD/HuwhncJV9yS/naKHSrZXHF5UJK6Dve8dO14FBYrdpBpLKkLtfKipocFkx90ibYa14V75PRblIEKGDWUw==","signatures":[{"sig":"MEUCIQCC54UBoo1k2WucsySjwC96C6bsr+YqsC/LBPhA4h+t5gIgYHx9MF2xgCKghZ3VjfzOfabG3AiQfHS/wUbvGAHEuW8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1344288},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"viraj-10","email":"virajjoshi132@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.30-alpha.11_1703153227793_0.49845722146701443","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.30":{"name":"@gluestack-style/react","version":"1.0.30","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.30","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"76aefe437c3020f416a760696c593d7b65f09747","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.30.tgz","fileCount":481,"integrity":"sha512-mzBWp+GzbiNi/tAhjGyJiuoxPl9Djaev4rm/rOscL+hpmx3UBNdgt8IB5J32alZ461lOikzmAaMIiaLwoOLHtw==","signatures":[{"sig":"MEUCIA0l7gMk7/ahHOzI73o2PTF9lSHZD4mvxtKF4Vh87wNUAiEA05FmbXwCd6GYXzlgzXkj6JvggwIBkI1wPIbCMfOD0jk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1338336},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","gitHead":"81176fb8b6e1091d3fa30f90678b0076192c4624","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"madhavb230100","email":"madhavb230100@gmail.com"},"_npmVersion":"10.2.3","description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"_nodeVersion":"18.19.0","dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.30_1703155159705_0.10463970666656808","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.31-alpha.0":{"name":"@gluestack-style/react","version":"1.0.31-alpha.0","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.31-alpha.0","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"34fa253efff0e1cdea57f19e9692c21be62b9b77","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.31-alpha.0.tgz","fileCount":539,"integrity":"sha512-cHg71T6lLn55pvrNr2ZyURIXYI0AJ188SGtsw1DfsmSqOHH44abPCwPEp5nIjwluDSoq2Avrc8LB7nXtkdxAVQ==","signatures":[{"sig":"MEQCIHzb+ft4p0h2ZbKm/WKAGs1RLYOik41LhJNL/NaLCTM4AiB/ekGJ2WAHQ2QEbMT5/ekyGGQ20cBtUnXCyC4PB3KGwA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1390633},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.31-alpha.0_1704281084439_0.05595625975868268","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.31-alpha.1":{"name":"@gluestack-style/react","version":"1.0.31-alpha.1","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.31-alpha.1","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"ca26ca3170e0d5fa18b1e089af79dd26d7222e9a","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.31-alpha.1.tgz","fileCount":539,"integrity":"sha512-57V9wxWX0unAuUdJZJkUS3OlOoNF/VaoTiAIMVwc65pAwmx8FxEeNhtbi4l9xJAU0mLvPheDtC3KFVg7sy5d+g==","signatures":[{"sig":"MEUCIEC3L/GNG/x8lRhjjCxtXuRaAPChVRcBwzkfkFsaW9QYAiEA7QJ3DEr3WqiZI9Omwa0IOqoLW5gIasdDGasUeydy6+Q=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1391862},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.31-alpha.1_1704288336676_0.8291444662516836","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.31-alpha.2":{"name":"@gluestack-style/react","version":"1.0.31-alpha.2","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.31-alpha.2","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"9f7f36f7de5e4375dfbe627f80a81c1af3ac133f","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.31-alpha.2.tgz","fileCount":539,"integrity":"sha512-v+UTxpSPIr4COXdI6wyxwdzjtwB8uFzFzoKysZ75ZzuU6HA7i7Xw6Cxh7juJL1gInMVwEXd5gUiWYkxAPq8bkA==","signatures":[{"sig":"MEUCIQCxP19kdimfVOO/88KrFJuCHYpkE5uWiOBUj37721OXogIgP4DMtWzEKD4NOfJUx06cle3MMocSxaUd3rZK8ac1u2c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1389270},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.31-alpha.2_1704289581973_0.4946077638984827","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.31-alpha.3":{"name":"@gluestack-style/react","version":"1.0.31-alpha.3","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.31-alpha.3","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"64775bbb2505b1fa6d1a7549f5b33b92438aba8a","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.31-alpha.3.tgz","fileCount":539,"integrity":"sha512-gNlfoc1IArOkYnf9vf6z+ZTAh6PfHaSiNG++ZKESaf0GcR9EqBxbb8E5/JjMKRpKrSalFwZre8HTntOpCDIf2A==","signatures":[{"sig":"MEYCIQCer7uuIg2Zw9oNM5TlxStMk0WlMO5Q1u5Awmfz3EZkQAIhAJju8bz8D/fTHVZnSJHrWJdTDn3/TGYKOCS4FWsLg8Nh","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1392010},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.31-alpha.3_1704353159357_0.46088346714218464","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.31":{"name":"@gluestack-style/react","version":"1.0.31","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.31","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"8d025a0e5bb7fd62f45d73905af544976fef6cd7","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.31.tgz","fileCount":481,"integrity":"sha512-YT3TEiXy91w2WIAHUxeRfz+YnuN2UR36Z1bTQxRXrhgUU6No4TMKN1MbWdzcLpNHC6wlzkumcV0RSEszndlfUA==","signatures":[{"sig":"MEUCIA2Ij50TEJeukAmTsA0diJweDQmXoVx6f4crav788PtTAiEAtUdEJATuHqHrE2L38CRL5Mv2qMs7iT0BMA+tG90+FkU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1338491},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","gitHead":"912f350bb18c3561fd9394d70881106bae06f24b","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"madhavb230100","email":"madhavb230100@gmail.com"},"_npmVersion":"10.2.3","description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"_nodeVersion":"18.19.0","dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.31_1704354471322_0.8443428009703591","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.31-alpha.4":{"name":"@gluestack-style/react","version":"1.0.31-alpha.4","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.31-alpha.4","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"0df0d531081e1f85a68536291c2765d36eaf3534","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.31-alpha.4.tgz","fileCount":539,"integrity":"sha512-y55ZHMWfp27iCxuksuNXFU/F4KpMCdBGhFOZvF843DCOr05FVCoAPX/XeTsoA7ZA8EyLoQbt39e7unWiUCQIMQ==","signatures":[{"sig":"MEQCIDVPbn9biLurD+I36+xKzHuSuvGOY/zxcU3zC019yaAYAiBTlHR7oWGhZHYibrDsV6HLdi7pvefWgnAr7ZiIBHpDFA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1391884},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.31-alpha.4_1704361168287_0.784715138389448","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.31-alpha.5":{"name":"@gluestack-style/react","version":"1.0.31-alpha.5","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.31-alpha.5","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"e635fafb285b1d7539b1be04661cf08662cd4cee","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.31-alpha.5.tgz","fileCount":539,"integrity":"sha512-EZDm/xuw4e/e78YBI2uwY/aHDPUmm2qDO/n8nkWYSLiCVFN6w9S4wQ8RJg0X4xFuYFZcn0gDtzzMQW/a319neg==","signatures":[{"sig":"MEUCIA9STaizgIVj/qKXZLvfhUSd+a5iDzxCYDFv4RzfcH8mAiEA42J2vJ7JuIg07gzsLn7tWf7x9xF7UF2tquNVa2DCKjo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1391879},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.31-alpha.5_1704361762582_0.2723684567507738","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.31-alpha.7":{"name":"@gluestack-style/react","version":"1.0.31-alpha.7","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.31-alpha.7","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"40754f37da5fa052ebd6cab483696369ecfd048b","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.31-alpha.7.tgz","fileCount":539,"integrity":"sha512-gBePMm5QHMMWtBQ36OdVtq9pBgDDyB+B7thv2puXlUdGH/rhg69jq5KaH6gaUoZFGVCFdDvaxTDd4MSWrIv1Rw==","signatures":[{"sig":"MEQCIGaLtMZK1nS1pkJ1jYk3vlmdnzQFW1HCZ4ya/AGV4X6XAiBBN1A8a9bnUcHAUnqWZhV45CpJce3zsPK0DxXFuLtYxw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1391648},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.31-alpha.7_1704362128910_0.7603186512449209","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.31-alpha.8":{"name":"@gluestack-style/react","version":"1.0.31-alpha.8","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.31-alpha.8","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"3e3fae06267b8337ff20e2e4b4d209f51b7e7ea9","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.31-alpha.8.tgz","fileCount":539,"integrity":"sha512-o1VW1XaBT15/fBS1mR13Og+rXvRKFXELdGvHqYA/Uka168iBLUgDIsLKju1GQU69LdDKjb9ZfwZFGf2lEt3SBQ==","signatures":[{"sig":"MEUCIHDrL8i9fweZDyS+fCMZdnULePBj+Khq1xT9M40zJrQZAiEAjHpg831UebMgRfnh9qV+bo5QD064NL2sBCYiJNTHNPs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1392115},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.31-alpha.8_1704364812347_0.9997634017967403","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.31-alpha.9":{"name":"@gluestack-style/react","version":"1.0.31-alpha.9","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.31-alpha.9","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"47a52d40752f03b2d3f26e0b0d4ac1dcc64c1417","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.31-alpha.9.tgz","fileCount":539,"integrity":"sha512-1lhip3i8hlzj+oBLFtXTdiIpK/hhQ6kB/54NrBqReda5W1b+73jYlcX2qupU7J/sUEQQs6DeU3yblvBDzMas+w==","signatures":[{"sig":"MEUCIAoQqEmoxC4uJVKwRaEGpEsThddnZ0XruPa7EUqZhIooAiEAjlVh2xwZ5l/tZl3kthiEBC21V9mwR4+hMFtETIO5bxA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1392931},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.31-alpha.9_1704367210305_0.8265510164523333","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.31-alpha.10":{"name":"@gluestack-style/react","version":"1.0.31-alpha.10","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.31-alpha.10","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"300868bb5c5f38b5c939b666855d38c7e313151c","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.31-alpha.10.tgz","fileCount":539,"integrity":"sha512-8bEVZXvSEACo/P0LMBnyFym7xGdR9a4TNgKGHzKu7xBQX76kW9CvrpkCbPuH9LtfiNeB9iOsptB1XjmyKP3a8A==","signatures":[{"sig":"MEYCIQDv3ONPps21/7NiMiSIfj2PDRr/Mi6DEfE0eakyrmSeMwIhANxV4qiXcxPONibviiYazEk8u07nZECOuS8QgTMA2VFS","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1392421},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.31-alpha.10_1704367267593_0.7288192283501305","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.31-alpha.11":{"name":"@gluestack-style/react","version":"1.0.31-alpha.11","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.31-alpha.11","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"c424694f5f407af522652fa05c28393d6c51d281","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.31-alpha.11.tgz","fileCount":539,"integrity":"sha512-JUt3edEl8RLLTVHocKF5JRmXFOXawahi1yJy9ztJ4LFmpSAHoRB/n9/B/P0PrC/X0iRCVK/mkOwx/rHCp/K/Kw==","signatures":[{"sig":"MEQCID0+hqBak6DSZG68aX+BHTQYO7yC39hZrMHEbNcJvZLSAiA8WHKSYkOjrdZzEfTqOmgh2+OBb9prvgtvzaoNk0R/rg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1400633},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.31-alpha.11_1704456096421_0.8369118380033287","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.31-alpha.12":{"name":"@gluestack-style/react","version":"1.0.31-alpha.12","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.31-alpha.12","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"6384e51f35590ff2a2f9231a4f46b2219b957ef2","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.31-alpha.12.tgz","fileCount":539,"integrity":"sha512-vq/kq7/ELyd+IRmYzNHSlbVG+xS2Y9tJVGa+cGLDR4r1hfKPYYJjL+Tycf6MPGuCoPQHYBzHgCSn1shjXScp4w==","signatures":[{"sig":"MEUCIQDiXeEfwqB+wvY0MgKQSgoDucsPcQH/Sztbb+CfaXzvNAIgTfsAGJA5FVpISisrnHpirblR8eRvrXqTQZdTECKt0JM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1405822},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.31-alpha.12_1704700217528_0.987493146444903","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.31-alpha.13":{"name":"@gluestack-style/react","version":"1.0.31-alpha.13","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.31-alpha.13","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"a94bb23dee489622ccd0357c80128977e466ab9c","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.31-alpha.13.tgz","fileCount":539,"integrity":"sha512-IOnEDoBgqJh1HkM9wlwg+eHjAIwSUta4DaczFr7F/E1xRbF36nzLBUZHqK3+edX2I9ordMRFH0b6V/BKXRwGxA==","signatures":[{"sig":"MEQCIHFpOAiT6vLAdXBROQlVva0RtL8vYp7mwT1c8xgeq3j+AiARjtMQzwb61LW8evwF78MMDk4TDftTwu8A4n4xGJQ7qw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1408196},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.31-alpha.13_1704701212498_0.5114985272489434","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.31-alpha.14":{"name":"@gluestack-style/react","version":"1.0.31-alpha.14","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.31-alpha.14","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"c44b70edd4379d7672f9531933effdfce77222f1","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.31-alpha.14.tgz","fileCount":539,"integrity":"sha512-+OPUmiPmENKENmI/OsHeoPc0WXku02Sq7NNXK+peIoAa5Tfmqu55rc+KIDNR0xLIzHbnEUGvET3vd5eOA8rZ+g==","signatures":[{"sig":"MEUCIGP2tbSZEcOZhb4geWxSE3Lp8H/pCanSiehHRTj34ArMAiEAkh16RMMJLQLhEV0FcwDFi1m86p0gDWki74/I5OCkirw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1408625},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.31-alpha.14_1704708689790_0.6074049340846623","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.31-alpha.15":{"name":"@gluestack-style/react","version":"1.0.31-alpha.15","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.31-alpha.15","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"93e3fb956dbc2f3f4dc0c42cd6a8049a0d532fd5","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.31-alpha.15.tgz","fileCount":539,"integrity":"sha512-M4xgmcop6Oh09oFPY9FjfpRgSeS4kmHLiNQsPTJ38FZMrKrnM765Te3AjO/41nH2e1bpNsnCHrv+fFo8hqxtBQ==","signatures":[{"sig":"MEQCIDyitWGrxa7XrzP5ze3KMqzfYX2VGuyUlQBRA7Ksm15UAiAfl8hLX+TFaakvmQHLpi0r42gTn+hkYAe2jFwiFpqNCg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1409965},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.31-alpha.15_1704710079219_0.15653990897173298","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.31-alpha.17":{"name":"@gluestack-style/react","version":"1.0.31-alpha.17","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.31-alpha.17","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"1d7dd15bd7f8d62c5d60b91bdaf9c730b80969a3","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.31-alpha.17.tgz","fileCount":539,"integrity":"sha512-ejGSyBhyTqNQ5rVjQ9C39apb+h6JfvbIILQKVPJJS3FEs0kK/ymq2THIIPPEsqSDO36L3xmAdDN+EXg1vMb1mw==","signatures":[{"sig":"MEYCIQCaGU3SgHrrl0mPO3Oy7tR3z4or+KznZJw50aad0HzQWAIhAJic0XtnnhdmpVdywazjSpiEN2psixO48MwAu6HhqepL","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1410253},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.31-alpha.17_1704719673519_0.18860961121784392","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.31-alpha.18":{"name":"@gluestack-style/react","version":"1.0.31-alpha.18","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.31-alpha.18","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"3a8b2898fa0da092b9aee35615c6ce970b6af9c7","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.31-alpha.18.tgz","fileCount":539,"integrity":"sha512-/JOfaOkGdy2sJgcCDE5cCjlH9IPW3zycGoVrVPN1u2OGnNddz265ulhZhOBXTAAXJJJPRozDyOrMv1m0ubcqJQ==","signatures":[{"sig":"MEUCIE/lHHyUtgQG+gF5faTRXyHtax6W4WoJHH+YlxlNhtR6AiEApf68Piy5x7IhR7QiOC07KEwVGoATuvZ+C7EUGWXOG3Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1413568},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.31-alpha.18_1704791744330_0.9726497425553995","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.31-alpha.19":{"name":"@gluestack-style/react","version":"1.0.31-alpha.19","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.31-alpha.19","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"ec09f5e9e1eea3cdd9fa222827b6e1b5797fbe0b","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.31-alpha.19.tgz","fileCount":539,"integrity":"sha512-HcLDDGK41iqru8m60TnWoAShPeOqDNo2TNtUNnVI5eroVP/U1lzRF1KaWDe2EeKg+qOD0+lQsHdQvmpaejGgQQ==","signatures":[{"sig":"MEUCIQCmeYHcmZUEBuH8i1vZU+rBA+WCWZ7CYkMu50e3ip8IrwIgVfVkYXobkjKruQjPhImg56pW/gqUvBQHMoQ33EvYFfg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1412763},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.31-alpha.19_1704791912989_0.36028848517966505","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.31-alpha.20":{"name":"@gluestack-style/react","version":"1.0.31-alpha.20","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.31-alpha.20","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"a87ec80790e70622c3506d47c91e203d3862f7e7","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.31-alpha.20.tgz","fileCount":539,"integrity":"sha512-RD7/ffwR4Rmp7Y86B1HogCeNv52RbX++HSHjvumQw6Ddkrx6pNxBH281bYT+DFCZzIEg4LoxLObzmGFqixf1iA==","signatures":[{"sig":"MEUCIQD+fvHIvwDMz4csbJB0G2NlcgLq5JydS2oqtLKINaeGpAIgH2VSThRnUwxyp15TJDA+PPD+ZHi26tV22zqY7v8ib1k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1412927},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.31-alpha.20_1704792128221_0.2166400582992638","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.31-alpha.21":{"name":"@gluestack-style/react","version":"1.0.31-alpha.21","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.31-alpha.21","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"2fde2b48237c5513435b06f0c32126384291d54b","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.31-alpha.21.tgz","fileCount":539,"integrity":"sha512-w2kOtcvQy1akEszmi/rwwByqKb2aDSAlLFgnf5exNo98O99+UUYGVYqB77lNEY42ZYxnRM9viuwH9kZmtvbSzA==","signatures":[{"sig":"MEUCIQDGBmMe9+eMHXvhaR7X/IHs9bwBJKB8tNMcZcD+nxoLhwIgHIGTTRM3DDvc8g6/thJaamqbqIphxu7IUe8YuwXwk/U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1413170},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.31-alpha.21_1704792226559_0.2530718709440547","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.32":{"name":"@gluestack-style/react","version":"1.0.32","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.32","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"9a011676ab538ecece6ac9675c8389d930ed2352","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.32.tgz","fileCount":488,"integrity":"sha512-FilawLgOU7urkZ4JmsUhZXyKO7niQyK92Zb5vZ2oSdP7CfIL+635SwqgNpwKMiUEV4cFI8slskgH3dKMj3zxsA==","signatures":[{"sig":"MEQCICTXjfN04hkzQ/kzmw+ehXIVz5YN+/c6qkKZu1+VV4pMAiBgReIwmsWIu36hcQDJwHn+Jv0D3lI1CqY+nSqPMbDwAQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1416692},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","gitHead":"0911f0b21e74a23929bd40a2ae26e98d1ad7c240","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"madhavb230100","email":"madhavb230100@gmail.com"},"_npmVersion":"10.2.3","description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"_nodeVersion":"18.19.0","dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.32_1704877446758_0.6924895500978947","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.33-alpha.0":{"name":"@gluestack-style/react","version":"1.0.33-alpha.0","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.33-alpha.0","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"b6393b068bbe0738126877b77004797d03acea3e","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.33-alpha.0.tgz","fileCount":546,"integrity":"sha512-Z8MNhPTk/VLmQAfnq2lHrPHjURDgEx5F1xWR9VqzOH2DyfwwOXKkTR2L8n6P8R8yfvHRGHnW2ujkevsVtxCjXA==","signatures":[{"sig":"MEUCIQCN5T65OYWDNiONz1knMLryz7v4z8Hka+0IRQKRYAxy9gIgHaI73+0QNKrAvkylfBtdfCLIptv0f0iimy04SYt17ec=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1424526},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.33-alpha.0_1704885066682_0.5647494837901135","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.33-alpha.1":{"name":"@gluestack-style/react","version":"1.0.33-alpha.1","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.33-alpha.1","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"3034cab4be1d169514fe8e6786483f85b4405e47","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.33-alpha.1.tgz","fileCount":546,"integrity":"sha512-N4vGsPTqm3arsvLDYZBjlAobWHvtVk53pbUddbhXKOTwFmdDaz0/aoSPn4c2RW4SyMLSD6kdqZif7YTkIW+KhA==","signatures":[{"sig":"MEUCIDWe/UDljjwwtTd0E4XPODLLuRnWfiz3XveJlj3AyG6IAiEA9GVf3plgN7AswM6DJ9nWT+j2iQSclBgtKoZC29ZqKiw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1424802},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.33-alpha.1_1704890995811_0.8988134128764604","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.33":{"name":"@gluestack-style/react","version":"1.0.33","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.33","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"1999267bb41899db2d1609dd75e08dedf3fe0fb6","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.33.tgz","fileCount":488,"integrity":"sha512-/B6YEs4m2tJTJr0rpJBQu7v9uBboypIcpG//RQ2QetuwwPIttBgPFEUEfyzS+/imtdvybbqOc/eKtzVV88GeDw==","signatures":[{"sig":"MEQCIGt8yuzjLg0YURjI5P2+T81sXCpaJ677jn3UfJWV1gMSAiArvdVLCRZapgu/WGodo/SI+8EVSlsyP2SuC5LuZggm4Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1417363},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","gitHead":"07f174a1c37dceb1e057709f805724952eb61561","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"madhavb230100","email":"madhavb230100@gmail.com"},"_npmVersion":"10.2.3","description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"_nodeVersion":"18.19.0","dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.33_1704891269454_0.85748518804063","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.34":{"name":"@gluestack-style/react","version":"1.0.34","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.34","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"b0d531e2c50b6a12dd4546188e2fc0bdfdf1e661","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.34.tgz","fileCount":488,"integrity":"sha512-lh8+sze51ghXHwXZmtDcfMzfWlTdyEsgbY52+ZTAP4HpAZSZ9LihokyCyDkWkcM/abE2nkR7JAnEaIg5lB+Nng==","signatures":[{"sig":"MEUCIQDOPBQwl+ZC5Zx9RYNfBRTFgw6WusFE/L3+DxduKYqeXAIgRpM5OWg6uWbSqMiFnvgqL3/FpQEqfFyhKxeII3u6biY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1422618},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","gitHead":"21d1d34a87a32ffd947afe71d1fd3c0f105cda93","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"madhavb230100","email":"madhavb230100@gmail.com"},"_npmVersion":"10.2.3","description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"_nodeVersion":"18.19.0","dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.34_1704968330555_0.6570925120519306","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.35":{"name":"@gluestack-style/react","version":"1.0.35","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.35","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"49db736d4a4499b0700d51dd0c3aec7c5cc5a1ae","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.35.tgz","fileCount":488,"integrity":"sha512-y025qCGEBxvUGO+J/bDyNZ8TAFf0hifZmCA8MZ29xLawblxfneD3A5xe0G48zXWQhwxRG6dYQ1SpaTKOxDP0Kg==","signatures":[{"sig":"MEQCIBn73ql6AfyZsg6NyhI21NlmgZeXN0VgqNxKLtHqyorvAiBB5GpMJqPRjcgmCoRJFbAsMI7td0lxEQzmbCW7IYOiOQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1423088},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","gitHead":"d5c5eb7832bb4bc6ac2bfa79820fd98644a7f64a","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"madhavb230100","email":"madhavb230100@gmail.com"},"_npmVersion":"10.2.3","description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"_nodeVersion":"18.19.0","dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.35_1704970215384_0.30036809877566095","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.36":{"name":"@gluestack-style/react","version":"1.0.36","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.36","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"6cde4139eb3ea11ac95d635018f8f6c8046c9ffd","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.36.tgz","fileCount":488,"integrity":"sha512-EsgWxjG95wf69hCkAdwVH6eYNs/u3E01uabNQNTLMqHq6nJhMCzXG/zW2XeXe1VEt2zjLpqzMn/QqPpyP/uVWQ==","signatures":[{"sig":"MEUCIQD9i4HWS/PlwIsC+ZQpxJNmxcPpe6Ztl7V03c6PG4G8JAIgSnHuWvITVrusm4sBeUxhHzwY0iJssX7Fn/ZAr4Kk1jM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1425062},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","gitHead":"2a5d53586a16cd5db916bb95a3ecba1730d131e2","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"madhavb230100","email":"madhavb230100@gmail.com"},"_npmVersion":"10.2.3","description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"_nodeVersion":"18.19.0","dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.36_1704972020380_0.11685467101326452","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.37-alpha.0":{"name":"@gluestack-style/react","version":"1.0.37-alpha.0","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.37-alpha.0","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"dfa47a83e4717e87e6205aea8fd9485f44dfa1ba","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.37-alpha.0.tgz","fileCount":546,"integrity":"sha512-D20QaQRmqCmCBQ+mUPROMHwVaD872V5hx5wQCCziG1lTS2WPVOioF9flz2dwhw7tR1NFsCBFPThF22SJclpLrQ==","signatures":[{"sig":"MEUCIBmITC8IE7aDf6LJcOo1HHXLl7qgHxGErmBfR5XwbxSkAiEAxWBB9o/8Wdv3MMfOlbAcn31fEo8DYcxD6JYvtByKD1M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1432022},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.37-alpha.0_1704986057435_0.07842265117832681","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.37":{"name":"@gluestack-style/react","version":"1.0.37","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.37","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"d5895f4539386e0c3e8c8bbf958d801d169a501b","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.37.tgz","fileCount":488,"integrity":"sha512-iWpij8d5Q630cfkSXXxwAF8CIRTNqFNxn3U59EFYGYYy0TXsavPbpojuJy/yoyXRBPPR08F7xO1nekKahqdvnQ==","signatures":[{"sig":"MEUCIBfyYa/E/6+AmKrg8aPIEySzi7oDG9DdNxG+LzmtipLzAiEAp0o8cH68Kfnvl9q3sYo4Ess4JKKMF3E166Ka4qlWH38=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1424284},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","gitHead":"20e69fcc0f710e562afb51d9750043d52a070999","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"madhavb230100","email":"madhavb230100@gmail.com"},"_npmVersion":"10.2.3","description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"_nodeVersion":"18.19.0","dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.37_1704989086858_0.08246518446980544","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.38-alpha.0":{"name":"@gluestack-style/react","version":"1.0.38-alpha.0","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.38-alpha.0","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"3002ec74435edb011d1b358391e6d476b2b4862f","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.38-alpha.0.tgz","fileCount":546,"integrity":"sha512-5cgjpwsFqIPnG7E8eIoLceUhvOHaT3kZ2GBWzKds9ydaHk3Zb+z+GPXubi9y6KBTEovGhZRjrmXQ2qOi6/a0Wg==","signatures":[{"sig":"MEQCIG0/VgEZmxOr0UAjybE4QZrEOqM3+ksnC4sjO4Y1oC59AiAF6rCKsNxjOkkurHca4T6biqtswbrUMCGLwyE3RmMiew==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1433846},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.38-alpha.0_1705042257182_0.9278496466601027","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.38-alpha.1":{"name":"@gluestack-style/react","version":"1.0.38-alpha.1","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.38-alpha.1","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"1063ae72b04bc199b5338ed97363ee906e9f8194","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.38-alpha.1.tgz","fileCount":546,"integrity":"sha512-vPjI5h0gccPzjamzAgEQRQh22lrXmsQmxBkapE2h1yrLM5tKcI0wm0qp07DIRl943KY4lDFABRavmzpWoVu7KA==","signatures":[{"sig":"MEQCIE7VqrPseKwPsxa8bp0GXT6feYMRFt3OwUyFwhAHas7mAiB7UxG48bn6KTAG3dUkucBH6lsJ2VI+7Yhsr9ff/9x1EA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1433248},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.38-alpha.1_1705042485166_0.40895992903286826","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.38-alpha.2":{"name":"@gluestack-style/react","version":"1.0.38-alpha.2","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.38-alpha.2","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"fa58ae8280fc7d3ffd78b626d2759f27a6af1b61","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.38-alpha.2.tgz","fileCount":546,"integrity":"sha512-YedHB5Ou06u8RAkbroBmmnsd86GbiXKmDHmCXXmGfndP9AXR2JmtdbilhOw+VfuAnGg00KEoo2GWGNzwEU0sFg==","signatures":[{"sig":"MEUCIQDtzLuMW1V7d+0zUGGUQdrR/u2TryTySOP67xtrYxwODQIgMXbpdAAZMOlz2TDEcQjf6X6t3k3cqvUlWYWwXHsEaZQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1432825},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.38-alpha.2_1705042698504_0.7972282170311946","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.38-alpha.3":{"name":"@gluestack-style/react","version":"1.0.38-alpha.3","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.38-alpha.3","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"674e5a6031855d1a35c436b2cc20a6ddc58d52c2","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.38-alpha.3.tgz","fileCount":546,"integrity":"sha512-z8h/7m8bLu5OaLg8L7B5rY1LfQWsBac/y+hsGG2pRSSVB8bCrKRzeBTE6vBeusmIIEivWxvshZlefFQ0XzN7Ew==","signatures":[{"sig":"MEYCIQDYSdrwT+EzxHvrrFh68xqiC+C12tbocTAcqGiW2LRgeQIhAOKhcYoaaWuDHcqiRAV7uL9F06zXiIS+GEJ3cpP5TpBv","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1432958},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.38-alpha.3_1705043474576_0.8974894247110603","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.38-alpha.4":{"name":"@gluestack-style/react","version":"1.0.38-alpha.4","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.38-alpha.4","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"177879768770cde09532ccd5b393b78a7c1fe72d","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.38-alpha.4.tgz","fileCount":546,"integrity":"sha512-TG0Ebqwg2wOWT5epCLI3prWRELsBnrNDcE+eUIKCWnxbD0Br4ZJCBxuRWnspBw7iEYtDtNR4gaokejkXq36CRw==","signatures":[{"sig":"MEUCIQD5xEHK0aLagR/nR5I3VW7Ieg4V43Vvu0GGos2MGXWLIwIgSgCFlXqhsw5CG7WiaWGTnZeInC+hDaDPqUvR8P6zKiA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1433084},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.38-alpha.4_1705049844109_0.47818974721104923","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.38-alpha.5":{"name":"@gluestack-style/react","version":"1.0.38-alpha.5","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.38-alpha.5","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"8474d32872537b6905816a5a27e4e3a43a9db912","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.38-alpha.5.tgz","fileCount":546,"integrity":"sha512-5rjztkSh8wj8DKxFOD0FeEAU0wxUbrDDHrVUpf1qVRcmDYSxR3pEcSmAYkMqZrjoJ/E2JdQKH7l3HgZV0gl9tQ==","signatures":[{"sig":"MEUCID9zmFHzWnPEOfBQtBPsi7esLLlTiOh3IrxDZ0uvs/QJAiEAuKYy6ARw8+hyTUFPLLX18izvuyuPi+zKRY9SjR1JWkA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1432864},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.38-alpha.5_1705049990271_0.830629722934475","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.38-alpha.6":{"name":"@gluestack-style/react","version":"1.0.38-alpha.6","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.38-alpha.6","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"d177d58dc9d8cd8d0d1d37335dcc79de9ecfd3e5","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.38-alpha.6.tgz","fileCount":546,"integrity":"sha512-+xJ4RqoRN+NOUng05DeZ3NVEj7uxgMB8IdKKb8Z2HQL616ObczPMhqGTKcBPmLCXDHMC7znYJt16AaV+ayol7Q==","signatures":[{"sig":"MEQCIHzZFgJkcDdS/tiVADPI2HZ1XB8hjjA/trvkPnUEf96aAiA7dOIU8HMeicKZ5IrILD7452bt0BhVRv5OFTkUEj9ydw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1432783},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.38-alpha.6_1705050191836_0.9047213651094275","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.38-alpha.7":{"name":"@gluestack-style/react","version":"1.0.38-alpha.7","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.38-alpha.7","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"14b2194d0cb0f99ccc24763141fc7d485e7f8625","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.38-alpha.7.tgz","fileCount":546,"integrity":"sha512-PBlLGT29re4+NTV7Sthufj3Hg81b7AS4MCeulwG0uJAy2uibt75yaNjpVn05rm4Dxh466OxsG1Pcg1FuUvPTSA==","signatures":[{"sig":"MEYCIQCn3Xh6CHdpaBBuGqutrpQVQ5tFn4WTpVmVJ5d+0vqFPAIhAI86A194h8QNXoh1l2pnr/FBM1e8B73yYkk1ea3CHxoT","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1432675},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.38-alpha.7_1705050579058_0.544217385003513","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.38-alpha.8":{"name":"@gluestack-style/react","version":"1.0.38-alpha.8","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.38-alpha.8","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"99c2ef5543f497904ee0976a4ec1c0a4de4d299f","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.38-alpha.8.tgz","fileCount":546,"integrity":"sha512-I959ZtxW0BwSCpsj5thyfMM6tkVxP5RA+9kLwdvcpmY2x1DJ25iFQLBAtHu5lLJKzWeZFxflnXgndCM4yGt08w==","signatures":[{"sig":"MEYCIQC2mRdTKlCvtU3iGCVYHMOlytmzEoIeqdK0P+qJ43bRPAIhAJOuOnvL8mEKULKC/a61dBRw2Y0vOYeCJn1qiEGFXg1p","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1433797},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.38-alpha.8_1705051730523_0.7876595630862175","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.38-alpha.9":{"name":"@gluestack-style/react","version":"1.0.38-alpha.9","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.38-alpha.9","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"cc21296a05de9e30de0bf129ceaa5364e453bc7b","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.38-alpha.9.tgz","fileCount":546,"integrity":"sha512-VvzfQfsiDTYQFlCVYCCn+ttYlOTws0on9BxJV8NjLwk9OKjwdIyJec6XiDks1a5/Sb/AOZLLu37M/tF9jDljSw==","signatures":[{"sig":"MEUCIQDxA3r30Xcc1tOp61FAKIwON2EQMZEjhoP/zuHbyj6AHwIgffmieBBOj2BYMeX/Dpg6Hx/9cpmWvxm1fVdHN2/A2LY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1433517},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.38-alpha.9_1705051937645_0.5021778494167548","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.38-alpha.10":{"name":"@gluestack-style/react","version":"1.0.38-alpha.10","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.38-alpha.10","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"04fd91441615a46eb5f89325549eebf8c868d437","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.38-alpha.10.tgz","fileCount":546,"integrity":"sha512-9jlPWVOwxBe5anKy5jBsO5OkeIIntJxwGT0L1lXrHxhesJefNolMMyNUkegKp/ErrVFfolZ5oHldtHO3E0VaKg==","signatures":[{"sig":"MEQCIFYq5eX2P9WpvhozK3S6ChK3iEIGlX6/RXukhmTsqN4JAiBJ43fegaLpxnSFIz1Fs+DcnTacMQqBUbLXoO14xBeKIg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1433502},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.38-alpha.10_1705052156074_0.8384778089763147","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.38-alpha.11":{"name":"@gluestack-style/react","version":"1.0.38-alpha.11","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.38-alpha.11","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"617dbdc6defa2beee71246685d2c47d3097c6a83","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.38-alpha.11.tgz","fileCount":546,"integrity":"sha512-bpIyi22toKjlN0XLiPSxp2cjuVbkX3QlhZhSIhE/MDyMZpqRutUsC+h7OGlUPGXcriIaV5ZCRdiQml7fuG9vdQ==","signatures":[{"sig":"MEYCIQCpLsXNsKZa6/ALIr/JOkA1zox5aS4gGJoBKViNmAstYQIhAIRtpMI8PzXvd/erof62+8E7ZYEZqg8kWxl6z7PF00I6","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1432186},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.38-alpha.11_1705054566436_0.7768173305215182","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.38-alpha.12":{"name":"@gluestack-style/react","version":"1.0.38-alpha.12","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.38-alpha.12","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"d4e56838c0cd2548930508f36a593630b2528d18","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.38-alpha.12.tgz","fileCount":546,"integrity":"sha512-GRvR/5xs+IJtE4UsgAXy1B7qEgAM3R9Sy0SrH1nGTKbfnmpeQ5r5SK8DAGcdxmFhrEE7TIPZwAX/ZkJ01nECRA==","signatures":[{"sig":"MEUCIQDBbMCMPzpk+ggehJJoSVgcojZjDsKSq4jfFehkZGkSRgIgM7yHklC4i2zRjf6IHLvCRZoehyH0GqgvptUDJimRfsE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1432514},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.38-alpha.12_1705056522684_0.8212134169414811","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.38-alpha.13":{"name":"@gluestack-style/react","version":"1.0.38-alpha.13","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.38-alpha.13","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"8001f80e7c78fbee5b228d574b68244b83fa0fd5","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.38-alpha.13.tgz","fileCount":546,"integrity":"sha512-E+gxf7w1lf6WiwA7pH/6bxlTEk1WYikdcdU96SMxtr2yVkDE6SdKkrdIrqWcqkE8pPgkTziDjD+pzWRXgaruTw==","signatures":[{"sig":"MEQCIC7NxltY6Jlci3rf31jScy5fChVW3eHM9qnrcinkMRWxAiAnk1xatw+5j7BhmHxJXsqsVlyxMM6uUpzSs8/3jpOfug==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1432793},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.38-alpha.13_1705057331468_0.6962343430866398","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.38-alpha.14":{"name":"@gluestack-style/react","version":"1.0.38-alpha.14","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.38-alpha.14","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"c959df0b89be3aac906b9286ffc39dc4807c82b1","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.38-alpha.14.tgz","fileCount":546,"integrity":"sha512-fJfsM0OfNnNgWIDDxlqR/WaZ8kbIswZlhIOCxzaOBa2g8OKHP0IVL+WEfBjwtQwRfa9DWRzTaOrvytH3aTOzMA==","signatures":[{"sig":"MEUCIDRF2ugJfMgi9tqqsfD5/6CvcAXdAYwnoMw1KdLVOF9MAiEAmJKP5XyL0FMlIdSTBTz9FHUsIGRw3rNYIEUrFsblXmM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1469374},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.38-alpha.14_1705057490716_0.5657099663655698","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.39-alpha.0":{"name":"@gluestack-style/react","version":"1.0.39-alpha.0","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.39-alpha.0","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"9409ccf890f76cb4ccddd6693ac75e3b8f6dfa29","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.39-alpha.0.tgz","fileCount":546,"integrity":"sha512-jzCMOL7Znkgfs6HXX5B9GAtr4suqGnS6iEiql4NUe5V0Xct3SGnXz7yvXycQdsKkS2juDe5qppQQ95naZwcU7w==","signatures":[{"sig":"MEYCIQDG8+NlFXygU6EIslPz7iCv68ieAtwZxCNakVSKeRyEHQIhAIcASxG0T7Fv2Czoz0ZQkN/krj4RblR8wQ4fyRc3L0q3","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1434668},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.39-alpha.0_1705058077471_0.22915455032260246","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.38":{"name":"@gluestack-style/react","version":"1.0.38","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.38","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"78258a145e68338e1f31ecb5b02b42d61ecac37d","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.38.tgz","fileCount":488,"integrity":"sha512-Rnobp/l7reJBDXtiuTnkX+lOI9yoeEYdAb+aNYJHdNZvY1U1bf7mDqTfP+vTMfB+HmIf210uQzSik3JRt7MzsA==","signatures":[{"sig":"MEQCIAJGoiLNQfFXJImUb8OjoeT5hQ1kEso2ohwQVZH93WnlAiAy81nRqnSgBqp8tFbumUVyQNdFS2yitLB3rCpFJMGzrw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1426210},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","gitHead":"e743b3444a49d2682ad8ef7c4cc7d88f51a83d5e","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"madhavb230100","email":"madhavb230100@gmail.com"},"_npmVersion":"10.2.3","description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"_nodeVersion":"18.19.0","dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.38_1705059308105_0.8732509729932105","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.38-alpha.15":{"name":"@gluestack-style/react","version":"1.0.38-alpha.15","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.38-alpha.15","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"5872c52b57f92aaa1f9a7b51ff2f49f0f23056d6","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.38-alpha.15.tgz","fileCount":546,"integrity":"sha512-yB8cbWpcr1Xrv7UIhmkjY1jF//NnaUMWhtderSo80kUbWAT2idg+o14R1sve/pb484ekz/7smeqt1X3XWW6KVw==","signatures":[{"sig":"MEUCIE7QOc0+3kOuxpQVmRYIpyWoxuWIcK7CfwJaMyF/xfCxAiEAqObE1NAsP7OMZhxUzJg/xUYE1gFmwNd9dOmNgctRehc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1432531},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.38-alpha.15_1705062512033_0.688663046993607","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.38-alpha.16":{"name":"@gluestack-style/react","version":"1.0.38-alpha.16","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.38-alpha.16","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"7aa997976ef78f9e8097a166387d07032d58cfb9","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.38-alpha.16.tgz","fileCount":546,"integrity":"sha512-/SpI5C2MI2cr4014+lyH06zXqmjl6S4RSQtUcADtBLlhMcX/x1v3sDghWbGgrQaQHh2b7dYN1S7rtTWjKx1xvw==","signatures":[{"sig":"MEQCIF6bzxY1rWJt17bRsYMH0l9/sARdRMjgnXpgcS38o+niAiBGjmckp+KKZEXS5gGoL9FnBy1ftD7QdB3WiTanEamvYQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1432638},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.38-alpha.16_1705063070881_0.40342881363040695","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.39":{"name":"@gluestack-style/react","version":"1.0.39","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.39","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"85dba26577291f1443a858245d99dbe1e788b15d","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.39.tgz","fileCount":488,"integrity":"sha512-Vw3uhVHUakiQxWdQbPlAam6PDIqSBy4ac+5ztzZnqTF5BJnzn+IhslCM9th/zAgz1P+11JVUW279RAkhbBjnVA==","signatures":[{"sig":"MEYCIQCxktfL1MVVktHQtDLPh1ltOabgqOL6H4QbYoDrhQrkPwIhANLjSc3l5XBSxB5cRd3J6PqjxNmW/CyNP2pwPBD8bIes","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1427230},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","gitHead":"360840ee914b3b7ada8442118e3b91ccd85c2867","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"madhavb230100","email":"madhavb230100@gmail.com"},"_npmVersion":"10.2.3","description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"_nodeVersion":"18.19.0","dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.39_1705312396869_0.7156222535942005","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.40-alpha.0":{"name":"@gluestack-style/react","version":"1.0.40-alpha.0","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.40-alpha.0","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"8b9191a0be564afdd01dd6dd12124842ec1daf22","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.40-alpha.0.tgz","fileCount":546,"integrity":"sha512-T1nqesCm4Pzk68jAyaaqSxadJ4syc1DVDtNSO7aFIrncwbEVhZQwL/LucHPhqoIZ1Sw7iw+xZX5MytOos4UzyQ==","signatures":[{"sig":"MEYCIQCRbqZAYZRNPeTXI0Ef3CBnd0dV8KRSqpqJiMocQP2D2wIhAKanZpm+Fp/mQjB/HjOJy9Djo4vSfCcR1A8RAQmZBCqZ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1424336},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.40-alpha.0_1705322335500_0.2980664516495961","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.40-alpha.1":{"name":"@gluestack-style/react","version":"1.0.40-alpha.1","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.40-alpha.1","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"df735ede17773d94cc92477156b9d6ce4659adf6","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.40-alpha.1.tgz","fileCount":546,"integrity":"sha512-WKjdW+moUQuKEDvQR4cKVRraPQ7DT2+i17cGogvlluVvMrHx07CEj1I//AfASnzGz6Dpyvvv2hRO1xWa1kgjsQ==","signatures":[{"sig":"MEQCIBPMLZhXZMuYs5WVe2OY5Ypc7zu7NXm+LA0CjArkxtZlAiAZe7Ldlynpbt1xqjmkc7h8gozzRuWCUP65jlVfRv1aXQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1425314},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.40-alpha.1_1705322894102_0.9352853481103955","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.40-alpha.2":{"name":"@gluestack-style/react","version":"1.0.40-alpha.2","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.40-alpha.2","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"6b209e05eb2b338acafd2015348e63adcbad66e2","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.40-alpha.2.tgz","fileCount":546,"integrity":"sha512-7fsuNsA7+NmrV9902ybPfqDKbH8PTwnGPFz3PKURdYNR2ltR41U8PUvjIyCa6SHaeXUnFmzcrF5fF1P4AaI7cQ==","signatures":[{"sig":"MEUCIQCLAgV0kVSd9K8qlUV7ycYtTyCtzP8YQpx8q/bZF+EdTwIgFaB02IBCkb7PlI8c0C43dXy6EtvviJrVmzU4PQHVftw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1425347},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.40-alpha.2_1705323857453_0.9120269959066836","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.40-alpha.3":{"name":"@gluestack-style/react","version":"1.0.40-alpha.3","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.40-alpha.3","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"dfc58d7763ab7af02fcf2fc8f731c401ae0f223f","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.40-alpha.3.tgz","fileCount":546,"integrity":"sha512-4A5iUTpdhwRVHBEuLR7oBuYj+6OeFDZecOPW9PVh9hX/xjnpXi/iICyzUryudDd1MGzHDuNlWPx20p19q0YtnA==","signatures":[{"sig":"MEYCIQCZ9YU7fJoTMb3Bcpe9V1pccxAYmGrwFu8+2lsTkDxEDwIhAKpFFxFOLrjQith4K5Em/MlObIQIqwyLGaO+xNVmbafq","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1462171},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.40-alpha.3_1705324094118_0.08814493160411474","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.40-alpha.4":{"name":"@gluestack-style/react","version":"1.0.40-alpha.4","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.40-alpha.4","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"c8791e3a6667a69a643dbc271975b0a67fab8089","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.40-alpha.4.tgz","fileCount":546,"integrity":"sha512-AFxpPvDfYxdDevic82kORMbOPsUxPfqZMKXlHzjcrMuy7IXDxXIS87ALyFxBWTVy2meN8HA7yzhkxgwOIxwzAw==","signatures":[{"sig":"MEUCIHujIGYjGCuk134keLxJghs7/nzZb2x++/nq22rd288QAiEA/69sPIaF1GcjxWn2Xn/fSf+QBkXZVz9gHBFkWnfglto=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1462297},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.40-alpha.4_1705324228737_0.5056728804925472","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.40-alhpa.5":{"name":"@gluestack-style/react","version":"1.0.40-alhpa.5","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.40-alhpa.5","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"1c70cc3a9da18a0c4653e9201c70e1bc1f0a9c5f","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.40-alhpa.5.tgz","fileCount":546,"integrity":"sha512-EWIEFLj2bmMANMUlpjpIrAlnw9r7UMgaOTJ/s4ns/E+gQhks9I8eRwMxX7zngK6H+tlLs4IePV2ZVq1vu5EkXw==","signatures":[{"sig":"MEYCIQDRe4TmApnT3KsRpUZcja3UaCOhBDZ2Hne1rWyKuZQpSwIhAI5GcI99qaTRr6vK79vBrEXwDncxETUWk4caKSuipLi7","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1462119},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.40-alhpa.5_1705324442410_0.2503881941143695","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.40-alpha.5":{"name":"@gluestack-style/react","version":"1.0.40-alpha.5","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.40-alpha.5","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"ca362b2ab322d03414a12e4296d287e57df50b02","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.40-alpha.5.tgz","fileCount":546,"integrity":"sha512-j0HZcSxThTHO1v5f8UgkGrA8uwGjO2yAe7h+YQRglD17IJXw5c9ot12Kik6HVNoYVjXdUMADmWqQuKdc+ylEvw==","signatures":[{"sig":"MEYCIQDb/Bd0gmmXI53lBNrxXimPuRLIX7tHApwFOImBhuNRPwIhAILNCPSo51MxYvVfcFUatl+hVBFnBCVBHjz3kP/pI/LR","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1462119},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.40-alpha.5_1705324503841_0.44826629674763563","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.40-alpha.6":{"name":"@gluestack-style/react","version":"1.0.40-alpha.6","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.40-alpha.6","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"f869ed0957755b665a393bdb6b6d64403d8a4fd9","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.40-alpha.6.tgz","fileCount":546,"integrity":"sha512-SdG5465iML+vBqgz62cQ6PwcWCNjCX8sco+Ckw7CLQ5SbBUZ+q1VGzyjIkYChYNNuQ9LmW6MEay5hfSHmaScTw==","signatures":[{"sig":"MEYCIQDLxQ56MGgl56S7mM/bk925dlZrLF+OV8cW8HK4cCXsiwIhAMBjV+jbr7uIDeV618V7KKkc3zaaWI1eGxKQT3exwoFB","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1566442},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.40-alpha.6_1705325797528_0.5482686541023616","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.40-alpha.7":{"name":"@gluestack-style/react","version":"1.0.40-alpha.7","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.40-alpha.7","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"5f1ba44283162ca26ad1f12d8b85856e500d2a30","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.40-alpha.7.tgz","fileCount":546,"integrity":"sha512-DzY3DCF5bgeVwseGHD6PGqHeYG3bpqqjhlgLKSlRHCagVeMkCjVt86N34aU5OsUgwPFqhQjO0EP5jCiNzgmipQ==","signatures":[{"sig":"MEQCIAzVEO3NW26qd+051JdIZVcHJkJ9uYsb3M0jiErwypEwAiA4Y+ToytJUa4+RsI/R/tyGdg3UjV4ye+vI5VpOJbZ/MA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1425512},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.40-alpha.7_1705326093109_0.12868120438139186","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.40-alpha.8":{"name":"@gluestack-style/react","version":"1.0.40-alpha.8","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.40-alpha.8","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"2b863929190e0770d3fd90a319be5ce7759f0077","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.40-alpha.8.tgz","fileCount":546,"integrity":"sha512-UsTKH8poc6VuM4mejNHP+lVLO199avBtSk4r0YeE2lDtmCKeJMN0u6YUuxJ38QIfe8MLbTtT9535rPUWCyP9UA==","signatures":[{"sig":"MEUCIQCl7pOk19FeX1GSY8nsNMPenI/MuvnskoFxGxGeAuxdOQIgZ+u2bcXX/e2pymrZbaSqycnzdfQ81P3Dy/rNkOlzUPU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1425414},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.40-alpha.8_1705326216176_0.4021170233945337","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.40-alpha.9":{"name":"@gluestack-style/react","version":"1.0.40-alpha.9","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.40-alpha.9","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"8383adb4911aac781f3dba210157f0d383441bba","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.40-alpha.9.tgz","fileCount":546,"integrity":"sha512-aX7YvKlW8MVHPd6L6vJHzIDWv/v5AX+kWU4EYkLOwdYUPFuYDAY++biQj7GTk6cRahHauMkkahp6cQZSdZYEYw==","signatures":[{"sig":"MEUCIQCPdg3x9i2YA3pRFPZoV2CIpprhN319IDEjNEaomItIKwIgRdfuLaA+bTQg/vFiqmu3csa26pa5BTzJ7CDJaERfpes=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1425394},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.40-alpha.9_1705326373500_0.0680841293052099","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.40-alpha.10":{"name":"@gluestack-style/react","version":"1.0.40-alpha.10","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.40-alpha.10","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"cd5502decf508275f3a286fb6d5f59d462b5478c","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.40-alpha.10.tgz","fileCount":546,"integrity":"sha512-aPyaQ1pPcGSzgN1eFl0Dzv1rq5azQ8p1Gb+YJGL6RueVxlYEHxLjAyTJofnJPh/1X46ofDKgdrtaHo9gQmyHLw==","signatures":[{"sig":"MEUCIE4LSpxW8ZX7EVbSnVWoYbaLNJju+4IitEc4Zt5RSneYAiEAjsh39XySgKVa3fsMFCOzG6AdxcnvGiJIk08FXMoLJu0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1425376},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.40-alpha.10_1705382126602_0.9196293003141902","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.40-alpha.11":{"name":"@gluestack-style/react","version":"1.0.40-alpha.11","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.40-alpha.11","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"afcc2e5d6da23502259560bb19f3890743d4a819","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.40-alpha.11.tgz","fileCount":546,"integrity":"sha512-W33MFVmwz9w9O9fXTvdH1jaThB1Z9pe6QPxV1FlLA5OXb0pEjTLlk/9GpW/vlVa198fecup2MF+YsqFvwDg/LQ==","signatures":[{"sig":"MEYCIQD84tQ5cuTjA+7uK/hHJcwQP3RSmq6/hNaae2Xq8Vt2OAIhAIk8O4L60h2Tq8StSCRTFUPgnwrRalAJIgEYlUWZOJvB","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1424872},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.40-alpha.11_1705382997556_0.6972526588196988","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.40-alpha.12":{"name":"@gluestack-style/react","version":"1.0.40-alpha.12","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.40-alpha.12","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"22e96b744941599be5f4d492883acb792a75ef37","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.40-alpha.12.tgz","fileCount":546,"integrity":"sha512-EyYvvpWIE//0rzNE/kOq7ikxoPyXrb9LGJa9jFGIeY1lVEWJ1Yz2D5IZktYJqlwvAWd95CJ6lBLYpQWf2cZM6A==","signatures":[{"sig":"MEQCIAVu89qCySpsW5GO1apa/jakgAC1/m+La17HmRfvVGWeAiAlCTI2U0+S5vc/dui5LuLNqMUNmZpmDca8jPqSn2oDUA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1425145},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.40-alpha.12_1705385698854_0.4330790102285609","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.40-alpha.13":{"name":"@gluestack-style/react","version":"1.0.40-alpha.13","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.40-alpha.13","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"d3d4595e426d294d89645d2b29ff50859d269790","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.40-alpha.13.tgz","fileCount":546,"integrity":"sha512-Hr4oXx8nOZcFz1UsMTmgwRORYBvOGVpTB/NaEJHJX68CffQWn1iFfWrYsTfFgy+wHblpavVASnLMecv4AdHD3g==","signatures":[{"sig":"MEUCIDBxifM+tQ8BLFirWiFq5eEPCuv1vsqF3ze8+TiNJUPrAiEAkMF8GPWs81AN1HTkZedgdK/1DHeqQRaL++x12It8Ca8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1425067},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"surajahmedc","email":"suraj@geekyants.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.40-alpha.13_1705386604232_0.06837332328326284","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.41-alpha.0":{"name":"@gluestack-style/react","version":"1.0.41-alpha.0","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.41-alpha.0","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"1f6c92e19479d10f1c08857defb151da5f81f7cc","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.41-alpha.0.tgz","fileCount":546,"integrity":"sha512-ZN4ofhR2LT65854J8iA//FGS8lkE9OM2w4zw31OwgUHnqP4osoiD+BatUyJMBWYQmhizrhHvT9OGweNmh/9paA==","signatures":[{"sig":"MEUCIQDBcCtH3ih3rcq4c6qjUoQ2fudxHcfufYkAeTb0YcMlAQIgNXtPG1RTdqDB5c5ngL88K8aaIUKi471A5V4QZWXEi1A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1435418},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.41-alpha.0_1705389025399_0.46764572300468443","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.40":{"name":"@gluestack-style/react","version":"1.0.40","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.40","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"21e2d1c97b2bf87602c9894f411b1acaf7460cd7","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.40.tgz","fileCount":488,"integrity":"sha512-7yF0vy4aDWd7hc87v9afm/uQ2SnAk0u3XDYzc5qw72cG6u3OhvyaBoTs8nxfw1gRKi+Hu2MAYp5hOOwA0e3/cA==","signatures":[{"sig":"MEYCIQC+JQR4KteYZfNPl9HojXdxpUkQdCgGL2tfCz5/7b02OwIhAPP3uZHJBBN/prPImiiAVo9kFHWqHwuCHCU1wDfMeebJ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1428479},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","gitHead":"3d25f0b99978c7ec17a409d0ac6ecb69c41ebe96","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"madhavb230100","email":"madhavb230100@gmail.com"},"_npmVersion":"10.2.3","description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"_nodeVersion":"18.19.0","dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.40_1705390161557_0.30527048565128734","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.41-alpha.1":{"name":"@gluestack-style/react","version":"1.0.41-alpha.1","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.41-alpha.1","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"adb565ee730f82184f81a3214eaba71c97c081ed","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.41-alpha.1.tgz","fileCount":546,"integrity":"sha512-/sgW7CCnZ9F7sedDnxESFizMkl8jLtPD41wXtXrAqxrg/bOvCWmF5s69qwXcRA7NEAA/n91VXzdikWEy+lm0SQ==","signatures":[{"sig":"MEQCIGmBKOUB5iR0OmiPiV6dWI6v0bdfzJF5Xu9BifGU1evjAiBJi2zMyeKYmk/6iVcAg10uy343nIX50qnvRx7iQK+QHQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1437557},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.41-alpha.1_1705392286297_0.7361522745824272","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.41-alpha.2":{"name":"@gluestack-style/react","version":"1.0.41-alpha.2","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.41-alpha.2","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"35da87441be270ff3867eb6489713a2d51da373c","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.41-alpha.2.tgz","fileCount":546,"integrity":"sha512-0dBezwkfHO8OiS4JF7j/5nsw7WZfoRNsj71bGBLuJaXczMk1naqyt/eKd+sxDrUAVMwKWjt0Jp92r2PiiNnuHw==","signatures":[{"sig":"MEUCIF2mhN/GFHb/U3JGoE7hOGVRldad1klxv49vJFXe5h0FAiEAqnHLwi8/GaRJK8M/XlXPXTddtDknAeX06mRnV87cQZM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1437184},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.41-alpha.2_1705403060501_0.4134870499025116","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.41-alpha.3":{"name":"@gluestack-style/react","version":"1.0.41-alpha.3","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.41-alpha.3","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"7ee7322ec8a55e232d7633ecd6679b9923a1c15b","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.41-alpha.3.tgz","fileCount":546,"integrity":"sha512-fsZP1+gJzYPJ7ugqwVscu93RQTFdFICi0Bhw6XbRhwUhfrTVAIuLT8vS9FPSLPn/+2c7k7iIyY6SwWnYlonvoQ==","signatures":[{"sig":"MEUCICht+x3dU0Nwc/Sd62DHto5IE75x7FCrCbKo4vYnEw3LAiEAwS0x3Xrc+jaZxYibfZCDMkhUNA0LI8ch6lJZHI2/50Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1437830},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.41-alpha.3_1705405824119_0.6518092639447706","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.41":{"name":"@gluestack-style/react","version":"1.0.41","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.41","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"84f143990f8311b4a851f6c0c8f4ae122b7a8018","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.41.tgz","fileCount":488,"integrity":"sha512-07sG6AmtcoLOYlicnJ1hqC7w3i8SMH4YBFjFSy0nb7Xjawvv9iDkYSrI8kFNph+zJWWrd8dS0RM6e1DCdqLlhQ==","signatures":[{"sig":"MEUCIGgFA4vzNrFDThIlBQbBUspbuzIe4uarY5jWT0CHny5vAiEA0AowI26+OOsZPMTxr0omKcNmwguJf3vcfb1zKHdXw0o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1429118},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","gitHead":"0bfc6418483fc2b9253422ed4f551681c57f9f78","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"madhavb230100","email":"madhavb230100@gmail.com"},"_npmVersion":"10.2.3","description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"_nodeVersion":"18.19.0","dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.41_1705406732219_0.7479844258468786","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.42-alpha.0":{"name":"@gluestack-style/react","version":"1.0.42-alpha.0","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.42-alpha.0","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"768533701ae572123bb0cf98f90d9cbb4a44872d","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.42-alpha.0.tgz","fileCount":546,"integrity":"sha512-vYAwe9VUJ9+dYjhSTeTKQaKmf+0AHPTBgJdId60fs+EBjPEvXtCKiDUcupZEb+2BL2MhQ8E+hOI4YotBbwF/Ug==","signatures":[{"sig":"MEQCIEMrORwe7Bsw7bL+vmSd+vgBUpS7dup0s8CZMX7SlFx4AiBv/BI1CIH24KB7fFSIGXTJgx28DInbr0PE00PUGA8ZEw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1439271},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.42-alpha.0_1706016079807_0.8482725976843926","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.42-alpha.1":{"name":"@gluestack-style/react","version":"1.0.42-alpha.1","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.42-alpha.1","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"5a685e392b00de4b05b606605375e826701c82f4","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.42-alpha.1.tgz","fileCount":546,"integrity":"sha512-mIKD/jEjUgNggj7k8NZn9xa+J1FRTs/5xFrvavNrIWhxEcxHV1C7dRilVqWiOi5HX9vtb0V1CNhH3YtVLToVFQ==","signatures":[{"sig":"MEQCIG6E1nQ2dW4iGb2olrZhr7BMvKzG0ADt49qGwyVADWU7AiAX75GS9pDvpvLMbVKxAvA0+u0ePjEYKGkV8pPLUPQjlQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1439249},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.42-alpha.1_1706016309956_0.6177155180138514","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.42-alpha.2":{"name":"@gluestack-style/react","version":"1.0.42-alpha.2","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.42-alpha.2","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"0297c0f3b63bd3b2377d637d661c460969bf209a","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.42-alpha.2.tgz","fileCount":546,"integrity":"sha512-TjbFJ6O6Eb27MVJ0DWvB2pNNi7K71YV8oFXqvgYJj43qzroOiOYEHz2rtp1sVG+pO2DYHnrCyudl3mCMKHTb+A==","signatures":[{"sig":"MEYCIQCW5SAbkc106gdOKloyy0TwGPmMbzzKkW+Mm/bLuydk9wIhAJcFQ5U4Teemi7liSNt9wZf4jpa268xqPjD29Ey6lcLf","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1439263},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.42-alpha.2_1706016471893_0.7208076227731373","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.42-alpha.3":{"name":"@gluestack-style/react","version":"1.0.42-alpha.3","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.42-alpha.3","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"2d76d7cf8a971c762a188131ec7c13dd2e16758f","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.42-alpha.3.tgz","fileCount":546,"integrity":"sha512-ARfQAI6hHOa++sHKk7bDHY1OvEAcoIyX2FgzLItKnEEMAwe2df3ZreyC8m4tkG9TxbLoKt+ug4tcK8WCVK5YiQ==","signatures":[{"sig":"MEYCIQClCwTPLIVTDVLpEHwP9mU2hr6QCAoY26mnQDI1MR8KLwIhAIPd536cZr/MAEoDGjR/hoV0Huky6/qBGEFPWRzmE11W","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1439271},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.42-alpha.3_1706016634020_0.8503527326704527","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.42-alpha.4":{"name":"@gluestack-style/react","version":"1.0.42-alpha.4","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.42-alpha.4","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"076187841f76f704789880855c4793788a332fe1","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.42-alpha.4.tgz","fileCount":546,"integrity":"sha512-JHNUdy+yeQqgWnMRX1plB5taX1/INbXnZ1AxhqJ2csQjtz4eVClWuxR35K6DANu/Km8WO8LDGld24z5mWnM06g==","signatures":[{"sig":"MEYCIQCZeefg93y8XTp/Kd8umshojhsek7jkVSkRVzCBCqBkxwIhAPMWkCCu+NhYpGilnRjZbA2m1R1ibAtsynVSKwrUEHp5","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1439313},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.42-alpha.4_1706016916721_0.13983955190637065","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.42-alpha.5":{"name":"@gluestack-style/react","version":"1.0.42-alpha.5","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.42-alpha.5","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"e056418fc2808472239c3451d7371dbdfb6b0dd1","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.42-alpha.5.tgz","fileCount":546,"integrity":"sha512-aM7/T2hfPz9KZpnyCZ3nQWWjBTQ8Z6B30RybMOb1Rr2xF3CTDmi5XitZFWe3Jv+ovVBl6llaQN7i/XUa/FahdQ==","signatures":[{"sig":"MEUCIQCPKrHvxOblGmje6jxPEPxixA+3qD61shaukAA1UDZetAIgRrE5rV7WqpQ/daNLZ+jbiCEg0NY/3jR8+N+t7wnJczA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1439044},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.42-alpha.5_1706017148568_0.701594136508811","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.42-alpha.6":{"name":"@gluestack-style/react","version":"1.0.42-alpha.6","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.42-alpha.6","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"6e3329acda23523ab62779b2835a57532e294606","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.42-alpha.6.tgz","fileCount":546,"integrity":"sha512-/9bIu6ojBZh2T1WdcZ+w9dIjYLupf8pyIZrtyNjB2VXQRhS+T91chiQEZeREJn+Tvu9qgZpU9eXogV5WPAMc5g==","signatures":[{"sig":"MEUCIGKLzONb0357vRiwk+8BUNuhwxmTowNyT7Hu4qHnbyr4AiEA1C+U1EjO0sEpS2WP22AWL63K+sufyZWTjVx/pXJmOIQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1439231},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.42-alpha.6_1706017636493_0.43599078016548676","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.42-alpha.7":{"name":"@gluestack-style/react","version":"1.0.42-alpha.7","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.42-alpha.7","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"8bb34f2ff8257e1f8d44a7eee712a39892b32a04","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.42-alpha.7.tgz","fileCount":546,"integrity":"sha512-aYvfA4wYBTLiNzghwexsfjDDYw8hSTOvWodgOovc0rnpgrnpkqYHCsn9b7BKjnDY5ZP3qBNPBdV6JvUGbSanTQ==","signatures":[{"sig":"MEYCIQDw7WYgE7aAoMdA2vOAfrgbpyygNUuZ+OFgc2+Sgm10hgIhAJlR4QFL767xJmj7Ebh7nCE+H72WDKOPvZEi2+eFGSf2","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1439309},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.42-alpha.7_1706018020402_0.09049856463399508","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.42-alpha.8":{"name":"@gluestack-style/react","version":"1.0.42-alpha.8","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.42-alpha.8","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"950a28f440449122b8efc0004593185d99b8316b","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.42-alpha.8.tgz","fileCount":546,"integrity":"sha512-apRf7l0fL/0eitR2iONlumUpBD0dLagquNb9XKGkOANiDYPVDkSVcXpaisr0ZIUghTk/Hxj9iozWc51NBhz6hg==","signatures":[{"sig":"MEUCIFHYx9aZQhqYiEv1SQJHRIPS81VnTy2sdVOo9f5HugJiAiEAiGWP1NHSdxAVlDzcLIYbEQPSOblEZMDJZ+Ju9/a4IQM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1439424},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.42-alpha.8_1706018668729_0.8615867164576765","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.42":{"name":"@gluestack-style/react","version":"1.0.42","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.42","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"6068615e90382e95370ded728de14886c8f3da0c","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.42.tgz","fileCount":488,"integrity":"sha512-Zl4wpAAuhFsZLl9mDzjFlTOrMC+mRB9lqpwwSHCGDib8mJxePct/reW7wnMpYYW9D6kbLxr+2klSF0QerRPF6g==","signatures":[{"sig":"MEYCIQCUOEbqy9GnPYeE0Ew1ssUw3HV2PQZwAEev7BzD6x2clQIhAPLf85OUlsWOwaeaDHzlwKyyIHXt6+kl88fhxI/sr+OO","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1430883},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","gitHead":"2a2f7cc68f94b32f05b8768994904aee1c42150a","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"madhavb230100","email":"madhavb230100@gmail.com"},"_npmVersion":"10.2.3","description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"_nodeVersion":"18.19.0","dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.42_1706019525079_0.2844597493480985","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.43":{"name":"@gluestack-style/react","version":"1.0.43","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.43","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"8663ecd9929276917514ee8afb73545fe908dfba","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.43.tgz","fileCount":488,"integrity":"sha512-4AbSm9M9oAkXd3fHiw5a4xxTGKeYbsHV6VUtYJB/pgxOHP2lv4L/GT8ODRuwrP5m84/7W+2jwVwUwJYm8NedWw==","signatures":[{"sig":"MEYCIQDT5fQO9Y4NWf6MhqCoiOKrdgrnWqZwsfxZxEJ51kUBawIhAL8OlolnKGXCGT7d7YfDagXF+JuudXpP7iteoZVxFa2R","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1430977},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","gitHead":"8bf701e77f74ace12341795201ebf68b8f10f35d","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"madhavb230100","email":"madhavb230100@gmail.com"},"_npmVersion":"10.2.3","description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"_nodeVersion":"18.19.0","dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.43_1706075776400_0.6559614848114603","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.44-alpha.0":{"name":"@gluestack-style/react","version":"1.0.44-alpha.0","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.44-alpha.0","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"fc3139bdcaf9b009a3344c538596cc4afd99fd7d","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.44-alpha.0.tgz","fileCount":546,"integrity":"sha512-trkZi2RvIUCKoqqjKMBYHl0BvaIla5n49U+54H9FTLUI8d4f98dJr5DFl3zFVfDcy8CCiWYdSS3oxXW54v18Iw==","signatures":[{"sig":"MEYCIQDkwl2hqrhU7RpNbUzPQUG5OwHIirnti7gAEOFrj4jmdAIhALoZU/6NbgxKGZaoDKRl3xKcL6uP51AqMQqmxJka3QTf","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1444268},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## A library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.44-alpha.0_1706525090200_0.9365392713415244","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.44":{"name":"@gluestack-style/react","version":"1.0.44","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.44","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"aeb40569fded541f40e906828bdf539810bbe8c7","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.44.tgz","fileCount":488,"integrity":"sha512-9TVGuutpM0J4G1rGMOPMWtWaLLQZBDCYCE7yxJDUGcHy2IuniC92WmPiZw5qT+65zdZhwgF7uqPlUxvWd+r9gQ==","signatures":[{"sig":"MEQCIAYHdOZCuRlUzQ2xATo7cX39PBOaeqYm057qwj6soOUlAiAZyJlOv7T2Zp9Q4tc6TPH1U03EYUUnBunYmDZQUTlqog==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1435956},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","gitHead":"b0d9bdcccd2edb0f0731b44e468f7bc5e69a5acd","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"madhavb230100","email":"madhavb230100@gmail.com"},"_npmVersion":"10.2.3","description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"_nodeVersion":"18.19.0","dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.44_1706527306550_0.003942665713357663","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.45-alpha.0":{"name":"@gluestack-style/react","version":"1.0.45-alpha.0","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.45-alpha.0","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"d4606003f4719be4eb1349fd25862414475aaec0","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.45-alpha.0.tgz","fileCount":546,"integrity":"sha512-Eq9UcFX3KmBUsaZSVFHS/8ZOQ3YlhRtWrxkrF2eCv4ysgloo8vmUtT5ztQIrPGyHXuyjqhe1naOqEIXtnPdV4g==","signatures":[{"sig":"MEUCIQCDIXP/vrBH0LUTRMm1Gc1oTaAcA1s79Yf/klHGGZNDtwIgUWidpgczs2fLobLyhyf6UbOgs9XbbJgR4+AlSJPUuHI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1445716},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## Introduction\n\nA library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.45-alpha.0_1706610831201_0.18272834430058316","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.45":{"name":"@gluestack-style/react","version":"1.0.45","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.45","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"c7c7e59571eceb5a7d1b9e491578133e6a30907b","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.45.tgz","fileCount":488,"integrity":"sha512-aMGKPX3Z30ZS9mBcyF2Q2IjDsVbNjqxi1WByyLOYdgosMTAHJwnp4lSjB7MT7B/jcLnIS8pd+WwCM/5toa8jFg==","signatures":[{"sig":"MEQCIEz6b9FKFcXx9Y3mdGo+vMDPKeC30TdGInHmlLZIlDuaAiB/t5I7Kvz9N5QYXkZB/27xSyj2idOf9XJgTFv9Fday4A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1436894},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","gitHead":"2dc39396c61ebb1849d89de0e6ebb7c87fc5f463","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"madhavb230100","email":"madhavb230100@gmail.com"},"_npmVersion":"10.2.3","description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"_nodeVersion":"18.19.0","dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.45_1706612688439_0.437820396430058","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.46":{"name":"@gluestack-style/react","version":"1.0.46","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.46","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"db4a04db22f3b0bcf352eb40492e7b98dde27e73","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.46.tgz","fileCount":488,"integrity":"sha512-TLCzhZMR3EHJV+vrcexOxTKM3tbxHAFvHvX7CZbCXyMKRgCDoPL1t5vv5uOh2ggkf8ScGPIxNC4mX1QBNco6SQ==","signatures":[{"sig":"MEUCICoAT/BVfWKSanFRvYGJNrO5J3pW7oXs3pjAO4y3kHgeAiEAmWT3Y8at1EXwwozCLlcdxc6/DixUEBorNuF1OuXzkF8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1439442},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","gitHead":"b1988186b48c6864991dd017dbbb0b23d20e7388","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"madhavb230100","email":"madhavb230100@gmail.com"},"_npmVersion":"10.2.3","description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"_nodeVersion":"18.19.0","dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.46_1707732460198_0.46022471739611337","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.47-alpha.0":{"name":"@gluestack-style/react","version":"1.0.47-alpha.0","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.47-alpha.0","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"1a5f9bb0db3ef040d03d26614d2fdf2cb0539381","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.47-alpha.0.tgz","fileCount":546,"integrity":"sha512-wgTM5BpRH7th2KVWd6ob63V/HluQvpdnXRXWrQxehKvo148JQiO8DB/x/uEEv3ttmpYH7kR8i8qEUYf8i9fC2Q==","signatures":[{"sig":"MEQCIEJo/0zIkPyaIwmfldv7c3Bg5MtT2RV/j3jcCUjg+4t1AiAy5SSC+D85Z9i0WAO+CdxSsDwAvIVLp+oH1/V6acDiyQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1448240},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## Introduction\n\nA library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.47-alpha.0_1707743656302_0.7424903102530513","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.47-alpha.1":{"name":"@gluestack-style/react","version":"1.0.47-alpha.1","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.47-alpha.1","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"71243a34f1dc0d77522e2ce8a5ea6391cde71073","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.47-alpha.1.tgz","fileCount":546,"integrity":"sha512-i4UPpi+Bcqwr+KVeUBpnHnOrtljTaqSbLzjIB61pek4+4E6uK+SipH2EWdztpatn4vKdrRbG6iTOOLTUce1Akg==","signatures":[{"sig":"MEUCIQCR40nh02sPpW0RfYsKdnLYHHSFcR4HgrDc6Jn1f1MifAIgT8G+ceedBZcEKRQ8zkFaIqduYbYLoyclCGPSJOIf1ps=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1448533},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## Introduction\n\nA library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.47-alpha.1_1707744083934_0.22782022896925969","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.47":{"name":"@gluestack-style/react","version":"1.0.47","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.47","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"20eed7273f2b77a1c07ad38fff9e8de3f6c7baff","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.47.tgz","fileCount":488,"integrity":"sha512-Zz0Jc0nMzdaWXJaEM5Wh7OdzrRMYFodmqr3t45FFoCa4KCaEvy41sae9Cv5QkrOEu8CKMNsUqeHLtlIfU9KAsQ==","signatures":[{"sig":"MEYCIQDERL3Ez9yvTYQw9XQPeK+tgZuW4U0cbXJboUAEWYBQEAIhAIBGohXWJp1D7MQg4I9Qx/pVocqT/ps7/uN0PuBORFW4","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1435382},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","gitHead":"66cd36a5e698fce1a8e05089f118293089a03da8","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"madhavb230100","email":"madhavb230100@gmail.com"},"_npmVersion":"10.2.3","description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"_nodeVersion":"18.19.0","dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.47_1707745560779_0.15170090539538839","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.48":{"name":"@gluestack-style/react","version":"1.0.48","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.48","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"dist":{"shasum":"3addb3f3fa6226b86fd1bc6ed5bdc8fb3d08f289","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.48.tgz","fileCount":488,"integrity":"sha512-fZUZQjOMFgRRXpWWcLQH3PNSB0OaWt0H28mCHH8g3aqx2GYITgzYARQhYdNfB7QFVrao/Mnu62oewnY2hnikHQ==","signatures":[{"sig":"MEUCIQCaJ1sFATb677HSqVkWwGWE28l40gbBMrzExmCOK++ADgIgXOz3Lhh2uSGgQ50Jsnc9YLL1leF4IR1+2uEEmsJm3JQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1439158},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","gitHead":"bab3eb0526ceb393c907021fb0a374e9371a2b5a","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"madhavb230100","email":"madhavb230100@gmail.com"},"_npmVersion":"10.2.3","description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"_nodeVersion":"18.19.0","dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.48_1707914932474_0.14730533194975082","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.49-alpha.0":{"name":"@gluestack-style/react","version":"1.0.49-alpha.0","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.49-alpha.0","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"homepage":"https://github.com/gluestack/gluestack-ui/tree/main/packages/styled/react#readme","dist":{"shasum":"2386c1b89b8e92706a8e651110138c1c3fb715d1","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.49-alpha.0.tgz","fileCount":546,"integrity":"sha512-W/qj3j0ApqJHd/aYnI8BRqZ6ZKL3vFQ6geytxX9mfvvHLkjyKk/MfL+qtySBT1/B8//lji9KQX/i8HdboW5niA==","signatures":[{"sig":"MEUCIQCpFb/elQrc8Ah+mVOJJQNbAbe9vKleYpea+wZKt7IKogIgbfbyDHjjxXiUd48iIeLd+obHxsGE+3phNse8Lo/jO4o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1457175},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## Introduction\n\nA library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"repository":{"url":"git+https://github.com/gluestack/gluestack-ui.git","type":"git"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.49-alpha.0_1709036935512_0.5075558332202366","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.49-alpha.1":{"name":"@gluestack-style/react","version":"1.0.49-alpha.1","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.49-alpha.1","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"homepage":"https://github.com/gluestack/gluestack-ui/tree/main/packages/styled/react#readme","dist":{"shasum":"b356718b2b188da90f2ff2d967449f042779d191","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.49-alpha.1.tgz","fileCount":546,"integrity":"sha512-3vx45hFEkct0zZVkgsey4cTAg1Ot7iTuKLVS6FJ0XHIcxwG+xFhNIGRyKmr00rKd+PrcZBK/EnHagsxHX9VNwQ==","signatures":[{"sig":"MEQCIGncLfQaGROimZg4V8zhGeAi1fTOUlvEqKs3dlVRZ5pvAiB7O08yaQoaoBE2peL0BWfJ4eetsO2Aeu70CGzTfDUstQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1457302},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## Introduction\n\nA library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"repository":{"url":"git+https://github.com/gluestack/gluestack-ui.git","type":"git"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.49-alpha.1_1709038326956_0.6003476321527048","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.49-alpha.2":{"name":"@gluestack-style/react","version":"1.0.49-alpha.2","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.49-alpha.2","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"homepage":"https://github.com/gluestack/gluestack-ui/tree/main/packages/styled/react#readme","dist":{"shasum":"636a4019a935c5031eb95985f5454507d0c68e3d","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.49-alpha.2.tgz","fileCount":546,"integrity":"sha512-elHokOD0G5Bdfglp2bhQmQZUUKIAnpV2etBmtjfviAvpY/lQ+f80A4nBPJJtaut/0ck7IQMcpyY/1UTuHNxSaA==","signatures":[{"sig":"MEUCIQDhEr4Wa+v9wy2vMMbDouOLku8lifBQ83nCer8/mAxk8QIgOVsAZkDzggV8aFpai21galEx2MiCVqGz9C0xemTIhDs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1457015},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## Introduction\n\nA library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"repository":{"url":"git+https://github.com/gluestack/gluestack-ui.git","type":"git"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.49-alpha.2_1709038610683_0.31881371210222476","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.49":{"name":"@gluestack-style/react","version":"1.0.49","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.49","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"homepage":"https://github.com/gluestack/gluestack-ui/tree/main/packages/styled/react#readme","bugs":{"url":"https://github.com/gluestack/gluestack-ui/issues"},"dist":{"shasum":"bbc3151434b55b071736bd43cb17d88b2358da86","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.49.tgz","fileCount":488,"integrity":"sha512-1erGnOCPia28QcOFy+hZ3X2z2MY4/Dpojhbf9JHqGHegUCqRAzCuXBlcMzEPmvWvavZ2UK1weUeWrMthGPEs2w==","signatures":[{"sig":"MEUCIQCE2bUy9fT0Yd5v1Y531o+XmUwn3mZsXAWyO7HFj6OoLwIgBVRpDn07VRJgoVnrjBjybIyFtv5ntqaasDq7ke2IWcE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1444047},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","gitHead":"c507e0cf03272d86d1085052edf719629777a13d","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"madhavb230100","email":"madhavb230100@gmail.com"},"repository":{"url":"git+https://github.com/gluestack/gluestack-ui.git","type":"git"},"_npmVersion":"10.2.4","description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"_nodeVersion":"18.19.1","dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.49_1709710467005_0.7996665011656283","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.49-alpha.3":{"name":"@gluestack-style/react","version":"1.0.49-alpha.3","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.49-alpha.3","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"homepage":"https://github.com/gluestack/gluestack-ui/tree/main/packages/styled/react#readme","dist":{"shasum":"6a168095c74d29e7243be4b026c559a103078a12","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.49-alpha.3.tgz","fileCount":546,"integrity":"sha512-5rwGeNB6KeYWqGSrF0xeH01d0x/vT3p4xLt4TNVolLTdgvb7QF6csRinxCNqA7Juxz/SUg+yjZK+F/8pxxXigw==","signatures":[{"sig":"MEYCIQC1xwAclXZTl9bnCUdSLesRBMadeyqOpQnnYVSBVtezdQIhAJWYaqlqP3Oqw3wWEGoZ3vwJzR/MPLp6Ew7mNHO/p6Ca","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1450834},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## Introduction\n\nA library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"repository":{"url":"git+https://github.com/gluestack/gluestack-ui.git","type":"git"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.49-alpha.3_1709710877039_0.5726905761648244","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.50":{"name":"@gluestack-style/react","version":"1.0.50","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.50","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"homepage":"https://github.com/gluestack/gluestack-ui/tree/main/packages/styled/react#readme","bugs":{"url":"https://github.com/gluestack/gluestack-ui/issues"},"dist":{"shasum":"5a03fce6b9447c509db85c92a0f2bd839850cee0","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.50.tgz","fileCount":488,"integrity":"sha512-WCME8xmfGFJnK7WaARgI1y1TZwU1y1xO0z4aou4e1PSk9lLfNy696Uu00ywG6r4AWEch3ZQyZAa3QADax5RHeA==","signatures":[{"sig":"MEQCIBgyuLe08UPQinbnZGN52dUi5N7ns1TOuEeeQlo6ylJBAiBzUV5gIEu07PCVtWyc+lMN72gRSfKR3silE5uw4RkQkQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1445106},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","gitHead":"640e51effd253d245bda7fa6a9b8d8a9ebca3bd7","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"madhavb230100","email":"madhavb230100@gmail.com"},"repository":{"url":"git+https://github.com/gluestack/gluestack-ui.git","type":"git"},"_npmVersion":"10.2.4","description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"_nodeVersion":"18.19.1","dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.50_1710224960061_0.39412579594382047","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.51":{"name":"@gluestack-style/react","version":"1.0.51","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.51","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"homepage":"https://github.com/gluestack/gluestack-ui/tree/main/packages/styled/react#readme","dist":{"shasum":"99dd55c6f7391c266a5d4e6896e83cee59935bbe","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.51.tgz","fileCount":546,"integrity":"sha512-K54vUcj2pHqVSoX3zAfYyDS6xhWIJP923l6xh21yMYBgi8RAaAItEbvT+ZeF5s/B5AiIpr4HFI/BGGRua6XRMA==","signatures":[{"sig":"MEUCIBBZARBsfoTHVof2YtGSIZDLNZBhmjZPOmrJrlkasXkkAiEArLzmrgMyYJ+352K4wlaMCukSK7e8eLkNzldBlmoo/uI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1454762},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"repository":{"url":"git+https://github.com/gluestack/gluestack-ui.git","type":"git"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.51_1710312084126_0.600187681009926","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.52-alpha.0":{"name":"@gluestack-style/react","version":"1.0.52-alpha.0","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.52-alpha.0","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"homepage":"https://github.com/gluestack/gluestack-ui/tree/main/packages/styled/react#readme","dist":{"shasum":"1c82bfdda6822bb93c2f5e74f81a0a8ca241733b","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.52-alpha.0.tgz","fileCount":546,"integrity":"sha512-Ko2BohIpVTJcq2utWqBzCpln3G8xzQzLdh4Mih4+ktPsmjRqPj14kXJkyY4CaUc5E676MVCTuaI0+XuBe9JCgg==","signatures":[{"sig":"MEYCIQDNtr5yE03bu1SvtdIznlNAA/OE+VNX4dibaLFxZud4UAIhAPn9lZa0x4SZAnmVdXGdKqgOTmnpmlQykKZqCBsZ5uxN","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1457177},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## Introduction\n\nA library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"repository":{"url":"git+https://github.com/gluestack/gluestack-ui.git","type":"git"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.52-alpha.0_1710322797906_0.40256337197953185","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.52-alpha.1":{"name":"@gluestack-style/react","version":"1.0.52-alpha.1","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.52-alpha.1","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"homepage":"https://github.com/gluestack/gluestack-ui/tree/main/packages/styled/react#readme","dist":{"shasum":"996eb06590c5b93b6ed399e7de6289b13c59341e","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.52-alpha.1.tgz","fileCount":546,"integrity":"sha512-SUmPnuJEcKoszZS0U/FUxb/EDGxhHMy02UpwHr2mqeoXhKz1iVTaKthI/EmGjTnI0se6wndR883lxZqFMNtnxA==","signatures":[{"sig":"MEYCIQDgb717tj1qzMouKhzpr3ktkCSnn19cKgpZR9OmSwMWGAIhAMs2CMy7rNdDYXsTSLIhV72TzIRdW6kY5NZKB5TGzey+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1456478},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## Introduction\n\nA library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"repository":{"url":"git+https://github.com/gluestack/gluestack-ui.git","type":"git"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.52-alpha.1_1710322894421_0.8785684560979208","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.52":{"name":"@gluestack-style/react","version":"1.0.52","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.52","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"homepage":"https://github.com/gluestack/gluestack-ui/tree/main/packages/styled/react#readme","bugs":{"url":"https://github.com/gluestack/gluestack-ui/issues"},"dist":{"shasum":"03404d0a6120c343b7b2f89a2ace804a60980abf","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.52.tgz","fileCount":488,"integrity":"sha512-7i6ZGL9e++sVqqHfuRib1+wlpsZQlUAVVXa8pt9UoX2Ljl4xtXLGGs1tfvrDACAWYSNayp4dgJUVRg/XJYY9fQ==","signatures":[{"sig":"MEUCIQDYTvISHKmJoD9FcnfwLA1FHbzsqmUrMM9POptdbHLrRAIgc0b/9lWtYTACE+5HWeLKgtQEksmtBYy3KCOf67oRakc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1447084},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","gitHead":"1b92de1bf0d8c53ccc9e184b404ee3d0e2d264ce","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"madhavb230100","email":"madhavb230100@gmail.com"},"repository":{"url":"git+https://github.com/gluestack/gluestack-ui.git","type":"git"},"_npmVersion":"10.2.4","description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"_nodeVersion":"18.19.1","dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.52_1710484557589_0.9215305428692098","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.53-alpha.0":{"name":"@gluestack-style/react","version":"1.0.53-alpha.0","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.53-alpha.0","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"homepage":"https://github.com/gluestack/gluestack-ui/tree/main/packages/styled/react#readme","dist":{"shasum":"f5a030952a3cf5b1b08dd5c066b1b9ba74b2e5f0","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.53-alpha.0.tgz","fileCount":546,"integrity":"sha512-xseBGFJJW7eHUiSYi0YDJaF17wEA3X30SNCoy/w3Ld1+3TNI92hDZUrNQ2D3OYBdWMc30HUnKZrdl/tz1pnDsQ==","signatures":[{"sig":"MEUCIQCjwWqw9mL5hiuzGKE0UPXnveNCu3tV/sBzxdEpOIBGiAIgYgPTItcqrzjo7r/yIRIiMmdm/UFS9cwzV4RHMiWYfGY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1455321},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## Introduction\n\nA library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"repository":{"url":"git+https://github.com/gluestack/gluestack-ui.git","type":"git"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.53-alpha.0_1710846637569_0.7704368992666701","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.53":{"name":"@gluestack-style/react","version":"1.0.53","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.53","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"homepage":"https://github.com/gluestack/gluestack-ui/tree/main/packages/styled/react#readme","bugs":{"url":"https://github.com/gluestack/gluestack-ui/issues"},"dist":{"shasum":"803af017deabc40b3f80313bac099b6f5adcf652","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.53.tgz","fileCount":488,"integrity":"sha512-x/pj8T79dHvGVdKDFKyEZAcxytnBEf55OzsIQs84UcmB3tsMgd4KqxutExncjupPgU8m/5gmDS+ZI2ngroAcqg==","signatures":[{"sig":"MEYCIQCKzrLv3kshr8zqMYRFWnc7+q4HLztInxRwBi2JEb9HDgIhAIBcLD2q+KngTfKW/LYlEsuHa+j9ZZZDuX8eIIqNrHOw","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1473857},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","gitHead":"94d90cff07e5c1613875a18128b70df0420ca512","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"madhavb230100","email":"madhavb230100@gmail.com"},"repository":{"url":"git+https://github.com/gluestack/gluestack-ui.git","type":"git"},"_npmVersion":"10.5.0","description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"_nodeVersion":"18.20.2","dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.53_1713766438097_0.8839785071107156","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.54":{"name":"@gluestack-style/react","version":"1.0.54","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.54","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"rohit_singh","email":"rohits@geekyants.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"homepage":"https://github.com/gluestack/gluestack-ui/tree/main/packages/styled/react#readme","bugs":{"url":"https://github.com/gluestack/gluestack-ui/issues"},"dist":{"shasum":"c399e318768aa0f59b17043f10971d5e401d43c0","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.54.tgz","fileCount":488,"integrity":"sha512-LAN7mMYr7IlhJAnab2PT5xiB55SUjKHdyIZ24qfayrZveKBH8Iy6TGCHkyE3JPP3ExgzFepDeshzz4T9X2/eoQ==","signatures":[{"sig":"MEYCIQCf1OkgUpSa+chVQm5hQYvKeV/2ItlgB5LwUNqeo8yV6QIhAOViJcgoRmO1ugiDBr+N9e54R8yo+mIQjf1ubPl3k7QS","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1476305},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","gitHead":"055d69ac9399d978a1abedb5a47b9fb061d5a32e","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"madhavb230100","email":"madhavb230100@gmail.com"},"repository":{"url":"git+https://github.com/gluestack/gluestack-ui.git","type":"git"},"_npmVersion":"10.5.0","description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"_nodeVersion":"18.20.2","dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.54_1713960790642_0.6686063998057226","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.55-alpha.0":{"name":"@gluestack-style/react","version":"1.0.55-alpha.0","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.55-alpha.0","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"homepage":"https://github.com/gluestack/gluestack-ui/tree/main/packages/styled/react#readme","dist":{"shasum":"7be13fa2eb344e1a65f79db40a1550436cf588cb","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.55-alpha.0.tgz","fileCount":539,"integrity":"sha512-cy0MFzu8ZldUp6Mrv1oO7C9cStM3PPArS740S52yaN1guaaxmFHQmi6czQ/rKaCphx6XWFQuuLmaTZrDHTHFuQ==","signatures":[{"sig":"MEQCICC611W5HGC5uLHoK7nPY/hajtd9pABImVskW+JmXTeAAiBNoIWBsMMS9/MHvksWWBDEi/gttuycVaFMc8paqIJV4g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1479409},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## Introduction\n\nA library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","source":"src/index","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},"repository":{"url":"git+https://github.com/gluestack/gluestack-ui.git","type":"git"},"description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.55-alpha.0_1715076921822_0.6674691311053231","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.55":{"name":"@gluestack-style/react","version":"1.0.55","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.55","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"homepage":"https://github.com/gluestack/gluestack-ui/tree/main/packages/styled/react#readme","bugs":{"url":"https://github.com/gluestack/gluestack-ui/issues"},"dist":{"shasum":"75034e88670dacdc6e4695f7fcc0949b10c06c43","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.55.tgz","fileCount":481,"integrity":"sha512-v/HzqobsU0KYTIXMGhhjhHUCen8JT8vd1w0xy4Vco2vKoJaErvMi7kYkDo0/I9VL8g6cadleVRTbjlFexottAg==","signatures":[{"sig":"MEYCIQCOiEB4gE72n4PeZ7d/f0OCm67CxdqSHTLpW3jCO0my+AIhAIOctVNZAg9upiO+IKql1BoT4jnl5KVcvCqU7pYuoDzq","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1469796},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","gitHead":"24bfca6688e4d72b00d540626fa59ab9aed0653f","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"madhavb230100","email":"madhavb230100@gmail.com"},"repository":{"url":"git+https://github.com/gluestack/gluestack-ui.git","type":"git"},"_npmVersion":"10.5.0","description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"_nodeVersion":"18.20.2","dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.55_1715079094823_0.422252816250134","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.56":{"name":"@gluestack-style/react","version":"1.0.56","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"_id":"@gluestack-style/react@1.0.56","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"homepage":"https://github.com/gluestack/gluestack-ui/tree/main/packages/styled/react#readme","bugs":{"url":"https://github.com/gluestack/gluestack-ui/issues"},"dist":{"shasum":"290406eca2ce494a1f72c30e2af82777864981d4","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.56.tgz","fileCount":481,"integrity":"sha512-fNRB2n5ShXUkAkde3btjZiwwO70ob9R5B5FFq2R+HqS3HXPu+MYSNpXj+hb6fTgxws31wmoGPeM7ysJWywtsfg==","signatures":[{"sig":"MEQCICDLZj9QQ3hMUf+UsbfzhS01iYDhG/2EB7Hqqz/YNR3OAiBuGEB7q96yZDiaKDWw5IkDlX8phRFiphCmUducHXmIpA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1469934},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","gitHead":"74b6fb993e5a5e72d321f3b9b130ffc4a2992e8d","scripts":{"build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear","prepare":"bob build","release":"release-it"},"typings":"lib/typescript/index.d.ts","_npmUser":{"name":"madhavb230100","email":"madhavb230100@gmail.com"},"repository":{"url":"git+https://github.com/gluestack/gluestack-ui.git","type":"git"},"_npmVersion":"10.5.0","description":"A universal & performant styling library for React Native, Next.js & React","directories":{},"_nodeVersion":"18.20.2","dependencies":{"normalize-css-color":"^1.0.2","inline-style-prefixer":"^6.0.1"},"react-native":"src/index","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","react":"^18.1.0","tsconfig":"*","react-dom":"^18.1.0","@types/react":"^18.0.22","react-native":"^0.70.3","react-native-web":"^0.18.1","@types/react-native":"^0.69.15","react-native-builder-bob":"^0.20.1","babel-plugin-transform-remove-console":"^6.9.4"},"_npmOperationalInternal":{"tmp":"tmp/react_1.0.56_1715090618419_0.38249785980076556","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs",["module"],"typescript"]}},"1.0.57":{"name":"@gluestack-style/react","description":"A universal & performant styling library for React Native, Next.js & React","version":"1.0.57","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"homepage":"https://github.com/gluestack/gluestack-ui/tree/main/packages/styled/react#readme","repository":{"type":"git","url":"git+https://github.com/gluestack/gluestack-ui.git"},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","react-native":"src/index","source":"src/index","typings":"lib/typescript/index.d.ts","scripts":{"prepare":"bob build","release":"release-it","build":"bob build","clean":"rm -rf lib","dev:web":"cd example/native && yarn web --clear"},"devDependencies":{"@types/react":"^18.0.22","@types/react-native":"^0.69.15","babel-plugin-transform-remove-console":"^6.9.4","jest":"^29.5.0","react":"^18.1.0","react-dom":"^18.1.0","react-native":"^0.70.3","react-native-builder-bob":"^0.20.1","react-native-web":"^0.18.1","tsconfig":"*"},"dependencies":{"inline-style-prefixer":"^6.0.1","normalize-css-color":"^1.0.2"},"react-native-builder-bob":{"source":"src","output":"lib","targets":["commonjs",["module"],"typescript"]},"_id":"@gluestack-style/react@1.0.57","gitHead":"dd90283fb63458d51082037f7b47ea72f1da1de1","bugs":{"url":"https://github.com/gluestack/gluestack-ui/issues"},"_nodeVersion":"18.20.3","_npmVersion":"10.7.0","dist":{"integrity":"sha512-jaG78zurLNiZyJleZnCbgugTpL6OWtBkE7XKur9C9FYUicekMh11RY++2gyN4T7GJx80v5S/NHIwm/GxAAxtRw==","shasum":"96dbf667e373c5eed9f2314e7885a9a5b5df6775","tarball":"https://registry.npmjs.org/@gluestack-style/react/-/react-1.0.57.tgz","fileCount":481,"unpackedSize":1472331,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCga9geE8FwyjGK4QLmEIuHO32sO63Tz+JX2VgYxtK2XwIga2Ki4KIKbt7ZWhaFXCtkxDJ1kajbrwvHiGoA2orRQPY="}]},"_npmUser":{"name":"madhavb230100","email":"madhavb230100@gmail.com"},"directories":{},"maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react_1.0.57_1720517471257_0.30435786309066826"},"_hasShrinkwrap":false}},"time":{"created":"2023-05-25T11:37:53.016Z","modified":"2024-07-09T09:31:11.943Z","0.1.0":"2023-05-25T10:48:15.104Z","0.1.1":"2023-05-25T11:16:45.850Z","0.1.2":"2023-05-25T11:37:53.314Z","0.1.3":"2023-05-26T12:11:24.403Z","0.1.4":"2023-05-30T06:04:20.947Z","0.1.5":"2023-05-30T13:20:53.245Z","0.1.6":"2023-05-31T11:50:16.599Z","0.1.7":"2023-05-31T11:51:32.800Z","0.1.8":"2023-05-31T12:19:24.785Z","0.1.9":"2023-05-31T13:03:35.687Z","0.1.10":"2023-05-31T14:28:55.213Z","0.1.11-alpha.0":"2023-06-01T12:59:38.608Z","0.1.11":"2023-06-01T13:40:03.190Z","0.1.13":"2023-06-02T12:19:01.155Z","0.1.14":"2023-06-05T07:18:56.026Z","0.1.15-alpha.0":"2023-06-06T07:40:33.481Z","0.1.15":"2023-06-06T10:36:38.249Z","0.1.16":"2023-06-07T14:12:55.312Z","0.1.17-alpha.0":"2023-06-08T07:32:13.854Z","0.1.17-alpha.1":"2023-06-08T07:37:45.836Z","0.1.17":"2023-06-08T07:55:51.352Z","0.1.17-alpha.2":"2023-06-08T09:35:59.462Z","0.1.18":"2023-06-08T10:02:39.422Z","0.1.19-alpha.0":"2023-06-08T11:05:51.070Z","0.1.19":"2023-06-08T12:08:24.110Z","0.1.20":"2023-06-08T13:35:51.425Z","0.1.21":"2023-06-08T14:07:52.314Z","0.1.22":"2023-06-09T06:39:52.734Z","0.1.23":"2023-06-09T08:55:08.378Z","0.1.24":"2023-06-20T06:00:31.821Z","0.1.25-alpha.0":"2023-06-21T10:52:53.517Z","0.1.26-alpha.1":"2023-06-22T07:17:23.600Z","0.1.26-alpha.2":"2023-06-22T12:11:25.002Z","0.1.26-alpha.3":"2023-06-23T06:10:52.367Z","0.1.26-alpha.4":"2023-06-23T06:12:24.977Z","0.1.26-alpha.5":"2023-06-23T06:18:53.719Z","0.1.26-alpha.6":"2023-06-23T06:36:16.805Z","0.1.26-alpha.7":"2023-06-26T10:14:29.872Z","0.1.26-alpha.8":"2023-06-26T11:55:23.758Z","0.1.27-alpha.0":"2023-06-27T07:28:11.686Z","0.1.27-alpha.1":"2023-06-27T10:34:23.070Z","0.1.27-alpha.2":"2023-06-27T11:01:29.422Z","0.1.26-alpha.10":"2023-06-27T11:50:41.816Z","0.1.26-alpha.11":"2023-06-27T12:46:54.097Z","0.1.26-alpha.12":"2023-06-28T07:04:18.513Z","0.1.26-alpha.13":"2023-06-28T10:50:04.954Z","0.1.26":"2023-06-28T12:51:09.905Z","0.1.27":"2023-06-28T13:33:40.692Z","0.1.28-alpha.0":"2023-06-29T13:29:34.391Z","0.1.28":"2023-06-30T06:10:29.439Z","0.1.29":"2023-06-30T07:54:37.923Z","0.1.30":"2023-07-04T12:01:58.096Z","0.1.31":"2023-07-05T10:04:18.522Z","0.1.32-alpha.0":"2023-07-10T10:15:45.000Z","0.1.31-alpha.0":"2023-07-11T06:24:16.283Z","0.1.31-alpha.1":"2023-07-11T06:35:25.867Z","0.1.32":"2023-07-11T07:05:37.392Z","0.1.33-alpha.1":"2023-07-12T11:26:15.076Z","0.1.33":"2023-07-12T12:19:07.182Z","0.1.34-alpha.0":"2023-07-18T11:59:15.145Z","0.1.34-alpha.1":"2023-07-20T14:18:15.040Z","0.1.34-alpha.2":"2023-07-21T07:05:55.810Z","0.1.34-alpha.3":"2023-07-24T12:16:20.330Z","0.1.34-alpha.4":"2023-07-24T13:57:13.294Z","0.1.34-alpha.5":"2023-07-25T06:27:38.229Z","0.1.34-alpha.6":"2023-07-25T06:43:19.048Z","0.1.34-alpha.7":"2023-07-25T06:45:07.389Z","0.1.34-alpha.8":"2023-07-25T06:50:28.014Z","0.1.34-alpha.9":"2023-07-25T06:53:26.932Z","0.1.34-alpha.10":"2023-07-25T07:03:01.132Z","0.1.34-alpha.11":"2023-07-25T07:23:30.934Z","0.1.34-alpha.12":"2023-07-25T07:45:59.881Z","0.1.34-alpha.13":"2023-07-25T07:49:04.429Z","0.1.34-alpha.14":"2023-07-25T11:31:39.308Z","0.1.34-alpha.15":"2023-07-25T18:14:50.893Z","0.1.34-alpha.16":"2023-07-25T18:32:30.469Z","0.1.34-alpha.17":"2023-07-25T18:34:34.676Z","0.1.34-alpha.18":"2023-07-25T18:44:34.178Z","0.1.34-alpha.19":"2023-07-26T07:47:10.569Z","0.1.34-alpha.20":"2023-07-26T09:51:09.537Z","0.1.34-alpha.21":"2023-07-26T11:01:47.670Z","0.1.34-alpha.22":"2023-07-26T13:40:14.152Z","0.1.35-alpha.0":"2023-07-28T10:27:05.258Z","0.1.35-alpha.1":"2023-07-28T10:52:38.132Z","0.1.35-alpha.2":"2023-07-28T11:47:24.343Z","0.1.35-alpha.3":"2023-07-28T12:21:58.360Z","0.1.15-alpha.4":"2023-07-28T13:11:29.343Z","0.1.35-alpha.5":"2023-07-31T06:45:05.827Z","0.1.35-alpha.6":"2023-07-31T07:52:58.683Z","0.1.35-alpha.7":"2023-07-31T10:03:16.906Z","0.1.35-alpha.8":"2023-07-31T10:40:42.247Z","0.1.35-alpha.9":"2023-08-01T07:00:01.321Z","0.1.35-alpha.10":"2023-08-01T07:37:19.697Z","0.1.35-alpha.11":"2023-08-01T09:53:22.888Z","0.1.35-alpha.12":"2023-08-08T06:33:40.792Z","0.1.35-alpha.13":"2023-08-08T15:48:37.672Z","0.1.35-alpha.14":"2023-08-08T16:31:47.156Z","0.1.35-alpha.15":"2023-08-10T07:52:39.263Z","0.1.35-alpha.16":"2023-08-10T13:12:16.411Z","0.1.35-alpha.17":"2023-08-11T07:52:33.492Z","0.1.35-alpha.18":"2023-08-17T08:54:29.261Z","0.1.35-alpha.19":"2023-08-17T11:52:16.020Z","0.2.0-alpha.0":"2023-08-17T14:50:44.293Z","0.2.0":"2023-08-17T15:28:12.009Z","0.2.1":"2023-08-17T15:49:15.772Z","0.2.2-alpha.0":"2023-08-18T09:15:47.380Z","0.2.2":"2023-08-18T09:20:18.709Z","0.2.3-alpha.0":"2023-08-18T10:52:10.509Z","0.2.3-alpha.1":"2023-08-18T11:43:12.946Z","0.2.3":"2023-08-18T12:04:30.481Z","0.2.4-alpha.0":"2023-08-18T17:38:45.545Z","0.2.4":"2023-08-23T11:14:31.057Z","0.2.5":"2023-08-23T13:17:58.940Z","0.2.6":"2023-08-23T13:37:11.599Z","0.2.7":"2023-08-23T13:48:23.803Z","0.2.4-alpha.1":"2023-08-23T14:19:22.278Z","0.2.8":"2023-08-24T07:11:12.085Z","0.2.9":"2023-08-25T09:39:11.708Z","0.2.10-alpha.0":"2023-08-25T11:08:03.282Z","0.2.11-alpha.0":"2023-08-28T11:28:43.122Z","0.2.11-alpha.1":"2023-08-28T12:08:47.009Z","0.2.11":"2023-08-28T12:11:55.343Z","0.2.12":"2023-08-31T09:42:41.386Z","0.2.13-alpha.0":"2023-08-31T09:57:30.503Z","0.2.13":"2023-08-31T10:12:57.762Z","0.2.14":"2023-08-31T11:53:54.993Z","0.2.15":"2023-08-31T11:56:15.835Z","0.2.16":"2023-08-31T12:37:24.205Z","0.2.17":"2023-08-31T13:51:28.707Z","0.2.18":"2023-09-01T06:17:23.887Z","0.2.19":"2023-09-01T06:32:12.971Z","0.2.20-alpha.0":"2023-09-01T10:10:40.351Z","0.2.20":"2023-09-01T10:16:16.712Z","0.2.21-alpha.0":"2023-09-01T14:08:45.553Z","0.2.21":"2023-09-01T14:13:46.876Z","0.2.22":"2023-09-04T07:14:56.286Z","0.2.23":"2023-09-04T07:36:14.290Z","0.2.23-alpha.0":"2023-09-04T11:57:05.861Z","0.2.23-alpha.1":"2023-09-04T12:20:21.669Z","0.2.24":"2023-09-04T12:40:13.975Z","0.2.23-alpha.2":"2023-09-04T13:15:37.212Z","0.2.23-alpha.3":"2023-09-04T13:19:46.396Z","0.2.25":"2023-09-04T13:35:41.914Z","0.2.23-alpha.4":"2023-09-05T06:52:35.964Z","0.2.23-alpha.5":"2023-09-05T07:52:28.368Z","0.2.23-alpha.6":"2023-09-05T10:06:00.679Z","0.2.26":"2023-09-05T10:11:17.710Z","0.2.23-alpha.7":"2023-09-05T11:05:54.793Z","0.2.27-alpha.0":"2023-09-06T07:42:42.535Z","0.2.27":"2023-09-06T11:18:40.941Z","0.2.28":"2023-09-06T13:10:45.565Z","0.2.29":"2023-09-06T13:23:20.391Z","0.2.30":"2023-09-06T14:06:27.531Z","0.2.31":"2023-09-06T14:16:59.454Z","0.2.32-alpha.0":"2023-09-07T06:22:18.907Z","0.2.32":"2023-09-07T07:07:44.591Z","0.2.33-alpha.0":"2023-09-07T13:47:09.490Z","0.2.33":"2023-09-07T14:26:32.345Z","0.2.34":"2023-09-08T05:33:25.173Z","0.2.35":"2023-09-08T08:09:08.506Z","0.2.36":"2023-09-08T09:52:10.177Z","0.2.37":"2023-09-08T11:25:50.640Z","0.2.38":"2023-09-08T12:40:21.207Z","0.2.39-alpha.0":"2023-09-08T14:52:35.790Z","0.2.39-alpha.1":"2023-09-11T09:14:39.092Z","0.2.39-alpha.2":"2023-09-11T10:01:20.824Z","0.2.39-alpha.3":"2023-09-11T10:29:54.880Z","0.2.40":"2023-09-11T11:27:39.919Z","0.2.41-alpha.0":"2023-09-11T16:50:09.187Z","0.2.41":"2023-09-11T16:55:27.971Z","0.2.42":"2023-09-13T09:03:49.190Z","0.2.43":"2023-09-13T11:58:45.631Z","0.2.44-alpha.0":"2023-09-13T12:46:28.518Z","0.2.44":"2023-09-13T13:00:43.648Z","0.2.45":"2023-09-13T14:22:01.679Z","0.2.46":"2023-09-14T13:03:04.086Z","0.2.46-alpha.0":"2023-09-15T10:42:26.343Z","0.2.47":"2023-09-15T12:44:46.582Z","0.2.48":"2023-09-18T11:04:34.039Z","0.2.49":"2023-09-18T14:08:24.664Z","0.2.50":"2023-09-21T07:59:19.908Z","0.2.51":"2023-09-21T12:09:12.570Z","0.2.52-alpha.0":"2023-09-22T11:53:56.992Z","0.2.52-alpha.1":"2023-09-23T07:23:10.931Z","0.2.52-alpha.2":"2023-09-25T10:11:13.292Z","0.2.52-alpha.3":"2023-09-25T12:54:21.727Z","0.2.52-alpha.4":"2023-09-25T13:24:56.101Z","0.2.52-alpha.5":"2023-09-26T11:28:16.545Z","0.2.53-alpha.0":"2023-09-27T07:08:19.044Z","0.2.53-alpha.5":"2023-09-28T05:53:20.707Z","0.2.53-alpha.6":"2023-09-28T08:04:31.872Z","0.2.53-alpha.7":"2023-09-29T07:05:01.809Z","0.2.53-alpha.8":"2023-10-03T09:56:26.178Z","0.2.53-alpha.9":"2023-10-03T15:58:47.828Z","0.2.52-alpha.11":"2023-10-04T05:39:07.774Z","0.2.53-alpha.10":"2023-10-04T05:39:53.090Z","0.2.54-alpha.0":"2023-10-04T10:52:40.151Z","0.2.54-alpha.1":"2023-10-04T11:06:02.649Z","0.2.54-alpha.2":"2023-10-04T12:24:24.539Z","0.2.54-alpha.3":"2023-10-04T13:08:40.706Z","0.3.0-alpha.0":"2023-10-04T15:15:55.820Z","0.2.54-alpha.4":"2023-10-05T07:31:30.165Z","0.2.54-alpha.5":"2023-10-05T10:01:24.977Z","1.0.0-alpha.0":"2023-10-05T11:01:12.563Z","1.0.0-alpha.1":"2023-10-06T09:35:12.497Z","1.0.0-alpha.2":"2023-10-06T11:15:59.155Z","1.0.0":"2023-10-06T13:09:30.061Z","1.0.1":"2023-10-06T13:43:55.003Z","1.0.2-alpha.0":"2023-10-10T09:34:18.974Z","1.0.2-alpha.1":"2023-10-11T06:26:36.189Z","1.0.2-alpha.2":"2023-10-11T06:55:03.865Z","1.0.2-alpha.3":"2023-10-11T09:33:36.224Z","1.0.2-alpha.4":"2023-10-11T09:37:26.206Z","1.0.2-alpha.5":"2023-10-11T09:44:07.824Z","1.0.2-alpha.6":"2023-10-11T10:21:32.435Z","1.0.2-alpha.7":"2023-10-11T10:32:27.518Z","1.0.2-alpha.8":"2023-10-11T10:48:16.785Z","1.0.2":"2023-10-11T11:15:26.663Z","1.0.3":"2023-10-11T13:16:34.788Z","1.0.4":"2023-10-12T06:21:51.911Z","1.0.5":"2023-10-12T10:03:57.243Z","1.0.6":"2023-10-16T13:28:10.033Z","1.0.7-alpha.0":"2023-10-18T10:21:48.207Z","1.0.7-alpha.1":"2023-10-18T10:39:28.408Z","1.0.7-alpha.2":"2023-10-18T10:48:52.128Z","1.0.7":"2023-10-18T11:05:14.692Z","1.0.8-alpha.0":"2023-10-18T12:26:21.435Z","1.0.8":"2023-10-20T07:16:31.818Z","1.0.9-alpha.0":"2023-10-25T12:42:06.022Z","1.0.9-alpha.1":"2023-10-25T13:10:11.373Z","1.0.9-alpha.2":"2023-10-26T06:50:46.807Z","1.0.9-alpha.3":"2023-10-26T07:16:22.446Z","1.0.9-alpha.4":"2023-10-26T07:32:14.381Z","1.0.9-alpha.5":"2023-10-26T10:02:28.738Z","1.0.9-alpha.6":"2023-10-26T13:58:35.150Z","1.0.9-alpha.8":"2023-10-30T09:25:07.063Z","1.0.9":"2023-10-30T10:10:12.069Z","1.0.10-alpha.0":"2023-10-30T10:40:12.827Z","1.0.10":"2023-10-30T10:49:16.957Z","1.0.11":"2023-10-31T07:56:05.704Z","1.0.12-alpha.0":"2023-10-31T09:14:40.706Z","1.0.12-alpha.1":"2023-10-31T09:17:58.636Z","1.0.11-alpha.0":"2023-11-03T07:51:18.815Z","1.0.12":"2023-11-03T09:17:09.855Z","1.0.13-alpha.0":"2023-11-06T05:14:28.055Z","1.0.13-alpha.1":"2023-11-07T04:38:50.420Z","1.0.13":"2023-11-07T06:23:57.211Z","1.0.14-alpha.0":"2023-11-07T14:13:47.850Z","1.0.14":"2023-11-07T14:24:48.841Z","1.0.15":"2023-11-08T08:32:00.534Z","1.0.16-alpha.0":"2023-11-16T08:24:08.211Z","1.0.16":"2023-11-16T11:52:46.775Z","1.0.17-alpha.0":"2023-11-20T10:10:54.152Z","1.0.17":"2023-11-23T12:07:24.958Z","1.0.18-alpha.0":"2023-11-24T11:48:23.945Z","1.0.18-alpha.1":"2023-11-24T12:33:40.298Z","1.0.18-alpha.2":"2023-11-24T12:59:46.420Z","1.0.18-alpha.3":"2023-11-27T12:34:53.135Z","1.0.18-alpha.4":"2023-11-28T08:11:51.231Z","1.0.18-alpha.5":"2023-11-28T10:53:36.455Z","1.0.18-alpha.6":"2023-11-28T11:57:46.268Z","1.0.18-alpha.7":"2023-11-28T12:06:10.290Z","1.0.18-alpha.8":"2023-11-28T12:40:43.934Z","1.0.18-alpha.9":"2023-11-28T12:43:23.188Z","1.0.18-alpha.10":"2023-11-28T12:51:01.217Z","1.0.18-alpha.11":"2023-11-28T13:13:58.406Z","1.0.18-alpha.12":"2023-11-28T13:19:39.054Z","1.0.18-alpha.13":"2023-11-28T17:50:45.883Z","1.0.18-alpha.14":"2023-11-29T06:55:57.401Z","1.0.18-alpha.15":"2023-11-29T07:00:41.187Z","1.0.18-alpha.16":"2023-11-29T07:02:35.168Z","1.0.18-alpha.17":"2023-11-29T07:25:16.767Z","1.0.18-alpha.18":"2023-11-29T07:35:00.933Z","1.0.18":"2023-11-29T07:54:03.796Z","1.0.19":"2023-11-30T10:57:07.022Z","1.0.20":"2023-12-01T09:26:16.616Z","1.0.20-alpha.0":"2023-12-01T11:10:19.908Z","1.0.21-alpha.0":"2023-12-04T09:29:54.232Z","1.0.21":"2023-12-04T09:57:20.723Z","1.0.22":"2023-12-04T11:13:19.014Z","1.0.22-alpha.0":"2023-12-04T11:37:18.406Z","1.0.22-alpha.1":"2023-12-04T13:10:43.982Z","1.0.23-alpha.0":"2023-12-06T07:25:05.569Z","1.0.23":"2023-12-06T08:14:50.277Z","1.0.24":"2023-12-06T08:16:33.182Z","1.0.25-alpha.0":"2023-12-06T12:25:23.994Z","1.0.25":"2023-12-06T13:25:30.630Z","1.0.26":"2023-12-07T06:52:55.987Z","1.0.27-alpha.0":"2023-12-11T12:37:13.196Z","1.0.27-alpha.1":"2023-12-11T12:53:29.060Z","1.0.27-alpha.2":"2023-12-11T13:14:34.281Z","1.0.27-alpha.3":"2023-12-12T19:22:54.857Z","1.0.27-alpha.4":"2023-12-13T08:13:37.022Z","1.0.27-alpha.5":"2023-12-13T11:49:06.781Z","1.0.27":"2023-12-13T13:11:24.826Z","1.0.28":"2023-12-13T13:40:55.356Z","1.0.29-alpha.0":"2023-12-13T13:47:52.894Z","1.0.29-alpha.1":"2023-12-14T06:51:55.096Z","1.0.29-alpha.2":"2023-12-14T06:58:46.501Z","1.0.29-alpha.3":"2023-12-14T07:05:36.158Z","1.0.29":"2023-12-14T07:23:44.871Z","1.0.29-alpha.5":"2023-12-15T06:50:49.513Z","1.0.30-alpha.0":"2023-12-20T07:15:32.501Z","1.0.30-alpha.1":"2023-12-20T07:22:03.209Z","1.0.30-alpha.2":"2023-12-20T07:25:56.435Z","1.0.30-alpha.3":"2023-12-20T07:44:30.477Z","1.0.30-alpha.4":"2023-12-20T07:54:00.880Z","1.0.30-alpha.5":"2023-12-20T07:56:44.471Z","1.0.30-alpha.6":"2023-12-20T16:49:18.296Z","1.0.30-alpha.10":"2023-12-21T07:56:38.414Z","1.0.30-alpha.11":"2023-12-21T10:07:08.034Z","1.0.30":"2023-12-21T10:39:19.941Z","1.0.31-alpha.0":"2024-01-03T11:24:44.683Z","1.0.31-alpha.1":"2024-01-03T13:25:36.928Z","1.0.31-alpha.2":"2024-01-03T13:46:22.179Z","1.0.31-alpha.3":"2024-01-04T07:25:59.673Z","1.0.31":"2024-01-04T07:47:51.627Z","1.0.31-alpha.4":"2024-01-04T09:39:28.530Z","1.0.31-alpha.5":"2024-01-04T09:49:22.875Z","1.0.31-alpha.7":"2024-01-04T09:55:29.118Z","1.0.31-alpha.8":"2024-01-04T10:40:12.565Z","1.0.31-alpha.9":"2024-01-04T11:20:10.593Z","1.0.31-alpha.10":"2024-01-04T11:21:07.863Z","1.0.31-alpha.11":"2024-01-05T12:01:36.659Z","1.0.31-alpha.12":"2024-01-08T07:50:17.745Z","1.0.31-alpha.13":"2024-01-08T08:06:52.770Z","1.0.31-alpha.14":"2024-01-08T10:11:30.028Z","1.0.31-alpha.15":"2024-01-08T10:34:39.519Z","1.0.31-alpha.17":"2024-01-08T13:14:33.716Z","1.0.31-alpha.18":"2024-01-09T09:15:44.588Z","1.0.31-alpha.19":"2024-01-09T09:18:33.159Z","1.0.31-alpha.20":"2024-01-09T09:22:08.467Z","1.0.31-alpha.21":"2024-01-09T09:23:46.746Z","1.0.32":"2024-01-10T09:04:07.033Z","1.0.33-alpha.0":"2024-01-10T11:11:06.894Z","1.0.33-alpha.1":"2024-01-10T12:49:56.027Z","1.0.33":"2024-01-10T12:54:29.677Z","1.0.34":"2024-01-11T10:18:50.807Z","1.0.35":"2024-01-11T10:50:15.595Z","1.0.36":"2024-01-11T11:20:20.591Z","1.0.37-alpha.0":"2024-01-11T15:14:17.636Z","1.0.37":"2024-01-11T16:04:47.234Z","1.0.38-alpha.0":"2024-01-12T06:50:57.455Z","1.0.38-alpha.1":"2024-01-12T06:54:45.390Z","1.0.38-alpha.2":"2024-01-12T06:58:18.753Z","1.0.38-alpha.3":"2024-01-12T07:11:14.732Z","1.0.38-alpha.4":"2024-01-12T08:57:24.315Z","1.0.38-alpha.5":"2024-01-12T08:59:50.460Z","1.0.38-alpha.6":"2024-01-12T09:03:12.100Z","1.0.38-alpha.7":"2024-01-12T09:09:39.303Z","1.0.38-alpha.8":"2024-01-12T09:28:50.763Z","1.0.38-alpha.9":"2024-01-12T09:32:17.863Z","1.0.38-alpha.10":"2024-01-12T09:35:56.298Z","1.0.38-alpha.11":"2024-01-12T10:16:06.731Z","1.0.38-alpha.12":"2024-01-12T10:48:42.994Z","1.0.38-alpha.13":"2024-01-12T11:02:11.659Z","1.0.38-alpha.14":"2024-01-12T11:04:50.917Z","1.0.39-alpha.0":"2024-01-12T11:14:37.754Z","1.0.38":"2024-01-12T11:35:08.341Z","1.0.38-alpha.15":"2024-01-12T12:28:32.286Z","1.0.38-alpha.16":"2024-01-12T12:37:51.094Z","1.0.39":"2024-01-15T09:53:17.097Z","1.0.40-alpha.0":"2024-01-15T12:38:55.684Z","1.0.40-alpha.1":"2024-01-15T12:48:14.353Z","1.0.40-alpha.2":"2024-01-15T13:04:17.671Z","1.0.40-alpha.3":"2024-01-15T13:08:14.352Z","1.0.40-alpha.4":"2024-01-15T13:10:28.891Z","1.0.40-alhpa.5":"2024-01-15T13:14:02.561Z","1.0.40-alpha.5":"2024-01-15T13:15:04.135Z","1.0.40-alpha.6":"2024-01-15T13:36:37.738Z","1.0.40-alpha.7":"2024-01-15T13:41:33.296Z","1.0.40-alpha.8":"2024-01-15T13:43:36.423Z","1.0.40-alpha.9":"2024-01-15T13:46:13.744Z","1.0.40-alpha.10":"2024-01-16T05:15:26.912Z","1.0.40-alpha.11":"2024-01-16T05:29:57.757Z","1.0.40-alpha.12":"2024-01-16T06:14:59.056Z","1.0.40-alpha.13":"2024-01-16T06:30:04.456Z","1.0.41-alpha.0":"2024-01-16T07:10:25.625Z","1.0.40":"2024-01-16T07:29:21.755Z","1.0.41-alpha.1":"2024-01-16T08:04:46.489Z","1.0.41-alpha.2":"2024-01-16T11:04:20.705Z","1.0.41-alpha.3":"2024-01-16T11:50:24.319Z","1.0.41":"2024-01-16T12:05:32.431Z","1.0.42-alpha.0":"2024-01-23T13:21:19.988Z","1.0.42-alpha.1":"2024-01-23T13:25:10.168Z","1.0.42-alpha.2":"2024-01-23T13:27:52.085Z","1.0.42-alpha.3":"2024-01-23T13:30:34.285Z","1.0.42-alpha.4":"2024-01-23T13:35:16.935Z","1.0.42-alpha.5":"2024-01-23T13:39:08.814Z","1.0.42-alpha.6":"2024-01-23T13:47:16.654Z","1.0.42-alpha.7":"2024-01-23T13:53:40.599Z","1.0.42-alpha.8":"2024-01-23T14:04:28.929Z","1.0.42":"2024-01-23T14:18:45.362Z","1.0.43":"2024-01-24T05:56:16.574Z","1.0.44-alpha.0":"2024-01-29T10:44:50.422Z","1.0.44":"2024-01-29T11:21:46.718Z","1.0.45-alpha.0":"2024-01-30T10:33:51.410Z","1.0.45":"2024-01-30T11:04:48.663Z","1.0.46":"2024-02-12T10:07:40.444Z","1.0.47-alpha.0":"2024-02-12T13:14:16.540Z","1.0.47-alpha.1":"2024-02-12T13:21:24.240Z","1.0.47":"2024-02-12T13:46:01.009Z","1.0.48":"2024-02-14T12:48:52.689Z","1.0.49-alpha.0":"2024-02-27T12:28:55.784Z","1.0.49-alpha.1":"2024-02-27T12:52:07.148Z","1.0.49-alpha.2":"2024-02-27T12:56:50.950Z","1.0.49":"2024-03-06T07:34:27.246Z","1.0.49-alpha.3":"2024-03-06T07:41:17.209Z","1.0.50":"2024-03-12T06:29:20.346Z","1.0.51":"2024-03-13T06:41:24.575Z","1.0.52-alpha.0":"2024-03-13T09:39:58.110Z","1.0.52-alpha.1":"2024-03-13T09:41:34.618Z","1.0.52":"2024-03-15T06:35:57.785Z","1.0.53-alpha.0":"2024-03-19T11:10:37.811Z","1.0.53":"2024-04-22T06:13:58.284Z","1.0.54":"2024-04-24T12:13:10.983Z","1.0.55-alpha.0":"2024-05-07T10:15:22.071Z","1.0.55":"2024-05-07T10:51:35.067Z","1.0.56":"2024-05-07T14:03:38.738Z","1.0.57":"2024-07-09T09:31:11.522Z"},"bugs":{"url":"https://github.com/gluestack/gluestack-ui/issues"},"homepage":"https://github.com/gluestack/gluestack-ui/tree/main/packages/styled/react#readme","keywords":["React Native","Next.js","Expo","React","packager","styling","css-in-js","typescript","javascript","components","android","ios","theme","token","responsive-styling","design-system","universal"],"repository":{"type":"git","url":"git+https://github.com/gluestack/gluestack-ui.git"},"description":"A universal & performant styling library for React Native, Next.js & React","maintainers":[{"name":"rayan1810","email":"rohit99.ind@gmail.com"},{"name":"gluestackadmin","email":"dev@gluestack.io"},{"name":"meenumakkar","email":"makkarmini007@gmail.com"},{"name":"geekashwini","email":"ashwinik@geekyants.com"},{"name":"madhavb230100","email":"madhavb230100@gmail.com"},{"name":"viraj-10","email":"virajjoshi132@gmail.com"},{"name":"ankit-tailor","email":"tailorankit3345@gmail.com"},{"name":"surajahmedc","email":"suraj@geekyants.com"}],"readme":"

\n \n \"gluestack\n \n
\n
\n

\n\n## Introduction\n\nA library that allows you to use CSS in your React and React Native projects with a modern, powerful and flexible way. `gluestack-style` allows you to write CSS using JavaScript, which enables you to take advantage of the power and expressiveness of both languages. With its simple and intuitive API, you can easily create dynamic styles, responsive design, and handle themes for your applications.\n\n## Documentation\n\nYou can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/style/docs/getting-started/installation website.\n\n## Installation\n\nTo use `@gluestack-style/react`, all you need to do is install the\n`@gluestack-style/react` package and its peer dependencies:\n\n```sh\n$ yarn add @gluestack-style/react react-native-web react-native-svg\n\n# or\n\n$ npm i @gluestack-style/react react-native-web react-native-svg\n```\n\n## Usage\n\nTo use the `@gluestack-style/react` in your project, follow these steps:\n\n1. Wrap your application with the `StyledProvider` provided by\n **@gluestack-style/react**.\n\n```jsx\nimport { StyledProvider } from '@gluestack-style/react';\n\n// Do this at the root of your application\nfunction App({ children }) {\n return {children};\n}\n```\n\n1. Now you can use `@gluestack-style/react` to style your components by using the `styled` function provided by the library. For example:\n\n```jsx\nimport React from 'react';\nimport { styled } from '@gluestack-style/react';\n\nconst StyledButton = styled(\n Pressable,\n {\n bg: '$red500',\n p: '$3',\n },\n {}\n);\n\nconst StyledButtonText = styled(Text, {}, {});\n\nexport const App = () => {\n return (\n \n \n Button\n \n \n );\n};\n```\n\nMore guides on how to get started are available\n[here](https://gluestack.io/style).\n","readmeFilename":"README.md"}