{"_id":"@amit2026/ins-ui-kit","_rev":"11-498c419e7c4d160e7ac1dcf46326c50a","name":"@amit2026/ins-ui-kit","dist-tags":{"latest":"1.0.11"},"versions":{"1.0.0":{"name":"@amit2026/ins-ui-kit","version":"1.0.0","keywords":["design-system","design-tokens","tailwind","ui-kit"],"license":"MIT","_id":"@amit2026/ins-ui-kit@1.0.0","maintainers":[{"name":"amit2026","email":"amanandhar@insellerate.com"}],"dist":{"shasum":"33fcb1ef092eba64fed54363783b5664fef197ee","tarball":"https://registry.npmjs.org/@amit2026/ins-ui-kit/-/ins-ui-kit-1.0.0.tgz","fileCount":2,"integrity":"sha512-K9vZ5tTOC8Skmv0eHwzHsR7ie9w6NNvN19r5jEkmWUMq08yVXmI5y0EcHT/BTjHrLv2bf8PrNwf9HFaZUYACbQ==","signatures":[{"sig":"MEQCIHkLL8p5pLhMnBQf/liBiBvBAfHncD3mVUm7wj7B7tL6AiABRXNgYogpXKu6zKHAALnTfBBoxbmJIXyyPAIBkMeIYA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":7079},"private":false,"scripts":{"build":"npm run build --workspace=design-tokens && npm run build --workspace=tailwind-config","build:tokens":"npm run build --workspace=design-tokens","watch:tokens":"npm run watch --workspace=design-tokens","build:tailwind":"npm run build --workspace=tailwind-config"},"_npmUser":{"name":"amit2026","email":"amanandhar@insellerate.com"},"workspaces":["design-tokens","tailwind-config","ui"],"_npmVersion":"10.9.8","description":"Design system — includes design tokens and Tailwind config preset.","directories":{},"_nodeVersion":"22.22.3","dependencies":{"@amit2026/design-tokens":"^1.0.0","@amit2026/tailwind-config":"^1.0.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ins-ui-kit_1.0.0_1782377204349_0.42476459688600476","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@amit2026/ins-ui-kit","version":"1.0.1","keywords":["design-system","design-tokens","tailwind","ui-kit"],"license":"MIT","_id":"@amit2026/ins-ui-kit@1.0.1","maintainers":[{"name":"amit2026","email":"amanandhar@insellerate.com"}],"dist":{"shasum":"5af86e13c0c07450a2bfe9df6730cc9336b912a0","tarball":"https://registry.npmjs.org/@amit2026/ins-ui-kit/-/ins-ui-kit-1.0.1.tgz","fileCount":2,"integrity":"sha512-d298GF3UX4/uPGWR1W5+BqkHr7N+5DU6HbWs2VqtCAdGq3ST+XaefbsbgtHKLl2VUTIHL5tQMlVu7CABHEKE6A==","signatures":[{"sig":"MEQCIDX70ISRoie8Zfsv6+t5GZQ3gQODWyKskK6jFpTPjew4AiBTp36tFPQYaoEDS6mi7X9QC5qQhe50WQMP8ebDcDgq8Q==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":7836},"private":false,"scripts":{"build":"npm run build --workspace=design-tokens && npm run build --workspace=tailwind-config","build:tokens":"npm run build --workspace=design-tokens","watch:tokens":"npm run watch --workspace=design-tokens","build:tailwind":"npm run build --workspace=tailwind-config"},"_npmUser":{"name":"amit2026","email":"amanandhar@insellerate.com"},"workspaces":["design-tokens","tailwind-config","ui"],"_npmVersion":"10.9.8","description":"Design system — includes design tokens and Tailwind config preset.","directories":{},"_nodeVersion":"22.22.3","dependencies":{"@amit2026/design-tokens":"^1.0.0","@amit2026/tailwind-config":"^1.0.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ins-ui-kit_1.0.1_1782377563646_0.5923909141478727","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@amit2026/ins-ui-kit","version":"1.0.2","keywords":["design-system","design-tokens","tailwind","ui-kit"],"license":"MIT","_id":"@amit2026/ins-ui-kit@1.0.2","maintainers":[{"name":"amit2026","email":"amanandhar@insellerate.com"}],"dist":{"shasum":"d059de1ceca7c4759d88b904d37bec98a3dec359","tarball":"https://registry.npmjs.org/@amit2026/ins-ui-kit/-/ins-ui-kit-1.0.2.tgz","fileCount":2,"integrity":"sha512-yKtfO8QQpbYvZSGfn2p19KPbL0SGmqFai8BhrzJb6nSxnVnwsUA68Xrz1aAlfjaGDBf1591mLwtcOVp8cIO5hg==","signatures":[{"sig":"MEUCIQDKPK3vHn/Eniw0SIKMdIG9Y3Y2XuoCrOQJwuvtF3RBTgIgL8mfNA1jIiCqWpr2dmoH7zg4dId9R0CS80lgLsQ6lc8=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":8020},"private":false,"scripts":{"build":"npm run build --workspace=design-tokens && npm run build --workspace=tailwind-config","publish:all":"npm run build && npm publish --workspace=design-tokens --access public && npm publish --workspace=tailwind-config --access public && npm publish --access public","build:tokens":"npm run build --workspace=design-tokens","watch:tokens":"npm run watch --workspace=design-tokens","build:tailwind":"npm run build --workspace=tailwind-config"},"_npmUser":{"name":"amit2026","email":"amanandhar@insellerate.com"},"workspaces":["design-tokens","tailwind-config","ui"],"_npmVersion":"10.9.8","description":"Design system — includes design tokens and Tailwind config preset.","directories":{},"_nodeVersion":"22.22.3","dependencies":{"@amit2026/design-tokens":"^1.0.0","@amit2026/tailwind-config":"^1.0.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ins-ui-kit_1.0.2_1782378781104_0.8157565637927187","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"@amit2026/ins-ui-kit","version":"1.0.3","keywords":["design-system","design-tokens","tailwind","ui-kit"],"license":"MIT","_id":"@amit2026/ins-ui-kit@1.0.3","maintainers":[{"name":"amit2026","email":"amanandhar@insellerate.com"}],"dist":{"shasum":"7e26c6df611a1ea55afad26ba1aac7634744596f","tarball":"https://registry.npmjs.org/@amit2026/ins-ui-kit/-/ins-ui-kit-1.0.3.tgz","fileCount":2,"integrity":"sha512-fF5YlhDzedVXUthQSHGC3+PgZOfAOijI2L7RVeNe1al5rFSdO3ObpAhxxVkWVqT9VzbrbGpFsCBP2gJ5+K4GkA==","signatures":[{"sig":"MEYCIQCg6fbNIapH0m5E97uqFMNYrMHc7KVjV6tltqK28t4aWQIhAL88jungNVtyUoo/f14D9+gmLnPATpwldXNKQX6NgcN0","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":10256},"private":false,"scripts":{"build":"npm run build --workspace=design-tokens && npm run build --workspace=tailwind-config","publish:all":"npm run build && npm publish --workspace=design-tokens --access public && npm publish --workspace=tailwind-config --access public && npm publish --access public","version:all":"npm version patch --workspace=design-tokens && npm version patch --workspace=tailwind-config && npm version patch","build:tokens":"npm run build --workspace=design-tokens","watch:tokens":"npm run watch --workspace=design-tokens","build:tailwind":"npm run build --workspace=tailwind-config"},"_npmUser":{"name":"amit2026","email":"amanandhar@insellerate.com"},"workspaces":["design-tokens","tailwind-config","ui"],"_npmVersion":"10.9.8","description":"Design system — includes design tokens and Tailwind config preset.","directories":{},"_nodeVersion":"22.22.3","dependencies":{"@amit2026/design-tokens":"^1.0.0","@amit2026/tailwind-config":"^1.0.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ins-ui-kit_1.0.3_1782379378712_0.3669111689221567","host":"s3://npm-registry-packages-npm-production"}},"1.0.4":{"name":"@amit2026/ins-ui-kit","version":"1.0.4","keywords":["design-system","design-tokens","tailwind","ui-kit"],"license":"MIT","_id":"@amit2026/ins-ui-kit@1.0.4","maintainers":[{"name":"amit2026","email":"amanandhar@insellerate.com"}],"dist":{"shasum":"5b71923ebef5d757a24ada163b56385174e9c769","tarball":"https://registry.npmjs.org/@amit2026/ins-ui-kit/-/ins-ui-kit-1.0.4.tgz","fileCount":2,"integrity":"sha512-lcFCpar7WGIzYf7roQzD9SOfIZltBNKb7Y6cXxe+PZ1z5kfzlWoQbhldJslSDM+/zx1yWDeeE2amgJ1wrRyatw==","signatures":[{"sig":"MEUCIGjyj1j2vmicrvjt+Uoo7Dx6KIWSc4ZmLsLOt2d1wxNqAiEA9vVR7IEC2vsBjZjANbJJlwEDYSLsA9PnZvlHyCLs9FQ=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":10256},"private":false,"scripts":{"build":"npm run build --workspace=design-tokens && npm run build --workspace=tailwind-config","publish:all":"npm run build && npm publish --workspace=design-tokens --access public && npm publish --workspace=tailwind-config --access public && npm publish --access public","version:all":"npm version patch --workspace=design-tokens && npm version patch --workspace=tailwind-config && npm version patch","build:tokens":"npm run build --workspace=design-tokens","watch:tokens":"npm run watch --workspace=design-tokens","build:tailwind":"npm run build --workspace=tailwind-config"},"_npmUser":{"name":"amit2026","email":"amanandhar@insellerate.com"},"workspaces":["design-tokens","tailwind-config","ui"],"_npmVersion":"10.9.8","description":"Design system — includes design tokens and Tailwind config preset.","directories":{},"_nodeVersion":"22.22.3","dependencies":{"@amit2026/design-tokens":"^1.0.0","@amit2026/tailwind-config":"^1.0.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ins-ui-kit_1.0.4_1782386112030_0.675942569948957","host":"s3://npm-registry-packages-npm-production"}},"1.0.6":{"name":"@amit2026/ins-ui-kit","version":"1.0.6","keywords":["design-system","design-tokens","tailwind","ui-kit"],"license":"MIT","_id":"@amit2026/ins-ui-kit@1.0.6","maintainers":[{"name":"amit2026","email":"amanandhar@insellerate.com"}],"dist":{"shasum":"87cda54758a5b9d0b7d65a13d522eeb3fc9282e7","tarball":"https://registry.npmjs.org/@amit2026/ins-ui-kit/-/ins-ui-kit-1.0.6.tgz","fileCount":2,"integrity":"sha512-B0h+E8j+dUIj4qYJlsplyQXZG1UdZKYEFTgkncaRnHgLTbN+GForLNeEch8a/TtzpjrIqhmbY/z2waLG2NohaA==","signatures":[{"sig":"MEYCIQDal/sJe5JjeaY+uTCqncWfIhNPoBbyKo/g2WIwUZvgBAIhANH+gs9dq+yjKVvp0GF+5h7IN8DnEvqQckxTFIik7gKN","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":10256},"private":false,"scripts":{"build":"npm run build --workspace=design-tokens && npm run build --workspace=tailwind-config","publish:all":"npm run build && npm publish --workspace=design-tokens --access public && npm publish --workspace=tailwind-config --access public && npm publish --access public","version:all":"npm version patch --workspace=design-tokens && npm version patch --workspace=tailwind-config && npm version patch","build:tokens":"npm run build --workspace=design-tokens","watch:tokens":"npm run watch --workspace=design-tokens","build:tailwind":"npm run build --workspace=tailwind-config"},"_npmUser":{"name":"amit2026","email":"amanandhar@insellerate.com"},"workspaces":["design-tokens","tailwind-config","ui"],"_npmVersion":"10.9.8","description":"Design system — includes design tokens and Tailwind config preset.","directories":{},"_nodeVersion":"22.22.3","dependencies":{"@amit2026/design-tokens":"^1.0.0","@amit2026/tailwind-config":"^1.0.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ins-ui-kit_1.0.6_1782386578292_0.9061813595991213","host":"s3://npm-registry-packages-npm-production"}},"1.0.7":{"name":"@amit2026/ins-ui-kit","version":"1.0.7","keywords":["design-system","design-tokens","tailwind","ui-kit"],"license":"MIT","_id":"@amit2026/ins-ui-kit@1.0.7","maintainers":[{"name":"amit2026","email":"amanandhar@insellerate.com"}],"dist":{"shasum":"4db4515d1e36d0af2a96e6fcf4f76b8175f7d15f","tarball":"https://registry.npmjs.org/@amit2026/ins-ui-kit/-/ins-ui-kit-1.0.7.tgz","fileCount":2,"integrity":"sha512-gpSwpGThX9ElbTPPJnIKrxOtmPQqFeeIw3A1xxdWa9DD+mLXr6Mg9S29KLLgJjgVHD9i9MgcPz5Xuu7NKIIh3w==","signatures":[{"sig":"MEQCIEA+ObPyPzbzn/hLx3NpPak5EKY4R/zUjbScmb3iSJT3AiBBMzRI6+c58HK0u2D3dNfCb50pRdulmM03mVW5JRnb3w==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":10256},"private":false,"scripts":{"build":"npm run build --workspace=design-tokens && npm run build --workspace=tailwind-config","publish:all":"npm run build && npm publish --workspace=design-tokens --access public && npm publish --workspace=tailwind-config --access public && npm publish --access public","version:all":"npm version patch --workspace=design-tokens && npm version patch --workspace=tailwind-config && npm version patch","build:tokens":"npm run build --workspace=design-tokens","watch:tokens":"npm run watch --workspace=design-tokens","build:tailwind":"npm run build --workspace=tailwind-config"},"_npmUser":{"name":"amit2026","email":"amanandhar@insellerate.com"},"workspaces":["design-tokens","tailwind-config","ui"],"_npmVersion":"10.9.8","description":"Design system — includes design tokens and Tailwind config preset.","directories":{},"_nodeVersion":"22.22.3","dependencies":{"@amit2026/design-tokens":"^1.0.0","@amit2026/tailwind-config":"^1.0.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ins-ui-kit_1.0.7_1782726868435_0.7035819891749142","host":"s3://npm-registry-packages-npm-production"}},"1.0.8":{"name":"@amit2026/ins-ui-kit","version":"1.0.8","keywords":["design-system","design-tokens","tailwind","ui-kit"],"license":"MIT","_id":"@amit2026/ins-ui-kit@1.0.8","maintainers":[{"name":"amit2026","email":"amanandhar@insellerate.com"}],"dist":{"shasum":"3a814f7d12883c454c634636a204c6eb4463dd0d","tarball":"https://registry.npmjs.org/@amit2026/ins-ui-kit/-/ins-ui-kit-1.0.8.tgz","fileCount":2,"integrity":"sha512-iC39143dk0d4NmBtR61KTaTkWvx16rRHcCt8rgMxG899Qvj1/2+axGFE8vAqM5Q/zpm2hNjnIl7DckaxkTmftg==","signatures":[{"sig":"MEUCIGl0xW67XS4Z2cN8tppVJPvFteJ2lqkFXyxjhv+6u917AiEAjuHkz2ZVdKrHlebnOoDC+Ce5wwX1fuDid7gJXASoB/g=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":10256},"private":false,"scripts":{"build":"npm run build --workspace=design-tokens && npm run build --workspace=tailwind-config","publish:all":"npm run build && npm publish --workspace=design-tokens --access public && npm publish --workspace=tailwind-config --access public && npm publish --access public","version:all":"npm version patch --workspace=design-tokens && npm version patch --workspace=tailwind-config && npm version patch","build:tokens":"npm run build --workspace=design-tokens","watch:tokens":"npm run watch --workspace=design-tokens","build:tailwind":"npm run build --workspace=tailwind-config"},"_npmUser":{"name":"amit2026","email":"amanandhar@insellerate.com"},"workspaces":["design-tokens","tailwind-config","ui"],"_npmVersion":"10.9.8","description":"Design system — includes design tokens and Tailwind config preset.","directories":{},"_nodeVersion":"22.22.3","dependencies":{"@amit2026/design-tokens":"^1.0.0","@amit2026/tailwind-config":"^1.0.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ins-ui-kit_1.0.8_1782728350491_0.07476201856799713","host":"s3://npm-registry-packages-npm-production"}},"1.0.9":{"name":"@amit2026/ins-ui-kit","version":"1.0.9","keywords":["design-system","design-tokens","tailwind","ui-kit"],"license":"MIT","_id":"@amit2026/ins-ui-kit@1.0.9","maintainers":[{"name":"amit2026","email":"amanandhar@insellerate.com"}],"dist":{"shasum":"8f94a5cd4b26317a3b41538c3cdcd80353cbdb36","tarball":"https://registry.npmjs.org/@amit2026/ins-ui-kit/-/ins-ui-kit-1.0.9.tgz","fileCount":2,"integrity":"sha512-1ju2+bOYF//qt5yzbi/W851tZW1C8zVUpQzQg/vNhUsTCBPpCjrzhJ67SBozoLFSbDvrJxH+2Oics1uyTwKreg==","signatures":[{"sig":"MEUCIA4uYqSHAQ+FXzaDQM3XVEsaJylX1ZPztRdP6qFxgYUpAiEA5c7uu/Xh2Hy5wEwUzz4Alvy4VtlXOYRFjYklD8+vjzc=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":14082},"private":false,"scripts":{"build":"npm run build --workspace=design-tokens && npm run build --workspace=tailwind-config","publish:all":"npm run build && npm publish --workspace=design-tokens --access public && npm publish --workspace=tailwind-config --access public && npm publish --access public","version:all":"npm version patch --workspace=design-tokens && npm version patch --workspace=tailwind-config && npm version patch","build:tokens":"npm run build --workspace=design-tokens","watch:tokens":"npm run watch --workspace=design-tokens","build:tailwind":"npm run build --workspace=tailwind-config"},"_npmUser":{"name":"amit2026","email":"amanandhar@insellerate.com"},"workspaces":["design-tokens","tailwind-config","ui"],"_npmVersion":"10.9.8","description":"Design system — includes design tokens and Tailwind config preset.","directories":{},"_nodeVersion":"22.22.3","dependencies":{"@amit2026/design-tokens":"^1.0.0","@amit2026/tailwind-config":"^1.0.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ins-ui-kit_1.0.9_1782734560708_0.3074699076255183","host":"s3://npm-registry-packages-npm-production"}},"1.0.10":{"name":"@amit2026/ins-ui-kit","version":"1.0.10","keywords":["design-system","design-tokens","tailwind","ui-kit"],"license":"MIT","_id":"@amit2026/ins-ui-kit@1.0.10","maintainers":[{"name":"amit2026","email":"amanandhar@insellerate.com"}],"dist":{"shasum":"028d2e9c90a59909ed9da6eb9fdd08526c59bc4e","tarball":"https://registry.npmjs.org/@amit2026/ins-ui-kit/-/ins-ui-kit-1.0.10.tgz","fileCount":2,"integrity":"sha512-T8+2oJ3c7XjBsUNxFmKy77V1PK7oZdDCbSxfYaWxRQQQYWU4n9ZaT3IiYnvVvy1ELo2N6nIW1rZkj3S99BLjYA==","signatures":[{"sig":"MEUCIQCnSC+3s3kAGzE+Vs3KBml1xLGqEzUZ+uUQA5Zjz5Z2JQIgN/K3ba6VCfULjmf7hmyRRtLPp1erVYyVY3xc6HXrTag=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":14083},"private":false,"scripts":{"build":"npm run build --workspace=design-tokens && npm run build --workspace=tailwind-config","publish:all":"npm run build && npm publish --workspace=design-tokens --access public && npm publish --workspace=tailwind-config --access public && npm publish --access public","version:all":"npm version patch --workspace=design-tokens && npm version patch --workspace=tailwind-config && npm version patch","build:tokens":"npm run build --workspace=design-tokens","watch:tokens":"npm run watch --workspace=design-tokens","build:tailwind":"npm run build --workspace=tailwind-config"},"_npmUser":{"name":"amit2026","email":"amanandhar@insellerate.com"},"workspaces":["design-tokens","tailwind-config","ui"],"_npmVersion":"10.9.8","description":"Design system — includes design tokens and Tailwind config preset.","directories":{},"_nodeVersion":"22.22.3","dependencies":{"@amit2026/design-tokens":"^1.0.0","@amit2026/tailwind-config":"^1.0.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ins-ui-kit_1.0.10_1782735906048_0.3893209884713489","host":"s3://npm-registry-packages-npm-production"}},"1.0.11":{"name":"@amit2026/ins-ui-kit","version":"1.0.11","description":"Design system — includes design tokens and Tailwind config preset.","license":"MIT","private":false,"dependencies":{"@amit2026/design-tokens":"^1.0.0","@amit2026/tailwind-config":"^1.0.0","@amit2026/ui":"^1.0.0"},"workspaces":["design-tokens","tailwind-config","ui"],"scripts":{"build":"npm run build --workspace=design-tokens && npm run build --workspace=tailwind-config","build:tokens":"npm run build --workspace=design-tokens","build:tailwind":"npm run build --workspace=tailwind-config","watch:tokens":"npm run watch --workspace=design-tokens","publish:all":"npm run build && npm publish --workspace=design-tokens --access public && npm publish --workspace=tailwind-config --access public && npm publish --access public","version:all":"npm version patch --workspace=design-tokens && npm version patch --workspace=tailwind-config && npm version patch"},"keywords":["design-system","design-tokens","tailwind","ui-kit"],"_id":"@amit2026/ins-ui-kit@1.0.11","_nodeVersion":"22.22.3","_npmVersion":"10.9.8","dist":{"integrity":"sha512-mholco836WL8+IWoHtdOaEocnbGlpFiVzTeMeVEYz0QncVj6wgC2MGOk7eBoAhnttj0yT7KsUp7N5OwwbgGX8A==","shasum":"446fac517af1a4e76f4b05d73eb4298e08afbe60","tarball":"https://registry.npmjs.org/@amit2026/ins-ui-kit/-/ins-ui-kit-1.0.11.tgz","fileCount":2,"unpackedSize":14114,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIAEpfqwGEq8FbabkOgoF7FlOZQBkiY2COSm5nBncZz8OAiAh90Pt8ZvLZoQPCiwGsTZVWDJ1vdPc5rYH4wQv03wUUg=="}]},"_npmUser":{"name":"amit2026","email":"amanandhar@insellerate.com"},"directories":{},"maintainers":[{"name":"amit2026","email":"amanandhar@insellerate.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/ins-ui-kit_1.0.11_1782737036868_0.7564957350222559"},"_hasShrinkwrap":false}},"time":{"created":"2026-06-25T08:46:44.118Z","modified":"2026-06-29T12:43:57.098Z","1.0.0":"2026-06-25T08:46:44.475Z","1.0.1":"2026-06-25T08:52:43.767Z","1.0.2":"2026-06-25T09:13:01.240Z","1.0.3":"2026-06-25T09:22:58.868Z","1.0.4":"2026-06-25T11:15:12.166Z","1.0.6":"2026-06-25T11:22:58.422Z","1.0.7":"2026-06-29T09:54:28.559Z","1.0.8":"2026-06-29T10:19:10.627Z","1.0.9":"2026-06-29T12:02:40.826Z","1.0.10":"2026-06-29T12:25:06.184Z","1.0.11":"2026-06-29T12:43:57.001Z"},"license":"MIT","keywords":["design-system","design-tokens","tailwind","ui-kit"],"description":"Design system — includes design tokens and Tailwind config preset.","maintainers":[{"name":"amit2026","email":"amanandhar@insellerate.com"}],"readme":"# ins-ui-kit\r\n\r\nDesign system monorepo containing design tokens, Tailwind config, and (future) React components.\r\n\r\n## Packages\r\n\r\n| Package | Description |\r\n|---|---|\r\n| `@amit2026/ins-ui-kit` | Wrapper package — installs everything in one command |\r\n| `@amit2026/design-tokens` | SCSS source + compiled CSS with all design tokens |\r\n| `@amit2026/tailwind-config` | Tailwind preset that maps tokens to Tailwind utilities |\r\n| `@amit2026/ui` | React component library (future phase) |\r\n\r\n---\r\n\r\n## Folder structure\r\n\r\n```\r\nins-ui-kit/\r\n├── package.json              ← workspace root (npm workspaces)\r\n├── package-lock.json\r\n├── README.md\r\n│\r\n├── design-tokens/            ← @amit2026/design-tokens\r\n│   ├── package.json\r\n│   ├── dist/\r\n│   │   └── index.css         ← compiled CSS output\r\n│   └── scss/\r\n│       ├── index.scss        ← entry point (@use all partials)\r\n│       ├── _fonts.scss\r\n│       ├── _colors.scss\r\n│       ├── _typography.scss\r\n│       ├── _spacing.scss\r\n│       ├── _effects.scss\r\n│       ├── _theme.scss\r\n│       ├── _components.scss\r\n│       ├── _base.scss\r\n│       └── _utilities.scss\r\n│\r\n├── tailwind-config/          ← @amit2026/tailwind-config\r\n│   ├── package.json\r\n│   ├── tsconfig.json\r\n│   ├── tailwind.config.ts    ← Tailwind preset source\r\n│   └── dist/\r\n│       ├── tailwind.config.js\r\n│       └── tailwind.config.d.ts\r\n│\r\n└── ui/                       ← @amit2026/ui (future phase)\r\n    ├── package.json\r\n    └── src/                  ← components go here\r\n```\r\n\r\n---\r\n\r\n## Development setup\r\n\r\n```powershell\r\n# Install all workspace dependencies from the root\r\nnpm install\r\n\r\n# Build everything (tokens first, then Tailwind config)\r\nnpm run build\r\n\r\n# Build only design-tokens\r\nnpm run build:tokens\r\n\r\n# Build only tailwind-config\r\nnpm run build:tailwind\r\n\r\n# Watch mode for tokens during development\r\nnpm run watch:tokens\r\n```\r\n\r\n> All commands are run from the root `ins-ui-kit/` folder.\r\n> Never run `npm install` inside individual package folders —\r\n> the root install handles everything through npm workspaces.\r\n\r\n---\r\n\r\n## Publishing\r\n\r\nAll three packages are versioned and published from the root using\r\ntwo commands only. Never `cd` into individual package folders to publish.\r\n\r\n### Bump versions and publish everything\r\n\r\n```powershell\r\nnpm run version:all\r\nnpm run publish:all\r\n```\r\n\r\nThat is it. These two commands do everything in the correct order:\r\n\r\n| Command | What it does |\r\n|---|---|\r\n| `npm run version:all` | Bumps patch version in all three packages simultaneously |\r\n| `npm run publish:all` | Builds then publishes all three packages in the correct order |\r\n\r\n### Publish order\r\n\r\n`design-tokens` is always published first, `tailwind-config` second,\r\nand `ins-ui-kit` last. The `publish:all` script enforces this automatically.\r\n\r\n### When to bump which version\r\n\r\n| What changed | Version type | Example |\r\n|---|---|---|\r\n| README, docs only | Patch | `1.0.0` → `1.0.1` |\r\n| New token added | Minor | `1.0.0` → `1.1.0` |\r\n| Token renamed or removed | Major | `1.0.0` → `2.0.0` |\r\n\r\nFor minor and major bumps replace `version:all` with:\r\n\r\n```powershell\r\n# Minor bump\r\nnpm version minor --workspace=design-tokens && npm version minor --workspace=tailwind-config && npm version minor\r\n\r\n# Major bump\r\nnpm version major --workspace=design-tokens && npm version major --workspace=tailwind-config && npm version major\r\n```\r\n\r\n---\r\n\r\n## How to consume in another project\r\n\r\n### 1. Install the package\r\n\r\nInstall the wrapper package — this automatically pulls in both\r\n`@amit2026/design-tokens` and `@amit2026/tailwind-config`:\r\n\r\n```bash\r\nnpm install @amit2026/ins-ui-kit\r\n```\r\n\r\nAfter install your `node_modules` will contain:\r\n\r\n```\r\nnode_modules/\r\n└── @amit2026/\r\n    ├── ins-ui-kit/        ← wrapper\r\n    ├── design-tokens/     ← pulled in automatically\r\n    └── tailwind-config/   ← pulled in automatically\r\n```\r\n\r\n### 2. Import the compiled CSS tokens\r\n\r\nIn your project's root CSS file (e.g. `src/index.css` or `client/src/main.css`),\r\nadd the token import **before** your Tailwind directives:\r\n\r\n```css\r\n/* Import compiled design tokens */\r\n@import '@amit2026/design-tokens/dist/index.css';\r\n\r\n/* Then your Tailwind directives */\r\n@tailwind base;\r\n@tailwind components;\r\n@tailwind utilities;\r\n```\r\n\r\n**Or** if your project uses SCSS and you want to use SCSS variables at build time:\r\n\r\n```scss\r\n/* Import SCSS tokens directly (gives you $primary-500 etc.) */\r\n@use '@amit2026/design-tokens/scss' as *;\r\n\r\n/* Tailwind directives still go in CSS — SCSS cannot process @tailwind */\r\n```\r\n\r\n### 3. Update your tailwind.config.ts\r\n\r\nAdd the preset to your existing config:\r\n\r\n```ts\r\nimport type { Config } from \"tailwindcss\";\r\nimport uiKitPreset from \"@amit2026/tailwind-config\";\r\n\r\nexport default {\r\n  presets: [uiKitPreset],\r\n\r\n  // Keep your own content paths — these are NOT in the preset\r\n  content: [\r\n    \"./client/index.html\",\r\n    \"./client/src/**/*.{js,jsx,ts,tsx}\",\r\n  ],\r\n\r\n  // Optional: extend further on top of the preset\r\n  theme: {\r\n    extend: {\r\n      // project-specific overrides only\r\n    },\r\n  },\r\n} satisfies Config;\r\n```\r\n\r\n> The `presets` key merges the preset's theme into your config.\r\n> Your own `content`, `theme.extend`, and `plugins` are layered on top.\r\n> You do NOT lose any of your existing config.\r\n\r\n### 4. Update the package in your project\r\n\r\nWhenever a new version is published, update it in your consuming project:\r\n\r\n```bash\r\nnpm update @amit2026/ins-ui-kit\r\n```\r\n\r\n### 5. Verify it works\r\n\r\nStart your dev server. Open DevTools and confirm you can see CSS variables\r\nlike `--primary-500`, `--font-display`, `--space-4` on `:root`.\r\n\r\n---\r\n\r\n## Adding a new token\r\n\r\n### 1. Add color to `_colors.scss`\r\n\r\n```scss\r\n// New color SCSS variables\r\n$teal-500: hsl(180, 60%, 40%);\r\n\r\n// CSS variable output inside :root {}\r\n--teal-500: #{$teal-500};\r\n```\r\n\r\n### 2. Add to `tailwind.config.ts`\r\n\r\n```ts\r\nteal: {\r\n  DEFAULT: \"var(--teal-500)\",\r\n  500: \"var(--teal-500)\",\r\n}\r\n```\r\n\r\n### 3. Build and publish\r\n\r\n```powershell\r\nnpm run version:all\r\nnpm run publish:all\r\n```\r\n\r\n---\r\n\r\n## SCSS partial structure\r\n\r\nEach partial has a single responsibility. They are loaded in this order\r\ninside `index.scss` — do not reorder them:\r\n\r\n| File | Responsibility |\r\n|---|---|\r\n| `_fonts.scss` | Google Fonts `@import` |\r\n| `_colors.scss` | All color scales as `$scss-vars` and `--css-vars` |\r\n| `_typography.scss` | Font families, sizes, weights, line-heights, tracking |\r\n| `_spacing.scss` | 4px-grid spacing scale |\r\n| `_effects.scss` | Border radius, shadows, opacity, transitions, z-index |\r\n| `_theme.scss` | shadcn semantic tokens, light and dark mode |\r\n| `_components.scss` | Component-level tokens (button, input, sidebar, table…) |\r\n| `_base.scss` | Base HTML element styles (`@layer base`) |\r\n| `_utilities.scss` | Custom utility classes and keyframe animations |\r\n\r\n---\r\n\r\n## Token naming convention\r\n\r\n| Category | Example CSS var | Example SCSS var |\r\n|---|---|---|\r\n| Brand color | `--primary-500` | `$primary-500` |\r\n| Semantic color | `--success-500` | `$success-500` |\r\n| Typography | `--font-display` | `$font-display` |\r\n| Spacing | `--space-4` | `$space-4` |\r\n| Radius | `--radius-md` | `$radius-md` |\r\n| Shadow | `--shadow-lg` | `$shadow-lg` |\r\n| Component | `--btn-height-md` | `$btn-height-md` |\r\n| z-index | `--z-modal` | `$z-modal` |\r\n\r\n> **Rule:** Tailwind config always references CSS variables (`var(--token)`),\r\n> never SCSS variables or raw values. SCSS variables are for build-time logic only.\r\n\r\n---\r\n\r\n## Workspace scripts reference\r\n\r\n| Command | What it does |\r\n|---|---|\r\n| `npm install` | Installs all dependencies and links all packages |\r\n| `npm run build` | Builds design-tokens then tailwind-config in order |\r\n| `npm run build:tokens` | Builds only design-tokens (SCSS → CSS) |\r\n| `npm run build:tailwind` | Builds only tailwind-config (TS → JS) |\r\n| `npm run watch:tokens` | Watches SCSS files and recompiles on save |\r\n| `npm run version:all` | Bumps patch version across all three packages |\r\n| `npm run publish:all` | Builds and publishes all three packages in order |\r\n\r\n---\r\n\r\n## npm packages\r\n\r\n| Package | npm |\r\n|---|---|\r\n| `@amit2026/ins-ui-kit` | https://www.npmjs.com/package/@amit2026/ins-ui-kit |\r\n| `@amit2026/design-tokens` | https://www.npmjs.com/package/@amit2026/design-tokens |\r\n| `@amit2026/tailwind-config` | https://www.npmjs.com/package/@amit2026/tailwind-config |\r\n\r\n---\r\n\r\n## React Components\r\n\r\nThe `@amit2026/ui` package provides ready-to-use React components built on the design tokens and Tailwind preset.\r\n\r\n### Prerequisites\r\n\r\nYour project must already import the compiled tokens and use the Tailwind preset (see [How to consume in another project](#how-to-consume-in-another-project)). Components rely on the CSS custom properties being present on `:root`.\r\n\r\n---\r\n\r\n### Dropdown\r\n\r\nA searchable single-select dropdown with smooth open/close animation, full keyboard navigation, ARIA accessibility, and automatic support for all design-system themes.\r\n\r\n#### Import\r\n\r\n```tsx\r\nimport { Dropdown } from '@amit2026/ui';\r\nimport type { DropdownOption } from '@amit2026/ui';\r\n```\r\n\r\n#### Basic usage\r\n\r\n```tsx\r\nimport { useState } from 'react';\r\nimport { Dropdown } from '@amit2026/ui';\r\n\r\nconst options = [\r\n  { value: 'apple',  label: 'Apple' },\r\n  { value: 'banana', label: 'Banana' },\r\n  { value: 'cherry', label: 'Cherry' },\r\n];\r\n\r\nexport function Example() {\r\n  const [value, setValue] = useState('');\r\n  return (\r\n    <Dropdown\r\n      options={options}\r\n      value={value}\r\n      onChange={setValue}\r\n      placeholder=\"Select a fruit\"\r\n    />\r\n  );\r\n}\r\n```\r\n\r\n#### Searchable dropdown\r\n\r\nThe search input is always present and filters the option list in real time.\r\nNo extra configuration is needed.\r\n\r\n```tsx\r\nimport { useState } from 'react';\r\nimport { Dropdown } from '@amit2026/ui';\r\n\r\nconst frameworks = [\r\n  { value: 'react',   label: 'React' },\r\n  { value: 'vue',     label: 'Vue' },\r\n  { value: 'angular', label: 'Angular' },\r\n  { value: 'svelte',  label: 'Svelte' },\r\n  { value: 'solid',   label: 'SolidJS' },\r\n];\r\n\r\nexport function FrameworkPicker() {\r\n  const [selected, setSelected] = useState('');\r\n  return (\r\n    <div className=\"max-w-xs\">\r\n      <Dropdown\r\n        options={frameworks}\r\n        value={selected}\r\n        onChange={setSelected}\r\n        placeholder=\"Choose a framework\"\r\n        searchPlaceholder=\"Search frameworks...\"\r\n      />\r\n      {selected && (\r\n        <p className=\"mt-2 text-sm text-muted-foreground\">\r\n          Selected: <span className=\"text-foreground font-medium\">{selected}</span>\r\n        </p>\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n```\r\n\r\n#### Props\r\n\r\n| Prop | Type | Default | Description |\r\n|---|---|---|---|\r\n| `options` | `DropdownOption[]` | — | Array of selectable options |\r\n| `value` | `string` | `undefined` | Controlled selected value |\r\n| `onChange` | `(value: string) => void` | — | Callback fired when an option is selected |\r\n| `placeholder` | `string` | `'Select an option'` | Trigger text when nothing is selected |\r\n| `searchPlaceholder` | `string` | `'Search...'` | Placeholder for the search input |\r\n| `disabled` | `boolean` | `false` | Disables the dropdown |\r\n| `className` | `string` | `''` | Extra CSS classes on the root element |\r\n\r\n#### DropdownOption\r\n\r\n```ts\r\ninterface DropdownOption {\r\n  value: string;\r\n  label: string;\r\n}\r\n```\r\n\r\n#### Keyboard navigation\r\n\r\n| Key | Action |\r\n|---|---|\r\n| `Enter` / `Space` / `↓` | Open the dropdown |\r\n| `↓` / `↑` (in list) | Move between options |\r\n| `↑` (on first option) | Return focus to search input |\r\n| `↓` (in search) | Move focus to first option |\r\n| `Enter` (on option) | Select the focused option |\r\n| `Escape` | Close and return focus to trigger |\r\n\r\n#### Theme support\r\n\r\nThe Dropdown inherits the active theme automatically via the `data-theme` attribute.\r\nAll interactive states — hover, selected, focus ring — update to match the active theme\r\nwithout any additional configuration.\r\n\r\n```html\r\n<!-- default blue theme -->\r\n<Dropdown ... />\r\n\r\n<!-- purple theme applied to a section -->\r\n<div data-theme=\"purple\">\r\n  <Dropdown ... />\r\n</div>\r\n```\r\n\r\nAvailable themes: `purple`, `green`, `yellow`, `red`, `orange` (default is blue).\r\n\r\n---\r\n\r\n## Versioning\r\n\r\n- **Patch** — visual value adjustments or docs update (e.g. slightly lighter shadow)\r\n- **Minor** — new tokens added (no existing tokens removed or renamed)\r\n- **Major** — any token renamed, removed, or structurally reorganized\r\n\r\nPin consuming projects to a specific minor version (`^1.0.0`)\r\nand review the CHANGELOG before upgrading across major versions.","readmeFilename":"readme.md"}