{"_id":"@abpjs/theme-basic","_rev":"15-0706a19c9122a880f66104cbd80a009c","name":"@abpjs/theme-basic","dist-tags":{"latest":"4.0.0"},"versions":{"0.7.6":{"name":"@abpjs/theme-basic","version":"0.7.6","author":{"name":"tekthar.com"},"license":"LGPL-3.0","_id":"@abpjs/theme-basic@0.7.6","maintainers":[{"name":"aitani","email":"aitani@tekthar.com"}],"homepage":"https://docs.abpjs.io/docs/packages/theme-basic/overview","bugs":{"url":"https://github.com/abpjs/abp-react/issues"},"dist":{"shasum":"18e83232f37ebf40b08ae05c69b73a9f9922499c","tarball":"https://registry.npmjs.org/@abpjs/theme-basic/-/theme-basic-0.7.6.tgz","fileCount":38,"integrity":"sha512-rqE84R2URKNjteZ3uxsXlGoS0qC3ty4/YujsrfarxkicpuNM3e8eRnJeD523NJBfMA0BbpwVk08T5VkjXoYDig==","signatures":[{"sig":"MEUCIQCZ0fgi6BBWqWH30qC5OsOmpGQSjV1mFmBu9c0JzxmLlAIgTsRSEa4QOFgcfwG6g1xhAsLIeukr1t532P1KO8GnXYE=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":171797},"main":"dist/index.js","_from":"file:abpjs-theme-basic-0.7.6.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"scripts":{"dev":"tsup src/index.ts --format cjs,esm --watch","lint":"eslint src","test":"vitest","build":"tsup src/index.ts --format cjs,esm --clean && tsc -p tsconfig.build.json","format":"prettier --write \"src/**/*.{ts,tsx,json,md}\"","lint:fix":"eslint src --fix","type-check":"tsc --noEmit","format:check":"prettier --check \"src/**/*.{ts,tsx,json,md}\""},"_npmUser":{"name":"aitani","email":"aitani@tekthar.com"},"_resolved":"C:\\Users\\DELL\\AppData\\Local\\Temp\\7eda1b0f17ba232d91c443691d5d6ea8\\abpjs-theme-basic-0.7.6.tgz","_integrity":"sha512-rqE84R2URKNjteZ3uxsXlGoS0qC3ty4/YujsrfarxkicpuNM3e8eRnJeD523NJBfMA0BbpwVk08T5VkjXoYDig==","repository":{"url":"git+https://github.com/abpjs/abp-react.git","type":"git"},"_npmVersion":"10.9.2","description":"ABP Framework Theme Basic components for React - translated from @abp/ng.theme.basic","directories":{},"_nodeVersion":"22.17.0","dependencies":{"@abpjs/core":"0.7.6","react-icons":"^5.0.0","lucide-react":"^0.400.0","@emotion/react":"^11.11.0","react-hook-form":"^7.48.0","@chakra-ui/react":"^3.2.0","@abpjs/theme-shared":"0.7.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"@abp/ng.theme.basic":"0.7.6"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0","react-router-dom":">=6.0.0"},"_npmOperationalInternal":{"tmp":"tmp/theme-basic_0.7.6_1768798440818_0.33481261446538957","host":"s3://npm-registry-packages-npm-production"}},"0.8.0":{"name":"@abpjs/theme-basic","version":"0.8.0","author":{"name":"tekthar.com"},"license":"LGPL-3.0","_id":"@abpjs/theme-basic@0.8.0","maintainers":[{"name":"aitani","email":"aitani@tekthar.com"}],"homepage":"https://docs.abpjs.io/docs/packages/theme-basic/overview","bugs":{"url":"https://github.com/abpjs/abp-react/issues"},"dist":{"shasum":"53de1323db7b75b256d5ba2209f3ef6dce02dc79","tarball":"https://registry.npmjs.org/@abpjs/theme-basic/-/theme-basic-0.8.0.tgz","fileCount":38,"integrity":"sha512-uBluIkx9t656aQTXZrTZyqHl/N9h6DjKcGIIYrfR6FnJB0Sf6jrW3s1k2nKym7CPZffrWrBIdYqzsfM+tMyyKw==","signatures":[{"sig":"MEYCIQCdPwIEyPELFD4yhufSge1jYRJgpG4HeTPbDpkkuYmK7AIhAIRt+CoeoWSn4xVscadYDs3uVYW1canHfGiFU2PDV4Oq","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":171797},"main":"dist/index.js","_from":"file:abpjs-theme-basic-0.8.0.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"scripts":{"dev":"tsup src/index.ts --format cjs,esm --watch","lint":"eslint src","test":"vitest","build":"tsup src/index.ts --format cjs,esm --clean && tsc -p tsconfig.build.json","format":"prettier --write \"src/**/*.{ts,tsx,json,md}\"","lint:fix":"eslint src --fix","type-check":"tsc --noEmit","format:check":"prettier --check \"src/**/*.{ts,tsx,json,md}\""},"_npmUser":{"name":"aitani","email":"aitani@tekthar.com"},"_resolved":"C:\\Users\\DELL\\AppData\\Local\\Temp\\dd06d550ff62513ef47aceef66307a61\\abpjs-theme-basic-0.8.0.tgz","_integrity":"sha512-uBluIkx9t656aQTXZrTZyqHl/N9h6DjKcGIIYrfR6FnJB0Sf6jrW3s1k2nKym7CPZffrWrBIdYqzsfM+tMyyKw==","repository":{"url":"git+https://github.com/abpjs/abp-react.git","type":"git"},"_npmVersion":"10.9.2","description":"ABP Framework Theme Basic components for React - translated from @abp/ng.theme.basic","directories":{},"_nodeVersion":"22.17.0","dependencies":{"@abpjs/core":"0.8.0","react-icons":"^5.0.0","lucide-react":"^0.400.0","@emotion/react":"^11.11.0","react-hook-form":"^7.48.0","@chakra-ui/react":"^3.2.0","@abpjs/theme-shared":"0.8.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"@abp/ng.theme.basic":"0.8.0"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0","react-router-dom":">=6.0.0"},"_npmOperationalInternal":{"tmp":"tmp/theme-basic_0.8.0_1769250510428_0.5686798322684001","host":"s3://npm-registry-packages-npm-production"}},"0.9.0":{"name":"@abpjs/theme-basic","version":"0.9.0","author":{"name":"tekthar.com"},"license":"LGPL-3.0","_id":"@abpjs/theme-basic@0.9.0","maintainers":[{"name":"aitani","email":"aitani@tekthar.com"}],"homepage":"https://docs.abpjs.io/docs/packages/theme-basic/overview","bugs":{"url":"https://github.com/abpjs/abp-react/issues"},"dist":{"shasum":"5d173486d7cb0877810c1d721e3ecee0b0bd15cc","tarball":"https://registry.npmjs.org/@abpjs/theme-basic/-/theme-basic-0.9.0.tgz","fileCount":36,"integrity":"sha512-amrd5RUb28NiGVFVHtlq6a3ONTI9AsW93+HWIeuFuCZgY4U4yEVWgcXmPJt561cnkN5wy9x7e6YfdGMhWsBogg==","signatures":[{"sig":"MEQCIEVq0Ct49dT8otgRIxbGBptivDl3CvQfEXHlbZlwg2TeAiBW+pEOozS0Y7P1JkoklZYED9VBmvw02c8OOXp4Ea56lw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":144778},"main":"dist/index.js","_from":"file:abpjs-theme-basic-0.9.0.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"scripts":{"dev":"tsup src/index.ts --format cjs,esm --watch","lint":"eslint src","test":"vitest","build":"tsup src/index.ts --format cjs,esm --clean && tsc -p tsconfig.build.json","format":"prettier --write \"src/**/*.{ts,tsx,json,md}\"","lint:fix":"eslint src --fix","type-check":"tsc --noEmit","format:check":"prettier --check \"src/**/*.{ts,tsx,json,md}\""},"_npmUser":{"name":"aitani","email":"aitani@tekthar.com"},"_resolved":"C:\\Users\\DELL\\AppData\\Local\\Temp\\3ea45307aacf074d1ee1a365b26d3492\\abpjs-theme-basic-0.9.0.tgz","_integrity":"sha512-amrd5RUb28NiGVFVHtlq6a3ONTI9AsW93+HWIeuFuCZgY4U4yEVWgcXmPJt561cnkN5wy9x7e6YfdGMhWsBogg==","repository":{"url":"git+https://github.com/abpjs/abp-react.git","type":"git"},"_npmVersion":"10.9.2","description":"ABP Framework Theme Basic components for React - translated from @abp/ng.theme.basic","directories":{},"_nodeVersion":"22.17.0","dependencies":{"@abpjs/core":"0.9.0","react-icons":"^5.0.0","lucide-react":"^0.400.0","@emotion/react":"^11.11.0","react-hook-form":"^7.48.0","@chakra-ui/react":"^3.2.0","@abpjs/theme-shared":"0.9.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"@abp/ng.theme.basic":"0.9.0"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0","react-router-dom":">=6.0.0"},"_npmOperationalInternal":{"tmp":"tmp/theme-basic_0.9.0_1769752662971_0.8778063792954467","host":"s3://npm-registry-packages-npm-production"}},"1.0.0":{"name":"@abpjs/theme-basic","version":"1.0.0","author":{"name":"tekthar.com"},"license":"LGPL-3.0","_id":"@abpjs/theme-basic@1.0.0","maintainers":[{"name":"aitani","email":"aitani@tekthar.com"}],"homepage":"https://docs.abpjs.io/docs/packages/theme-basic/overview","bugs":{"url":"https://github.com/abpjs/abp-react/issues"},"dist":{"shasum":"9d83ad52a65d5b6c42c5897ea3854fd9ed2a6d1c","tarball":"https://registry.npmjs.org/@abpjs/theme-basic/-/theme-basic-1.0.0.tgz","fileCount":36,"integrity":"sha512-Gr2FpOGXV50SHlJ2CJdnErpvQcyaIatHylEO9ImN6RVF3k5s08pHiVsDc6wC2u1laFJjkco7JLe2szVuHKdvcQ==","signatures":[{"sig":"MEQCICuuFF9q3A+Cu86DsaKktiTaD8XeCzS2RMFazXaAQO8qAiAOakciVEN17p36E0GSElYZTTZWTBGh1G0mek6F3jdx5w==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":144810},"main":"dist/index.js","_from":"file:abpjs-theme-basic-1.0.0.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"scripts":{"dev":"tsup src/index.ts --format cjs,esm --watch","lint":"eslint src","test":"vitest run","build":"tsup src/index.ts --format cjs,esm --clean && tsc -p tsconfig.build.json","format":"prettier --write \"src/**/*.{ts,tsx,json,md}\"","lint:fix":"eslint src --fix","test:watch":"vitest","type-check":"tsc --noEmit","format:check":"prettier --check \"src/**/*.{ts,tsx,json,md}\""},"_npmUser":{"name":"aitani","email":"aitani@tekthar.com"},"_resolved":"C:\\Users\\DELL\\AppData\\Local\\Temp\\cb7a79b6d38bb00c7f111b192fea6157\\abpjs-theme-basic-1.0.0.tgz","_integrity":"sha512-Gr2FpOGXV50SHlJ2CJdnErpvQcyaIatHylEO9ImN6RVF3k5s08pHiVsDc6wC2u1laFJjkco7JLe2szVuHKdvcQ==","repository":{"url":"git+https://github.com/abpjs/abp-react.git","type":"git"},"_npmVersion":"10.9.2","description":"ABP Framework Theme Basic components for React - translated from @abp/ng.theme.basic","directories":{},"_nodeVersion":"22.17.0","dependencies":{"@abpjs/core":"1.0.0","react-icons":"^5.0.0","lucide-react":"^0.400.0","@emotion/react":"^11.11.0","react-hook-form":"^7.48.0","@chakra-ui/react":"^3.2.0","@abpjs/theme-shared":"1.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"@abp/ng.theme.basic":"1.0.0"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0","react-router-dom":">=6.0.0"},"_npmOperationalInternal":{"tmp":"tmp/theme-basic_1.0.0_1769804103492_0.3724652269004598","host":"s3://npm-registry-packages-npm-production"}},"1.1.0":{"name":"@abpjs/theme-basic","version":"1.1.0","author":{"name":"tekthar.com"},"license":"LGPL-3.0","_id":"@abpjs/theme-basic@1.1.0","maintainers":[{"name":"aitani","email":"aitani@tekthar.com"}],"homepage":"https://docs.abpjs.io/docs/packages/theme-basic/overview","bugs":{"url":"https://github.com/abpjs/abp-react/issues"},"dist":{"shasum":"2c040dcbf908f2f92ed5dd939a9dfc0755716ade","tarball":"https://registry.npmjs.org/@abpjs/theme-basic/-/theme-basic-1.1.0.tgz","fileCount":36,"integrity":"sha512-SzYzWHYRFr2ezHTNlwCvDo0tmudnxw9Owy6hkVMryQSmzT29VjBchOX7VCI2YAxW/vH7VvP7lmhfHFdpLmaeAg==","signatures":[{"sig":"MEUCIDjVz9LseuetgOEbA4LWrLFeXx+1+XB3HUxX2GVPkPsOAiEA2+vPU9Urnw6RTNmOkspJWUekR/5br1SkUNsAQh9Cmc4=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":144996},"main":"dist/index.js","_from":"file:abpjs-theme-basic-1.1.0.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"scripts":{"dev":"tsup src/index.ts --format cjs,esm --watch","lint":"eslint src","test":"vitest run","build":"tsup src/index.ts --format cjs,esm --clean && tsc -p tsconfig.build.json","format":"prettier --write \"src/**/*.{ts,tsx,json,md}\"","lint:fix":"eslint src --fix","test:watch":"vitest","type-check":"tsc --noEmit","format:check":"prettier --check \"src/**/*.{ts,tsx,json,md}\""},"_npmUser":{"name":"aitani","email":"aitani@tekthar.com"},"_resolved":"C:\\Users\\DELL\\AppData\\Local\\Temp\\34ba7a30320758c96af7d948b839b2ce\\abpjs-theme-basic-1.1.0.tgz","_integrity":"sha512-SzYzWHYRFr2ezHTNlwCvDo0tmudnxw9Owy6hkVMryQSmzT29VjBchOX7VCI2YAxW/vH7VvP7lmhfHFdpLmaeAg==","repository":{"url":"git+https://github.com/abpjs/abp-react.git","type":"git","directory":"packages/theme-basic"},"_npmVersion":"10.9.2","description":"ABP Framework Theme Basic components for React - translated from @abp/ng.theme.basic","directories":{},"_nodeVersion":"22.17.0","dependencies":{"@abpjs/core":"1.1.0","react-icons":"^5.0.0","lucide-react":"^0.400.0","@emotion/react":"^11.11.0","react-hook-form":"^7.48.0","@chakra-ui/react":"^3.2.0","@abpjs/theme-shared":"1.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vitest":"^3.2.0","@abp/ng.theme.basic":"1.1.0","@vitest/coverage-v8":"^3.2.0","@testing-library/react":"^16.1.0","@testing-library/jest-dom":"^6.6.3"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0","react-router-dom":">=6.0.0"},"_npmOperationalInternal":{"tmp":"tmp/theme-basic_1.1.0_1769880659102_0.5921839377833569","host":"s3://npm-registry-packages-npm-production"}},"2.0.0":{"name":"@abpjs/theme-basic","version":"2.0.0","author":{"name":"tekthar.com"},"license":"LGPL-3.0","_id":"@abpjs/theme-basic@2.0.0","maintainers":[{"name":"aitani","email":"aitani@tekthar.com"}],"homepage":"https://docs.abpjs.io/docs/packages/theme-basic/overview","bugs":{"url":"https://github.com/abpjs/abp-react/issues"},"dist":{"shasum":"5bd210dab5f2391f22b095ef8df2d7dc3342c21a","tarball":"https://registry.npmjs.org/@abpjs/theme-basic/-/theme-basic-2.0.0.tgz","fileCount":36,"integrity":"sha512-Khwyql+5lkSi7ilRXfeMNfj4P0q3xp0wmdWEjSAlEnrJ0yrhCaAMWfmg9jThEvB+PVezrN+5PjdyG6pQKBgm9w==","signatures":[{"sig":"MEYCIQD4yF5tTcsmoW6A2HSz0zCLKf1kB3llgUJrvnT886zw6QIhAOGQgSz3D/KJ5fCM+EpYhLvepfo0OA0LuykmOG6PBJUb","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":144930},"main":"dist/index.js","_from":"file:abpjs-theme-basic-2.0.0.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"scripts":{"dev":"tsup src/index.ts --format cjs,esm --watch","lint":"eslint src","test":"vitest run","build":"tsup src/index.ts --format cjs,esm --clean && tsc -p tsconfig.build.json","format":"prettier --write \"src/**/*.{ts,tsx,json,md}\"","lint:fix":"eslint src --fix","test:watch":"vitest","type-check":"tsc --noEmit","format:check":"prettier --check \"src/**/*.{ts,tsx,json,md}\""},"_npmUser":{"name":"aitani","email":"aitani@tekthar.com"},"_resolved":"C:\\Users\\DELL\\AppData\\Local\\Temp\\f84caaca847a51d2efcca564ba0d57bc\\abpjs-theme-basic-2.0.0.tgz","_integrity":"sha512-Khwyql+5lkSi7ilRXfeMNfj4P0q3xp0wmdWEjSAlEnrJ0yrhCaAMWfmg9jThEvB+PVezrN+5PjdyG6pQKBgm9w==","repository":{"url":"git+https://github.com/abpjs/abp-react.git","type":"git","directory":"packages/theme-basic"},"_npmVersion":"10.9.2","description":"ABP Framework Theme Basic components for React - translated from @abp/ng.theme.basic","directories":{},"_nodeVersion":"22.17.0","dependencies":{"@abpjs/core":"2.0.0","react-icons":"^5.0.0","lucide-react":"^0.400.0","@emotion/react":"^11.11.0","react-hook-form":"^7.48.0","@chakra-ui/react":"^3.2.0","@abpjs/theme-shared":"2.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vitest":"^3.2.0","@abp/ng.theme.basic":"2.0.0","@vitest/coverage-v8":"^3.2.0","@testing-library/react":"^16.1.0","@testing-library/jest-dom":"^6.6.3"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0","react-router-dom":">=6.0.0"},"_npmOperationalInternal":{"tmp":"tmp/theme-basic_2.0.0_1769923549032_0.9084910713924665","host":"s3://npm-registry-packages-npm-production"}},"2.1.0":{"name":"@abpjs/theme-basic","version":"2.1.0","author":{"name":"tekthar.com"},"license":"LGPL-3.0","_id":"@abpjs/theme-basic@2.1.0","maintainers":[{"name":"aitani","email":"aitani@tekthar.com"}],"homepage":"https://docs.abpjs.io/docs/packages/theme-basic/overview","bugs":{"url":"https://github.com/abpjs/abp-react/issues"},"dist":{"shasum":"23544f947edce4ddeba86784fcdd041ccca15f30","tarball":"https://registry.npmjs.org/@abpjs/theme-basic/-/theme-basic-2.1.0.tgz","fileCount":36,"integrity":"sha512-xvckhhkiTiTwkLu4WaCVzY/LISyC/InYwAbQeyJtcSrWtAiVIn+ZiwtD3hx5q11WqYJBI6wNazExtGB0HDhX7Q==","signatures":[{"sig":"MEYCIQDKRi/3zhhRFvLZYPslxIhHNC06eYXNdXZRtzoK7MR1MQIhAMi3sIvAQThGIOSyk51L/Lmq9Y3rPph9NL5R82LKHCkt","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":145134},"main":"dist/index.js","_from":"file:abpjs-theme-basic-2.1.0.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"scripts":{"dev":"tsup src/index.ts --format cjs,esm --watch","lint":"eslint src","test":"vitest run","build":"tsup src/index.ts --format cjs,esm --clean && tsc -p tsconfig.build.json","format":"prettier --write \"src/**/*.{ts,tsx,json,md}\"","lint:fix":"eslint src --fix","test:watch":"vitest","type-check":"tsc --noEmit","format:check":"prettier --check \"src/**/*.{ts,tsx,json,md}\""},"_npmUser":{"name":"aitani","email":"aitani@tekthar.com"},"_resolved":"C:\\Users\\DELL\\AppData\\Local\\Temp\\ed408b3b8e75303b154c21587067524a\\abpjs-theme-basic-2.1.0.tgz","_integrity":"sha512-xvckhhkiTiTwkLu4WaCVzY/LISyC/InYwAbQeyJtcSrWtAiVIn+ZiwtD3hx5q11WqYJBI6wNazExtGB0HDhX7Q==","repository":{"url":"git+https://github.com/abpjs/abp-react.git","type":"git","directory":"packages/theme-basic"},"_npmVersion":"10.9.2","description":"ABP Framework Theme Basic components for React - translated from @abp/ng.theme.basic","directories":{},"_nodeVersion":"22.17.0","dependencies":{"@abpjs/core":"2.1.0","react-icons":"^5.0.0","lucide-react":"^0.400.0","@emotion/react":"^11.11.0","react-hook-form":"^7.48.0","@chakra-ui/react":"^3.2.0","@abpjs/theme-shared":"2.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vitest":"^3.2.0","@abp/ng.theme.basic":"2.1.0","@vitest/coverage-v8":"^3.2.0","@testing-library/react":"^16.1.0","@testing-library/jest-dom":"^6.6.3"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0","react-router-dom":">=6.0.0"},"_npmOperationalInternal":{"tmp":"tmp/theme-basic_2.1.0_1769928887520_0.6499384948542022","host":"s3://npm-registry-packages-npm-production"}},"2.2.0":{"name":"@abpjs/theme-basic","version":"2.2.0","author":{"name":"tekthar.com"},"license":"LGPL-3.0","_id":"@abpjs/theme-basic@2.2.0","maintainers":[{"name":"aitani","email":"aitani@tekthar.com"}],"homepage":"https://docs.abpjs.io/docs/packages/theme-basic/overview","bugs":{"url":"https://github.com/abpjs/abp-react/issues"},"dist":{"shasum":"9616252ced937ca0124d5409129d939b832d461d","tarball":"https://registry.npmjs.org/@abpjs/theme-basic/-/theme-basic-2.2.0.tgz","fileCount":36,"integrity":"sha512-q28nadpeFaYSGW3XsycHQqHpejwZLNSVjK5qZ5Z5NgI0m1odX4ILwfCKW+euAWIRbaSuBqyugEL3wg7kyuAibw==","signatures":[{"sig":"MEYCIQDIaxV8Y/VrUzrvVI6uTcyqANTTtHRgOvm2ciGq1GidWQIhANkJso2khxGFDpatr+xXQx4qYbufYyW91mEDA3eELaQW","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":145334},"main":"dist/index.js","_from":"file:abpjs-theme-basic-2.2.0.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"scripts":{"dev":"tsup src/index.ts --format cjs,esm --watch","lint":"eslint src","test":"vitest run","build":"tsup src/index.ts --format cjs,esm --clean && tsc -p tsconfig.build.json","format":"prettier --write \"src/**/*.{ts,tsx,json,md}\"","lint:fix":"eslint src --fix","test:watch":"vitest","type-check":"tsc --noEmit","format:check":"prettier --check \"src/**/*.{ts,tsx,json,md}\""},"_npmUser":{"name":"aitani","email":"aitani@tekthar.com"},"_resolved":"C:\\Users\\DELL\\AppData\\Local\\Temp\\805a2efd5ce6c24f542a4fcaa50c2469\\abpjs-theme-basic-2.2.0.tgz","_integrity":"sha512-q28nadpeFaYSGW3XsycHQqHpejwZLNSVjK5qZ5Z5NgI0m1odX4ILwfCKW+euAWIRbaSuBqyugEL3wg7kyuAibw==","repository":{"url":"git+https://github.com/abpjs/abp-react.git","type":"git","directory":"packages/theme-basic"},"_npmVersion":"10.9.2","description":"ABP Framework Theme Basic components for React - translated from @abp/ng.theme.basic","directories":{},"_nodeVersion":"22.17.0","dependencies":{"@abpjs/core":"2.2.0","react-icons":"^5.0.0","lucide-react":"^0.400.0","@emotion/react":"^11.11.0","react-hook-form":"^7.48.0","@chakra-ui/react":"^3.2.0","@abpjs/theme-shared":"2.2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vitest":"^3.2.0","@abp/ng.theme.basic":"2.2.0","@vitest/coverage-v8":"^3.2.0","@testing-library/react":"^16.1.0","@testing-library/jest-dom":"^6.6.3"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0","react-router-dom":">=6.0.0"},"_npmOperationalInternal":{"tmp":"tmp/theme-basic_2.2.0_1769979271473_0.038694170057746335","host":"s3://npm-registry-packages-npm-production"}},"2.4.0":{"name":"@abpjs/theme-basic","version":"2.4.0","author":{"name":"tekthar.com"},"license":"LGPL-3.0","_id":"@abpjs/theme-basic@2.4.0","maintainers":[{"name":"aitani","email":"aitani@tekthar.com"}],"homepage":"https://docs.abpjs.io/docs/packages/theme-basic/overview","bugs":{"url":"https://github.com/abpjs/abp-react/issues"},"dist":{"shasum":"7857f71f757754479162761df676ecfa9f95bf39","tarball":"https://registry.npmjs.org/@abpjs/theme-basic/-/theme-basic-2.4.0.tgz","fileCount":36,"integrity":"sha512-6u2ZtUO0oxpJxZ766THInhAw9wwRu8AhtwfY68R+MN3BE1cuVEcyRGOZhQeB3z94h7PnlV4GGFA4wfbP6Gy4XA==","signatures":[{"sig":"MEQCIDaygCDazqjsN0ueKlaVjZWAYWh+7vHqyiOuw1rwit5xAiArbILmi6SygyZxVqrir3CeX0roXdK+jRR5l5HfvcomNw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":145638},"main":"dist/index.js","_from":"file:abpjs-theme-basic-2.4.0.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"scripts":{"dev":"tsup src/index.ts --format cjs,esm --watch","lint":"eslint src","test":"vitest run","build":"tsup src/index.ts --format cjs,esm --clean && tsc -p tsconfig.build.json","format":"prettier --write \"src/**/*.{ts,tsx,json,md}\"","lint:fix":"eslint src --fix","test:watch":"vitest","type-check":"tsc --noEmit","format:check":"prettier --check \"src/**/*.{ts,tsx,json,md}\""},"_npmUser":{"name":"aitani","email":"aitani@tekthar.com"},"_resolved":"C:\\Users\\DELL\\AppData\\Local\\Temp\\ce4562347976163148ff64893407c615\\abpjs-theme-basic-2.4.0.tgz","_integrity":"sha512-6u2ZtUO0oxpJxZ766THInhAw9wwRu8AhtwfY68R+MN3BE1cuVEcyRGOZhQeB3z94h7PnlV4GGFA4wfbP6Gy4XA==","repository":{"url":"git+https://github.com/abpjs/abp-react.git","type":"git","directory":"packages/theme-basic"},"_npmVersion":"10.9.2","description":"ABP Framework Theme Basic components for React - translated from @abp/ng.theme.basic","directories":{},"_nodeVersion":"22.17.0","dependencies":{"@abpjs/core":"2.4.0","react-icons":"^5.0.0","lucide-react":"^0.400.0","@emotion/react":"^11.11.0","react-hook-form":"^7.48.0","@chakra-ui/react":"^3.2.0","@abpjs/theme-shared":"2.4.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vitest":"^3.2.0","@abp/ng.theme.basic":"2.4.0","@vitest/coverage-v8":"^3.2.0","@testing-library/react":"^16.1.0","@testing-library/jest-dom":"^6.6.3"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0","react-router-dom":">=6.0.0"},"_npmOperationalInternal":{"tmp":"tmp/theme-basic_2.4.0_1769988581314_0.7554645916543661","host":"s3://npm-registry-packages-npm-production"}},"2.7.0":{"name":"@abpjs/theme-basic","version":"2.7.0","author":{"name":"tekthar.com"},"license":"LGPL-3.0","_id":"@abpjs/theme-basic@2.7.0","maintainers":[{"name":"aitani","email":"aitani@tekthar.com"}],"homepage":"https://docs.abpjs.io/docs/packages/theme-basic/overview","bugs":{"url":"https://github.com/abpjs/abp-react/issues"},"dist":{"shasum":"6455ce88aaafaa392dcffa76dcbf8addf7a8218c","tarball":"https://registry.npmjs.org/@abpjs/theme-basic/-/theme-basic-2.7.0.tgz","fileCount":47,"integrity":"sha512-AI2dSz9Qi/Hx21QZG/vzyXfP/149WHlcSznFyIdL/S0gGNn549FeunHMtm56mX9lvUX4ayb6ZJ9ReXOrY5hpnQ==","signatures":[{"sig":"MEQCIB6PdfMosGgWIpy5ZA1PwPYyUxdFUuxWBP+kJladp2vaAiB89QRoyEzOzgxRuPyLdy0xoI8gEQ7MQimPYLfqWhxchQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":166005},"main":"dist/index.js","_from":"file:abpjs-theme-basic-2.7.0.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"scripts":{"dev":"tsup src/index.ts --format cjs,esm --watch","lint":"eslint src","test":"vitest run","build":"tsup src/index.ts --format cjs,esm --clean && tsc -p tsconfig.build.json","format":"prettier --write \"src/**/*.{ts,tsx,json,md}\"","lint:fix":"eslint src --fix","test:watch":"vitest","type-check":"tsc --noEmit","format:check":"prettier --check \"src/**/*.{ts,tsx,json,md}\""},"_npmUser":{"name":"aitani","email":"aitani@tekthar.com"},"_resolved":"C:\\Users\\DELL\\AppData\\Local\\Temp\\339abdaa810378bffba9822160e0cda3\\abpjs-theme-basic-2.7.0.tgz","_integrity":"sha512-AI2dSz9Qi/Hx21QZG/vzyXfP/149WHlcSznFyIdL/S0gGNn549FeunHMtm56mX9lvUX4ayb6ZJ9ReXOrY5hpnQ==","repository":{"url":"git+https://github.com/abpjs/abp-react.git","type":"git","directory":"packages/theme-basic"},"_npmVersion":"10.9.2","description":"ABP Framework Theme Basic components for React - translated from @abp/ng.theme.basic","directories":{},"_nodeVersion":"22.17.0","dependencies":{"@abpjs/core":"2.7.0","react-icons":"^5.0.0","lucide-react":"^0.400.0","@emotion/react":"^11.11.0","react-hook-form":"^7.48.0","@chakra-ui/react":"^3.2.0","@abpjs/theme-shared":"2.7.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vitest":"^3.2.0","@abp/ng.theme.basic":"2.7.0","@vitest/coverage-v8":"^3.2.0","@testing-library/react":"^16.1.0","@testing-library/jest-dom":"^6.6.3"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0","react-router-dom":">=6.0.0"},"_npmOperationalInternal":{"tmp":"tmp/theme-basic_2.7.0_1770357384661_0.4566101155489619","host":"s3://npm-registry-packages-npm-production"}},"2.9.0":{"name":"@abpjs/theme-basic","version":"2.9.0","author":{"name":"tekthar.com"},"license":"LGPL-3.0","_id":"@abpjs/theme-basic@2.9.0","maintainers":[{"name":"aitani","email":"aitani@tekthar.com"}],"homepage":"https://docs.abpjs.io/docs/packages/theme-basic/overview","bugs":{"url":"https://github.com/abpjs/abp-react/issues"},"dist":{"shasum":"fa56568a31409182fae2e6031a6a75029b594954","tarball":"https://registry.npmjs.org/@abpjs/theme-basic/-/theme-basic-2.9.0.tgz","fileCount":47,"integrity":"sha512-xFWbCpFaI/nOqARQPM7rHyedHztSo769ucu+XR7zbH2tZTYQLqxyPPQ4Pk8Z/UwGdc2Xj+u2sfclNSWahCDNbQ==","signatures":[{"sig":"MEUCIHh+pwW1Vt23uXpBBDvFSB5v+eVo4roo5V4scfhoOQBTAiEAkJ6xjR71HCIxV6AYthFuZTw64/N4rz13yQakyGoTYHI=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":166265},"main":"dist/index.js","_from":"file:abpjs-theme-basic-2.9.0.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"scripts":{"dev":"tsup src/index.ts --format cjs,esm --watch","lint":"eslint src","test":"vitest run","build":"tsup src/index.ts --format cjs,esm --clean && tsc -p tsconfig.build.json","format":"prettier --write \"src/**/*.{ts,tsx,json,md}\"","lint:fix":"eslint src --fix","test:watch":"vitest","type-check":"tsc --noEmit","format:check":"prettier --check \"src/**/*.{ts,tsx,json,md}\""},"_npmUser":{"name":"aitani","email":"aitani@tekthar.com"},"_resolved":"C:\\Users\\DELL\\AppData\\Local\\Temp\\73448d33e1a08f4b0d1cc6e7ccf42e33\\abpjs-theme-basic-2.9.0.tgz","_integrity":"sha512-xFWbCpFaI/nOqARQPM7rHyedHztSo769ucu+XR7zbH2tZTYQLqxyPPQ4Pk8Z/UwGdc2Xj+u2sfclNSWahCDNbQ==","repository":{"url":"git+https://github.com/abpjs/abp-react.git","type":"git","directory":"packages/theme-basic"},"_npmVersion":"10.9.2","description":"ABP Framework Theme Basic components for React - translated from @abp/ng.theme.basic","directories":{},"_nodeVersion":"22.17.0","dependencies":{"@abpjs/core":"2.9.0","react-icons":"^5.0.0","lucide-react":"^0.400.0","@emotion/react":"^11.11.0","react-hook-form":"^7.48.0","@chakra-ui/react":"^3.2.0","@abpjs/theme-shared":"2.9.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vitest":"^3.2.0","@abp/ng.theme.basic":"2.9.0","@vitest/coverage-v8":"^3.2.0","@testing-library/react":"^16.1.0","@testing-library/jest-dom":"^6.6.3"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0","react-router-dom":">=6.0.0"},"_npmOperationalInternal":{"tmp":"tmp/theme-basic_2.9.0_1770371590349_0.06513015735203997","host":"s3://npm-registry-packages-npm-production"}},"3.0.0":{"name":"@abpjs/theme-basic","version":"3.0.0","author":{"name":"tekthar.com"},"license":"LGPL-3.0","_id":"@abpjs/theme-basic@3.0.0","maintainers":[{"name":"aitani","email":"aitani@tekthar.com"}],"homepage":"https://docs.abpjs.io/docs/packages/theme-basic/overview","bugs":{"url":"https://github.com/abpjs/abp-react/issues"},"dist":{"shasum":"8b8930bb0384a664de382d37dbddc553ed6c0cfb","tarball":"https://registry.npmjs.org/@abpjs/theme-basic/-/theme-basic-3.0.0.tgz","fileCount":51,"integrity":"sha512-DJKTkdit/Wa2z8uCXR3T690pHuIfbtiv4AZwBCRA+G3WVvOl+YjLMGfSmoBlUt/TJCn33FIsAoIWuiwxKzVAkg==","signatures":[{"sig":"MEQCIEWTg6L1XxfY2dvagiYLTzElaA1CTQxvz6B1YErCv7UNAiAu4gijj0R+NMoiAkEb6Nt5pGqaXuHcKwx2Q4QfxvrttQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":192965},"main":"dist/index.js","_from":"file:abpjs-theme-basic-3.0.0.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"scripts":{"dev":"tsup src/index.ts --format cjs,esm --watch","lint":"eslint src","test":"vitest run","build":"tsup src/index.ts --format cjs,esm --clean && tsc -p tsconfig.build.json","format":"prettier --write \"src/**/*.{ts,tsx,json,md}\"","lint:fix":"eslint src --fix","test:watch":"vitest","type-check":"tsc --noEmit","format:check":"prettier --check \"src/**/*.{ts,tsx,json,md}\""},"_npmUser":{"name":"aitani","email":"aitani@tekthar.com"},"_resolved":"C:\\Users\\DELL\\AppData\\Local\\Temp\\db6a840110d4ce0f59098f7738078a56\\abpjs-theme-basic-3.0.0.tgz","_integrity":"sha512-DJKTkdit/Wa2z8uCXR3T690pHuIfbtiv4AZwBCRA+G3WVvOl+YjLMGfSmoBlUt/TJCn33FIsAoIWuiwxKzVAkg==","repository":{"url":"git+https://github.com/abpjs/abp-react.git","type":"git","directory":"packages/theme-basic"},"_npmVersion":"10.9.2","description":"ABP Framework Theme Basic components for React - translated from @abp/ng.theme.basic","directories":{},"_nodeVersion":"22.17.0","dependencies":{"@abpjs/core":"3.0.0","react-icons":"^5.0.0","lucide-react":"^0.400.0","@emotion/react":"^11.11.0","react-hook-form":"^7.48.0","@chakra-ui/react":"^3.2.0","@abpjs/theme-shared":"3.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vitest":"^1.6.0","@abp/ng.theme.basic":"3.0.0","@vitest/coverage-v8":"^1.6.0","@testing-library/react":"^16.1.0","@testing-library/jest-dom":"^6.6.3"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0","react-router-dom":">=6.0.0"},"_npmOperationalInternal":{"tmp":"tmp/theme-basic_3.0.0_1770414884468_0.2733499549152998","host":"s3://npm-registry-packages-npm-production"}},"3.1.0":{"name":"@abpjs/theme-basic","version":"3.1.0","author":{"name":"tekthar.com"},"license":"LGPL-3.0","_id":"@abpjs/theme-basic@3.1.0","maintainers":[{"name":"aitani","email":"aitani@tekthar.com"}],"homepage":"https://docs.abpjs.io/docs/packages/theme-basic/overview","bugs":{"url":"https://github.com/abpjs/abp-react/issues"},"dist":{"shasum":"0d987d9315b1950bd17a2bc232efd64453df6451","tarball":"https://registry.npmjs.org/@abpjs/theme-basic/-/theme-basic-3.1.0.tgz","fileCount":51,"integrity":"sha512-OZ7qfAKrNM0vYM+osn3Oeza4IovuTSU2TIS0kmXTuDsP3tFkXk0mKpdtmiMasYwarip8X5wA4qecwMzZWpuUgQ==","signatures":[{"sig":"MEQCIGZavknGy4+0YL50dSppc45axvInVPQUCJ0IZcpdGqmqAiA9B7IkEtPMqDrKwbAVz8ZTOeymWj06noZLXYCvzK8sVQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":192996},"main":"dist/index.js","_from":"file:abpjs-theme-basic-3.1.0.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"scripts":{"dev":"tsup src/index.ts --format cjs,esm --watch","lint":"eslint src","test":"vitest run","build":"tsup src/index.ts --format cjs,esm --clean && tsc -p tsconfig.build.json","format":"prettier --write \"src/**/*.{ts,tsx,json,md}\"","lint:fix":"eslint src --fix","test:watch":"vitest","type-check":"tsc --noEmit","format:check":"prettier --check \"src/**/*.{ts,tsx,json,md}\""},"_npmUser":{"name":"aitani","email":"aitani@tekthar.com"},"_resolved":"C:\\Users\\DELL\\AppData\\Local\\Temp\\e851d95f1236d211a14deff5c7b98a65\\abpjs-theme-basic-3.1.0.tgz","_integrity":"sha512-OZ7qfAKrNM0vYM+osn3Oeza4IovuTSU2TIS0kmXTuDsP3tFkXk0mKpdtmiMasYwarip8X5wA4qecwMzZWpuUgQ==","repository":{"url":"git+https://github.com/abpjs/abp-react.git","type":"git","directory":"packages/theme-basic"},"_npmVersion":"10.9.2","description":"ABP Framework Theme Basic components for React - translated from @abp/ng.theme.basic","directories":{},"_nodeVersion":"22.17.0","dependencies":{"@abpjs/core":"3.1.0","react-icons":"^5.0.0","lucide-react":"^0.400.0","@emotion/react":"^11.11.0","react-hook-form":"^7.48.0","@chakra-ui/react":"^3.2.0","@abpjs/theme-shared":"3.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vitest":"^1.6.0","@abp/ng.theme.basic":"3.1.0","@vitest/coverage-v8":"^1.6.0","@testing-library/react":"^16.1.0","@testing-library/jest-dom":"^6.6.3"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0","react-router-dom":">=6.0.0"},"_npmOperationalInternal":{"tmp":"tmp/theme-basic_3.1.0_1770430535898_0.6860767692143828","host":"s3://npm-registry-packages-npm-production"}},"3.2.0":{"name":"@abpjs/theme-basic","version":"3.2.0","author":{"name":"tekthar.com"},"license":"LGPL-3.0","_id":"@abpjs/theme-basic@3.2.0","maintainers":[{"name":"aitani","email":"aitani@tekthar.com"}],"homepage":"https://docs.abpjs.io/docs/packages/theme-basic/overview","bugs":{"url":"https://github.com/abpjs/abp-react/issues"},"dist":{"shasum":"8318e779ac4ca69eec1b3050854193a676365689","tarball":"https://registry.npmjs.org/@abpjs/theme-basic/-/theme-basic-3.2.0.tgz","fileCount":51,"integrity":"sha512-QD0AfJoDrFUfTd6yULKKoptFJRHTcZC0tMfQ3uRJjsoTzuFtLekLPAOieN3DF8s260kKkhCrQwPv9iJm0iiGKA==","signatures":[{"sig":"MEYCIQCThGoVTzcYCp1HbStTI9CNDavX+azZI9VtpC7dNpn/WQIhAJDgkWnKJ+BNoLv0EjMOIuCErm28eddzHNjczSricA+z","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":193478},"main":"dist/index.js","_from":"file:abpjs-theme-basic-3.2.0.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"scripts":{"dev":"tsup src/index.ts --format cjs,esm --watch","lint":"eslint src","test":"vitest run","build":"tsup src/index.ts --format cjs,esm --clean && tsc -p tsconfig.build.json","format":"prettier --write \"src/**/*.{ts,tsx,json,md}\"","lint:fix":"eslint src --fix","test:watch":"vitest","type-check":"tsc --noEmit","format:check":"prettier --check \"src/**/*.{ts,tsx,json,md}\""},"_npmUser":{"name":"aitani","email":"aitani@tekthar.com"},"_resolved":"C:\\Users\\DELL\\AppData\\Local\\Temp\\c0b12480f08a89e4ee7e66d57af35e6f\\abpjs-theme-basic-3.2.0.tgz","_integrity":"sha512-QD0AfJoDrFUfTd6yULKKoptFJRHTcZC0tMfQ3uRJjsoTzuFtLekLPAOieN3DF8s260kKkhCrQwPv9iJm0iiGKA==","repository":{"url":"git+https://github.com/abpjs/abp-react.git","type":"git","directory":"packages/theme-basic"},"_npmVersion":"10.9.2","description":"ABP Framework Theme Basic components for React - translated from @abp/ng.theme.basic","directories":{},"_nodeVersion":"22.17.0","dependencies":{"@abpjs/core":"3.2.0","react-icons":"^5.0.0","lucide-react":"^0.400.0","@emotion/react":"^11.11.0","react-hook-form":"^7.48.0","@chakra-ui/react":"^3.2.0","@abpjs/theme-shared":"3.2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vitest":"^1.6.0","@abp/ng.theme.basic":"3.2.0","@vitest/coverage-v8":"^1.6.0","@testing-library/react":"^16.1.0","@testing-library/jest-dom":"^6.6.3"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0","react-router-dom":">=6.0.0"},"_npmOperationalInternal":{"tmp":"tmp/theme-basic_3.2.0_1770464631215_0.9923670705793142","host":"s3://npm-registry-packages-npm-production"}},"4.0.0":{"name":"@abpjs/theme-basic","version":"4.0.0","description":"ABP Framework Theme Basic components for React - translated from @abp/ng.theme.basic","main":"dist/index.js","module":"dist/index.mjs","types":"dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0","react-router-dom":">=6.0.0"},"dependencies":{"@chakra-ui/react":"^3.2.0","@emotion/react":"^11.11.0","lucide-react":"^0.400.0","react-hook-form":"^7.48.0","react-icons":"^5.0.0","@abpjs/theme-shared":"4.0.0","@abpjs/core":"4.0.0"},"devDependencies":{"@abp/ng.theme.basic":"4.0.0","@testing-library/jest-dom":"^6.6.3","@testing-library/react":"^16.1.0","@vitest/coverage-v8":"^1.6.0","vitest":"^1.6.0"},"author":{"name":"tekthar.com"},"license":"LGPL-3.0","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/abpjs/abp-react.git","directory":"packages/theme-basic"},"homepage":"https://docs.abpjs.io/docs/packages/theme-basic/overview","bugs":{"url":"https://github.com/abpjs/abp-react/issues"},"scripts":{"build":"tsup src/index.ts --format cjs,esm --clean && tsc -p tsconfig.build.json","dev":"tsup src/index.ts --format cjs,esm --watch","lint":"eslint src","lint:fix":"eslint src --fix","format":"prettier --write \"src/**/*.{ts,tsx,json,md}\"","format:check":"prettier --check \"src/**/*.{ts,tsx,json,md}\"","type-check":"tsc --noEmit","test":"vitest run","test:watch":"vitest"},"_id":"@abpjs/theme-basic@4.0.0","_integrity":"sha512-BjfPtT3DXu1HRRIvJFtyj6emLQHUSUP6+fpZlUa+lLD+EiS8dPX99VClx0SEjELbOzOrxeWOVzOcpV2qfVUbHQ==","_resolved":"C:\\Users\\DELL\\AppData\\Local\\Temp\\d690d923b70a79096a4a4103a6a2738f\\abpjs-theme-basic-4.0.0.tgz","_from":"file:abpjs-theme-basic-4.0.0.tgz","_nodeVersion":"22.17.0","_npmVersion":"10.9.2","dist":{"integrity":"sha512-BjfPtT3DXu1HRRIvJFtyj6emLQHUSUP6+fpZlUa+lLD+EiS8dPX99VClx0SEjELbOzOrxeWOVzOcpV2qfVUbHQ==","shasum":"e10e12fe6111a279ecae2e6412f8f8f0bdb7efca","tarball":"https://registry.npmjs.org/@abpjs/theme-basic/-/theme-basic-4.0.0.tgz","fileCount":51,"unpackedSize":194291,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQC6BquNMTqXEeydS18ci3g402Z8qG1/RqOwHFGmCvtVugIhAMJo771LpHsPWnVIrvRMLjVCSoRBJAuzhkpmP/kX8ThG"}]},"_npmUser":{"name":"aitani","email":"aitani@tekthar.com"},"directories":{},"maintainers":[{"name":"aitani","email":"aitani@tekthar.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/theme-basic_4.0.0_1770568077905_0.8354020459262124"},"_hasShrinkwrap":false}},"time":{"created":"2026-01-19T04:54:00.767Z","modified":"2026-02-08T16:27:58.167Z","0.7.6":"2026-01-19T04:54:00.974Z","0.8.0":"2026-01-24T10:28:30.568Z","0.9.0":"2026-01-30T05:57:43.124Z","1.0.0":"2026-01-30T20:15:03.628Z","1.1.0":"2026-01-31T17:30:59.236Z","2.0.0":"2026-02-01T05:25:49.182Z","2.1.0":"2026-02-01T06:54:47.665Z","2.2.0":"2026-02-01T20:54:31.637Z","2.4.0":"2026-02-01T23:29:41.464Z","2.7.0":"2026-02-06T05:56:24.850Z","2.9.0":"2026-02-06T09:53:10.498Z","3.0.0":"2026-02-06T21:54:44.618Z","3.1.0":"2026-02-07T02:15:36.048Z","3.2.0":"2026-02-07T11:43:51.382Z","4.0.0":"2026-02-08T16:27:58.047Z"},"bugs":{"url":"https://github.com/abpjs/abp-react/issues"},"author":{"name":"tekthar.com"},"license":"LGPL-3.0","homepage":"https://docs.abpjs.io/docs/packages/theme-basic/overview","repository":{"type":"git","url":"git+https://github.com/abpjs/abp-react.git","directory":"packages/theme-basic"},"description":"ABP Framework Theme Basic components for React - translated from @abp/ng.theme.basic","maintainers":[{"name":"aitani","email":"aitani@tekthar.com"}],"readme":"# @abpjs/theme-basic\r\n\r\n> Basic layout components for ABP Framework in React\r\n\r\n[![npm version](https://img.shields.io/npm/v/@abpjs/theme-basic.svg)](https://www.npmjs.com/package/@abpjs/theme-basic)\r\n[![documentation](https://img.shields.io/badge/docs-abpjs.io-blue.svg)](https://docs.abpjs.io/docs/packages/theme-basic/overview)\r\n[![License: LGPL-3.0](https://img.shields.io/badge/License-LGPL--3.0-blue.svg)](https://www.gnu.org/licenses/lgpl-3.0)\r\n\r\n## Overview\r\n\r\n`@abpjs/theme-basic` provides the foundational layout system for ABP-based React applications. It includes multiple pre-built layouts for different sections of your application - from full application layouts with navigation to minimal account page layouts.\r\n\r\nThis package is a React translation of the original `@abp/ng.theme.basic` Angular package, bringing the same flexible layout system to React developers.\r\n\r\n## Features\r\n\r\n- **Multiple Layouts** - Application, Account, and Empty layouts\r\n- **Dynamic Layout System** - Switch layouts based on routes\r\n- **Navigation Management** - Configurable navigation elements with icons and badges\r\n- **User Profile** - Built-in profile and password change components\r\n- **Responsive Design** - Mobile-friendly layouts with sidebar and drawer navigation\r\n- **RTL Support** - Full right-to-left support for Arabic, Hebrew, Persian, and other RTL languages\r\n- **Search** - Built-in navigation search to filter menu items\r\n- **Logo Customization** - Customize logo via props without modifying source code\r\n- **Chakra UI v3** - Beautiful, accessible components with modern patterns\r\n- **Color Mode** - Built-in light/dark theme support (opt-in)\r\n- **TypeScript** - Full type safety with comprehensive definitions\r\n\r\n## Installation\r\n\r\n```bash\r\n# Using npm\r\nnpm install @abpjs/theme-basic\r\n\r\n# Using yarn\r\nyarn add @abpjs/theme-basic\r\n\r\n# Using pnpm\r\npnpm add @abpjs/theme-basic\r\n```\r\n\r\n### Required Dependencies\r\n\r\nThis package requires the following peer dependencies:\r\n\r\n```bash\r\nnpm install @abpjs/core @abpjs/theme-shared @chakra-ui/react @emotion/react lucide-react react-router-dom react-hook-form\r\n```\r\n\r\n> **Note:** Chakra UI v3 no longer requires `@chakra-ui/icons`, `@emotion/styled`, or `framer-motion` as peer dependencies.\r\n\r\n## Quick Start\r\n\r\n### 1. Setup the Theme Provider\r\n\r\nWrap your application with the ThemeBasicProvider:\r\n\r\n```tsx\r\nimport { ThemeBasicProvider } from '@abpjs/theme-basic';\r\nimport { CoreProvider } from '@abpjs/core';\r\n\r\nfunction App() {\r\n  return (\r\n    <CoreProvider environment={environment}>\r\n      <ThemeBasicProvider>\r\n        <Router>\r\n          <AppRoutes />\r\n        </Router>\r\n      </ThemeBasicProvider>\r\n    </CoreProvider>\r\n  );\r\n}\r\n```\r\n\r\n> **Note:** `ThemeBasicProvider` includes Chakra's provider internally (via `ThemeSharedProvider`), so you don't need to wrap with `ChakraProvider` separately.\r\n\r\n### 2. Use Layouts in Routes\r\n\r\n```tsx\r\nimport {\r\n  LayoutApplication,\r\n  LayoutAccount,\r\n  LayoutEmpty\r\n} from '@abpjs/theme-basic';\r\nimport { Routes, Route, Outlet } from 'react-router-dom';\r\n\r\nfunction AppRoutes() {\r\n  return (\r\n    <Routes>\r\n      {/* Application layout for main pages */}\r\n      <Route element={<LayoutApplication><Outlet /></LayoutApplication>}>\r\n        <Route path=\"/\" element={<HomePage />} />\r\n        <Route path=\"/dashboard\" element={<DashboardPage />} />\r\n        <Route path=\"/users\" element={<UsersPage />} />\r\n      </Route>\r\n\r\n      {/* Account layout for auth pages */}\r\n      <Route element={<LayoutAccount><Outlet /></LayoutAccount>}>\r\n        <Route path=\"/login\" element={<LoginPage />} />\r\n        <Route path=\"/register\" element={<RegisterPage />} />\r\n      </Route>\r\n\r\n      {/* Empty layout for minimal pages */}\r\n      <Route element={<LayoutEmpty><Outlet /></LayoutEmpty>}>\r\n        <Route path=\"/print/:id\" element={<PrintPage />} />\r\n      </Route>\r\n    </Routes>\r\n  );\r\n}\r\n```\r\n\r\n### 3. Dynamic Layout Selection\r\n\r\nUse the LAYOUTS constant for dynamic layout selection:\r\n\r\n```tsx\r\nimport { LAYOUTS, Layout } from '@abpjs/theme-basic';\r\n\r\nfunction DynamicLayoutWrapper() {\r\n  const { pathname } = useLocation();\r\n\r\n  // Determine layout based on route\r\n  const getLayout = () => {\r\n    if (pathname.startsWith('/account')) return 'account';\r\n    if (pathname.startsWith('/print')) return 'empty';\r\n    return 'application';\r\n  };\r\n\r\n  const SelectedLayout = LAYOUTS.find(l => l.key === getLayout())?.component || Layout;\r\n\r\n  return (\r\n    <SelectedLayout>\r\n      <Outlet />\r\n    </SelectedLayout>\r\n  );\r\n}\r\n```\r\n\r\n## Layouts\r\n\r\n### LayoutApplication\r\n\r\nThe main application layout with navigation, header, and footer.\r\n\r\n```tsx\r\nimport { LayoutApplication } from '@abpjs/theme-basic';\r\n\r\nfunction MainApp() {\r\n  return (\r\n    <LayoutApplication>\r\n      <YourContent />\r\n    </LayoutApplication>\r\n  );\r\n}\r\n```\r\n\r\n**Features:**\r\n- Side navigation menu\r\n- Top header with user menu\r\n- Breadcrumbs\r\n- Footer\r\n- Responsive sidebar (collapsible on mobile)\r\n\r\n### LayoutAccount\r\n\r\nCentered layout for authentication pages.\r\n\r\n```tsx\r\nimport { LayoutAccount } from '@abpjs/theme-basic';\r\n\r\nfunction AuthPages() {\r\n  return (\r\n    <LayoutAccount>\r\n      <LoginForm />\r\n    </LayoutAccount>\r\n  );\r\n}\r\n```\r\n\r\n**Features:**\r\n- Centered content\r\n- Clean, minimal design\r\n- Logo display\r\n- Language selector\r\n\r\n### LayoutEmpty\r\n\r\nMinimal layout with no chrome.\r\n\r\n```tsx\r\nimport { LayoutEmpty } from '@abpjs/theme-basic';\r\n\r\nfunction PrintablePage() {\r\n  return (\r\n    <LayoutEmpty>\r\n      <PrintableContent />\r\n    </LayoutEmpty>\r\n  );\r\n}\r\n```\r\n\r\n**Features:**\r\n- No header or footer\r\n- Full-width content\r\n- Ideal for printing or embedded views\r\n\r\n## Components\r\n\r\n### Profile\r\n\r\nUser profile management component (modal-based).\r\n\r\n```tsx\r\nimport { Profile } from '@abpjs/theme-basic';\r\nimport { useState } from 'react';\r\n\r\nfunction ProfileButton() {\r\n  const [isOpen, setIsOpen] = useState(false);\r\n\r\n  return (\r\n    <>\r\n      <button onClick={() => setIsOpen(true)}>My Profile</button>\r\n      <Profile visible={isOpen} onVisibleChange={setIsOpen} />\r\n    </>\r\n  );\r\n}\r\n```\r\n\r\n### ChangePassword\r\n\r\nPassword change form component (modal-based).\r\n\r\n```tsx\r\nimport { ChangePassword } from '@abpjs/theme-basic';\r\nimport { useState } from 'react';\r\n\r\nfunction SecurityButton() {\r\n  const [isOpen, setIsOpen] = useState(false);\r\n\r\n  return (\r\n    <>\r\n      <button onClick={() => setIsOpen(true)}>Change Password</button>\r\n      <ChangePassword visible={isOpen} onVisibleChange={setIsOpen} />\r\n    </>\r\n  );\r\n}\r\n```\r\n\r\n## Hooks\r\n\r\n### useLayoutContext\r\n\r\nAccess and modify layout state.\r\n\r\n```tsx\r\nimport { useLayoutContext } from '@abpjs/theme-basic';\r\n\r\nfunction SidebarToggle() {\r\n  const { isSidebarOpen, toggleSidebar } = useLayoutContext();\r\n\r\n  return (\r\n    <button onClick={toggleSidebar}>\r\n      {isSidebarOpen ? 'Close' : 'Open'} Sidebar\r\n    </button>\r\n  );\r\n}\r\n```\r\n\r\n### useLayoutService\r\n\r\nAccess layout service for programmatic control.\r\n\r\n```tsx\r\nimport { useLayoutService } from '@abpjs/theme-basic';\r\n\r\nfunction LayoutController() {\r\n  const layoutService = useLayoutService();\r\n\r\n  const handleCollapse = () => {\r\n    layoutService.collapseSidebar();\r\n  };\r\n\r\n  return <button onClick={handleCollapse}>Collapse</button>;\r\n}\r\n```\r\n\r\n### useNavigationElements\r\n\r\nAccess and manage navigation items.\r\n\r\n```tsx\r\nimport { useNavigationElements } from '@abpjs/theme-basic';\r\n\r\nfunction NavigationMenu() {\r\n  const elements = useNavigationElements();\r\n\r\n  return (\r\n    <nav>\r\n      {elements.map(item => (\r\n        <NavLink key={item.name} to={item.path}>\r\n          {item.name}\r\n        </NavLink>\r\n      ))}\r\n    </nav>\r\n  );\r\n}\r\n```\r\n\r\n## Navigation Configuration\r\n\r\n### Adding Navigation Items\r\n\r\n```tsx\r\nimport { useLayoutService } from '@abpjs/theme-basic';\r\n\r\nfunction ConfigureNavigation() {\r\n  const layoutService = useLayoutService();\r\n\r\n  useEffect(() => {\r\n    layoutService.addNavigationElement({\r\n      name: 'Dashboard',\r\n      element: <DashboardLink />,\r\n      order: 1,\r\n    });\r\n\r\n    layoutService.addNavigationElement({\r\n      name: 'Users',\r\n      element: <UsersLink />,\r\n      order: 2,\r\n    });\r\n  }, []);\r\n\r\n  return null;\r\n}\r\n```\r\n\r\n### Navigation Element Structure\r\n\r\n```typescript\r\ninterface NavigationElement {\r\n  name: string;\r\n  element: ReactNode;\r\n  order?: number;\r\n}\r\n```\r\n\r\n## LAYOUTS Constant\r\n\r\nThe package exports a `LAYOUTS` constant for dynamic layout selection:\r\n\r\n```tsx\r\nimport { LAYOUTS } from '@abpjs/theme-basic';\r\n\r\n// LAYOUTS structure:\r\n// [\r\n//   { key: 'application', component: LayoutApplication },\r\n//   { key: 'account', component: LayoutAccount },\r\n//   { key: 'empty', component: LayoutEmpty },\r\n// ]\r\n\r\nfunction getLayoutByKey(key: string) {\r\n  return LAYOUTS.find(l => l.key === key)?.component;\r\n}\r\n```\r\n\r\n## Customization\r\n\r\n### Theme Customization with Chakra v3\r\n\r\nCustomize layouts using `defineConfig`:\r\n\r\n```tsx\r\nimport { ThemeBasicProvider, defineConfig } from '@abpjs/theme-basic';\r\n\r\nconst customTheme = defineConfig({\r\n  theme: {\r\n    tokens: {\r\n      colors: {\r\n        brand: {\r\n          50: { value: '#e3f2fd' },\r\n          100: { value: '#bbdefb' },\r\n          500: { value: '#2196f3' },\r\n          600: { value: '#1e88e5' },\r\n          // ... more shades\r\n        },\r\n      },\r\n    },\r\n    semanticTokens: {\r\n      colors: {\r\n        brand: {\r\n          solid: { value: '{colors.brand.500}' },\r\n          contrast: { value: 'white' },\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n\r\nfunction App() {\r\n  return (\r\n    <ThemeBasicProvider themeOverrides={customTheme}>\r\n      {/* Your app */}\r\n    </ThemeBasicProvider>\r\n  );\r\n}\r\n```\r\n\r\n### Color Mode (Dark/Light Theme)\r\n\r\nEnable color mode support:\r\n\r\n```tsx\r\nimport { ThemeBasicProvider } from '@abpjs/theme-basic';\r\n\r\nfunction App() {\r\n  return (\r\n    <ThemeBasicProvider\r\n      enableColorMode={true}\r\n      defaultColorMode=\"light\" // 'light' | 'dark' | 'system'\r\n    >\r\n      {/* Your app */}\r\n    </ThemeBasicProvider>\r\n  );\r\n}\r\n```\r\n\r\n### Custom Layout Components\r\n\r\nCreate your own layouts extending the base:\r\n\r\n```tsx\r\nimport { LayoutBase } from '@abpjs/theme-basic';\r\nimport { Box, Flex } from '@chakra-ui/react';\r\n\r\nfunction CustomLayout({ children }) {\r\n  return (\r\n    <LayoutBase>\r\n      <Flex direction=\"column\" minH=\"100vh\">\r\n        <CustomHeader />\r\n        <Box flex=\"1\" p={4}>\r\n          {children}\r\n        </Box>\r\n        <CustomFooter />\r\n      </Flex>\r\n    </LayoutBase>\r\n  );\r\n}\r\n```\r\n\r\n## ThemeBasicProvider Props\r\n\r\n| Prop | Type | Default | Description |\r\n|------|------|---------|-------------|\r\n| `children` | `ReactNode` | - | Child components |\r\n| `renderToasts` | `boolean` | `true` | Render ToastContainer |\r\n| `renderConfirmation` | `boolean` | `true` | Render ConfirmationDialog |\r\n| `themeOverrides` | `ThemeOverride` | - | Custom theme configuration |\r\n| `toastPosition` | `string` | `'bottom-right'` | Toast position |\r\n| `enableColorMode` | `boolean` | `false` | Enable dark/light mode |\r\n| `defaultColorMode` | `'light' \\| 'dark' \\| 'system'` | `'light'` | Default color mode |\r\n| `logo` | `ReactNode` | - | Custom logo component |\r\n| `logoIcon` | `ReactNode` | - | Custom logo icon (for collapsed states) |\r\n| `appName` | `string` | - | Application name for logo text |\r\n| `logoLink` | `string` | `'/'` | Link destination when clicking logo |\r\n\r\n## Logo Customization\r\n\r\nCustomize the application logo via ThemeBasicProvider props:\r\n\r\n```tsx\r\nimport { ThemeBasicProvider } from '@abpjs/theme-basic';\r\n\r\nfunction App() {\r\n  return (\r\n    <ThemeBasicProvider\r\n      logo={<img src=\"/my-logo.svg\" alt=\"My App\" />}\r\n      logoIcon={<img src=\"/my-icon.svg\" alt=\"Icon\" />}\r\n      appName=\"My Application\"\r\n      logoLink=\"/\"\r\n    >\r\n      {/* Your app */}\r\n    </ThemeBasicProvider>\r\n  );\r\n}\r\n```\r\n\r\n## Route Icons and Badges\r\n\r\nDefine icons and badges directly on your routes:\r\n\r\n```tsx\r\nimport { LuHome, LuUsers, LuSettings, LuListTodo } from 'react-icons/lu';\r\n\r\nconst routes = [\r\n  {\r\n    name: 'Home',\r\n    path: '/',\r\n    icon: <LuHome />,\r\n  },\r\n  {\r\n    name: 'Tasks',\r\n    path: '/tasks',\r\n    icon: <LuListTodo />,\r\n    badge: 5,                    // Shows \"5\" badge\r\n    badgeColorPalette: 'red',   // Badge color (default: 'gray')\r\n  },\r\n  {\r\n    name: 'Messages',\r\n    path: '/messages',\r\n    badge: '50+',               // Can be string or number\r\n    badgeColorPalette: 'blue',\r\n  },\r\n  {\r\n    name: 'Admin',\r\n    path: '/admin',\r\n    icon: <LuSettings />,\r\n    children: [\r\n      {\r\n        name: 'Users',\r\n        path: '/admin/users',\r\n        icon: <LuUsers />,\r\n        badge: 'New',\r\n      },\r\n    ],\r\n  },\r\n];\r\n```\r\n\r\n## RTL (Right-to-Left) Support\r\n\r\nThe layout automatically supports RTL languages. When a user switches to Arabic, Hebrew, Persian, or other RTL languages:\r\n\r\n- Sidebar moves to the right side\r\n- Text alignment flips\r\n- Icons and navigation elements reposition correctly\r\n- Menus open in the appropriate direction\r\n\r\nNo additional configuration needed - RTL is detected automatically from the selected language.\r\n\r\n## Complete Example\r\n\r\nFull application setup:\r\n\r\n```tsx\r\nimport { BrowserRouter, Routes, Route, Outlet } from 'react-router-dom';\r\nimport { CoreProvider } from '@abpjs/core';\r\nimport {\r\n  ThemeBasicProvider,\r\n  LayoutApplication,\r\n  LayoutAccount,\r\n  Profile,\r\n  ChangePassword,\r\n  defineConfig,\r\n} from '@abpjs/theme-basic';\r\nimport { LoginPage, RegisterPage } from '@abpjs/account';\r\n\r\nconst environment = {\r\n  // Your ABP configuration\r\n};\r\n\r\n// Optional: Custom theme\r\nconst customTheme = defineConfig({\r\n  theme: {\r\n    tokens: {\r\n      colors: {\r\n        brand: {\r\n          500: { value: '#6366f1' },\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n\r\nfunction App() {\r\n  return (\r\n    <CoreProvider environment={environment}>\r\n      <ThemeBasicProvider\r\n        themeOverrides={customTheme}\r\n        enableColorMode={true}\r\n      >\r\n        <BrowserRouter>\r\n          <Routes>\r\n            {/* Main application routes */}\r\n            <Route element={<LayoutApplication><Outlet /></LayoutApplication>}>\r\n              <Route path=\"/\" element={<HomePage />} />\r\n              <Route path=\"/dashboard\" element={<DashboardPage />} />\r\n            </Route>\r\n\r\n            {/* Auth routes */}\r\n            <Route element={<LayoutAccount><Outlet /></LayoutAccount>}>\r\n              <Route path=\"/login\" element={<LoginPage />} />\r\n              <Route path=\"/register\" element={<RegisterPage />} />\r\n            </Route>\r\n          </Routes>\r\n        </BrowserRouter>\r\n      </ThemeBasicProvider>\r\n    </CoreProvider>\r\n  );\r\n}\r\n\r\nexport default App;\r\n```\r\n\r\n## Migration from Chakra UI v2\r\n\r\nIf you're upgrading from a previous version that used Chakra UI v2:\r\n\r\n### Key Changes\r\n\r\n1. **No separate ChakraProvider** - `ThemeBasicProvider` now includes it\r\n2. **Theme configuration** - Use `defineConfig()` instead of `extendTheme()`\r\n3. **Dependencies** - Remove `@chakra-ui/icons`, `@emotion/styled`, `framer-motion`; add `lucide-react`\r\n4. **Color tokens** - Use `{ value: '#color' }` format in theme tokens\r\n5. **Boolean props** - `isDisabled` → `disabled`, `isLoading` → `loading`\r\n6. **Color scheme** - `colorScheme` → `colorPalette`\r\n7. **Icons** - Use `lucide-react` instead of `@chakra-ui/icons`\r\n\r\n### Example Migration\r\n\r\n```tsx\r\n// Before (Chakra v2)\r\nimport { ChakraProvider, extendTheme } from '@chakra-ui/react';\r\nimport { ThemeBasicProvider } from '@abpjs/theme-basic';\r\n\r\nconst theme = extendTheme({\r\n  colors: { brand: { 500: '#2196f3' } },\r\n});\r\n\r\n<ChakraProvider theme={theme}>\r\n  <ThemeBasicProvider>\r\n    <App />\r\n  </ThemeBasicProvider>\r\n</ChakraProvider>\r\n\r\n// After (Chakra v3)\r\nimport { ThemeBasicProvider, defineConfig } from '@abpjs/theme-basic';\r\n\r\nconst customTheme = defineConfig({\r\n  theme: {\r\n    tokens: {\r\n      colors: { brand: { 500: { value: '#2196f3' } } },\r\n    },\r\n  },\r\n});\r\n\r\n<ThemeBasicProvider themeOverrides={customTheme}>\r\n  <App />\r\n</ThemeBasicProvider>\r\n```\r\n\r\n## Documentation\r\n\r\nFor comprehensive documentation, visit [docs.abpjs.io](https://docs.abpjs.io):\r\n\r\n- **[Package Documentation](https://docs.abpjs.io/docs/packages/theme-basic/overview)** - Full API reference and examples\r\n- **[Layouts](https://docs.abpjs.io/docs/packages/theme-basic/layouts)** - Layout components guide\r\n- **[Navigation](https://docs.abpjs.io/docs/packages/theme-basic/navigation)** - Navigation configuration\r\n- **[Profile](https://docs.abpjs.io/docs/packages/theme-basic/profile)** - Profile and password components\r\n- **[Getting Started](https://docs.abpjs.io/docs/getting-started/installation)** - Installation and setup guide\r\n- **[All Packages](https://docs.abpjs.io/docs/)** - Browse all ABP React packages\r\n\r\n## Related Packages\r\n\r\n- [@abpjs/core](https://www.npmjs.com/package/@abpjs/core) - Core infrastructure (required)\r\n- [@abpjs/theme-shared](https://www.npmjs.com/package/@abpjs/theme-shared) - Shared UI components (required)\r\n- [@abpjs/account](https://www.npmjs.com/package/@abpjs/account) - Account management\r\n- [@abpjs/permission-management](https://www.npmjs.com/package/@abpjs/permission-management) - Permission management\r\n- [@abpjs/tenant-management](https://www.npmjs.com/package/@abpjs/tenant-management) - Tenant administration\r\n\r\n## Contributing\r\n\r\nThis package is part of the [ABP React](https://github.com/abpjs/abp-react) monorepo. Contributions are welcome!\r\n\r\n## License\r\n\r\nLGPL-3.0 - See [LICENSE](https://github.com/abpjs/abp-react/blob/main/LICENSE) for details.\r\n\r\n---\r\n\r\n**[View Full Documentation](https://docs.abpjs.io/docs/packages/theme-basic/overview)** | **[Report Issues](https://github.com/abpjs/abp-react/issues)** | **[View Source](https://github.com/abpjs/abp-react/tree/main/packages/theme-basic)**\r\n","readmeFilename":"README.md"}